Адаптивна верстка сайта-портфолио по макету Figma
Работа была сделана на заказ совместно с заказчиком, так как заказчик являлся и заказчиком и дизайнером этого проекта. В ходе работы были поправлены некоторые моменты вёрстки, а также дизайна и в итоге работа была доведена до идеала.
Спасибо заказчику за конструктивную критику, так как без неё проект получился бы не таким классным. Мне больше нечего добавить и не к чему придраться, ведь когда разработчик и дизайнер работают вместе, то получается отличный результат.
Ссылка на макет:
Ссылка на работу:
Работа сделана на HTML, CSS, JS, Flexbox, Grid. Верстка сделана по методологии БЭМ. Работа получилась Pixel Perfect по всем макетным брейкпоинтам. Для всех иконок на сайте сформировал иконочный шрифт с помощью сервиса Icomoon. Сделал кастомный аудиоплеер на чистом JS с переключением музыки и контента, а также видеоплеер на JS с переключением видеороликов и контента. Также сделал интересный прелоадер с выводом процентной загрузки сайта.
Решали с заказчиком как он будет править контент на сайте под свои нужды. Я предложил сделать посадку на CMS, но заказчик от неё отказался т.к. хотел самостоятельно править сайт через код. В итоге я сделал небольшие правки в коде чтобы было удобнее редактировать контент на сайте и добавлять свою музыку и видео.
По итогу получился надежный, адаптивный, кроссбраузерный сайт-портфолио.