ИНТЕРНЕТ-МАГАЗИНА ЦВЕТОВ LEPESTKI
Дизайн сайта
В сентябре 2024-го года поучаствовал в конкурсе редизайна интернет магазина цветов и выиграл.
Конкурс проходил на базе фриланс биржи FL — https://www.fl.ru/projects/5359045/dizayn-internet-magazina-tsvetov-i-podarkov.html
Необходимо было разработать современный дизайн сайта lepestki-vl.ru с сохранением категорийной структуры товаров, но с гибкой модульной сеткой, позволяющей менять блоки, используя существующие фото и простую текстовую надпись LEPESTKI вместо логотипа. Цель — внедрить актуальные тенденции (на примере «Мира Кубиков») и создать стильный визуал без необходимости переснимать товары или опираться на брендбук.
Всё фотографии у клиента были выполнены на темном фоне. В задаче явно дали понять, что переснимать фотографии они не хотят и необходимо было под это подстроиться. На текущем сайте такие черные фотографии выглядят довольно угрюмо.
Поэтому я принял решение, сделать фон сайна ещё более темным, чем фон самих фотографий. Таким образом фон сайта компенсирует угрюмость. А если верно подобрать темный цвет сайта, то можно добиться «лакшери»-эффекта сайту. Что и было сделано.
Сначала клиент засомневался в таком решении и предложил доработать макеты, предоставив альтернативные светлые цвета фона, что я и сделал, добавив для сравнения другой цвет темного фона.
Но увидев, что получилось, согласился с моим первоначальным решением.
Так же в задаче было написано буквально следующее: «Как эталон того что нравится – сайт Мира Кубиков. Оч крутой.» Проанализировав упомянутый сайт, я пришел к выводу что его отличает необычная сетка товаров. В каждой категории количество товаров визуально разное количество. Что я и сделал.
Для иллюстрации на первом экране я сгенерировал с помощью нейросетей несколько изображений девушек с цветами.
Цветовая гамма специально была подобранная яркая и «цветочная».
После победы в конкурсе я разработал все внутренние страницы интернет магазина, а так же мобильную версию. Это всё можно посмотреть в макетах — https://www.figma.com/design/VEyyRjDrIulTf7WsQprlqh/Lepestki?node-id=284-2713&t=lNBWQuOPgf9NvtVP-1
Made on
Tilda