Макет 1-го экрана сайта для художественного интернет-магазина

Описание

Задача: Создать первый экран сайта интернет-магазина. Он должен передавать атмосферу вдохновения, красоты, эстетичности. Здесь не просто продают кисти, а вдохновляют. Сразу, с первого экрана хочется полистать, посмотреть и положить в корзину. Целевая аудитория: 20-35 лет, в основном девушки. Иллюстраторы, художники, студенты творческих вузов. Любят Pinterest, уютные вещи, эстетичную упаковку, минимализм и креатив.

Решение

В цветовую палитру я включила: бежевый, персиковый, приближённый к охре и спокойный тёмно-зелёный цвета.

Фон сайта я сделала бежевым, так как он ассоциируются с теплом и уютом. По центру я разместила логотип и название сайта, выбрав шрифт, напоминающий дорожку краски от кисточки с капелькой на конце. Цвет логотипа я выбрала контрастным тёмно-зелёным, что бы он и выделялся на фоне, но и не всё внимание забирал на себя. Далее под логотипом я разместила краткое описание/дескриптор магазина. И самым основным элементом я сделала кнопочку "Посмотреть товары". Её я сделала контрастным цветом приближённым к охре и "жирненькой", широкой плашкой, что бы сразу взгляд цеплялся за нее, хотелось бы нажать на неё и посмотреть товары этого магазина.
Затем я перешла на верхнее меню сайта. Также разместила сначала логотип, а потом заполнила в персиковые плашки кнопки "Домой", "Новинки", "Каталог", " О нас", "Контакты". Очерёдность я выбрала такую, что бы пользователь находясь в одной из страниц сайта, мог быстро возвратиться назад через кнопку "Домой". "Новинки" я поставила второй кнопкой, что бы пользователь сразу мог посмотреть новые товары, найдя в них что-то интересное, а уже потом мог посмотреть конкретные товары в каталоге. Кнопки "О нас" и "Контакты" я разместила последними, так как в основном пользователи читают информацию об интернет-магазине в последнюю очередь после просмотра его ассортимента. Далее в контрастную белую плашку я разместила кнопку поиска товара, что бы пользователь, по желанию, мог сразу найти нужный товар, не ищя в каталоге и не скролля страницы сайта. И в верхний правый угол я разместила кнопочку "Корзина". Так как мы привыкли читать слева направо, то конечный взгляд пользователя будет именно на "Корзине", что бы сразу можно было посмотреть выбранные товары и оформить заказ.

Для придания сайту креативности и уюта, я добавила несколько элементов: цветочки в персиковом цвете, которые тянутся от верхнего правого угла к нижнему левому, будто падают, а для симметрии, по оставшися углам я добавила фото-маску девушки, которая держит в руках кисточку и деревянную палитру (отсылка на тематику магазина) и фото-маску художественного узора (тоже отсылка на тематику магазина).

Результат

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

Презентация проекта