March 3

Презентация дизайна сайта Глинки

Шапка

В версии шапки для ПК умещается много полезной информации. Здесь важно соблюсти баланс и не свалить всё в единую нечитаемую кучу: зелёным помечаем призывы к действию; синим выделяем категории товаров; серые ссылки относятся ко второстепенной информации и наименее заметны на экране; а фирменный градиент напоминает пользователям о товарах, которые они добавили к сравнению, в избранное или переместили в корзину.

Сетка не видна пользователям, но поскольку она есть, сайт смотрится аккуратно и гармонично

Баннеры

Каждый баннер состоит из релевантной картинки, лаконичного торгового предложения с расставленными акцентами и призыва к действию.

Несколько вариантов баннеров для ПК и смартфонов

Категории

Перед веб-дизайнером стояла задача сделать картинки для раздела категорий максимально обезличенными, чтобы не было привязки к конкретным брендам. Для этого в карточках категорий размещаются не сами товары, а их фрагменты и применяется эффект размытия.

Цифры в заголовках и категориях намекают пользователям, что Глинки.ру — это серьёзный интернет-магазин, которому можно доверять.

Новости

Заголовок блока продолжает формировать доверие пользователей, акцентируя их внимание на многолетней истории интернет-магазина. Сам блок отрисован таким образом, чтобы с его обновлением справился любой мало-мальски обученный человек, без привлечения веб-дизайнера.

Блог

По сути блог мог бы иметь то же оформление, что и раздел с новостями, но тогда между подразделами не стало бы различий. Во избежание монотонности, взгляд пользователей должен постоянно обо что-то запинаться.

Один из вариантов оформления блога

Ещё один вариант оформления блога

Ничего сложного в оформлении блога нет и с его обновлением сможет справиться любой мало-мальски обученный человек, без привлечения к работе веб-дизайнера

Результат