Guest
Привет! Меня зовут Алексей. Хочу рассказать вам о проекте, редизайн интернет-магазина Field Theory. Задачи, которые стояли передо мной, когда я приступала к этому проекту: Сделать дизайн более индивидуальным. Чтобы мой дизайн отражал стилистику бренда и подчёркивал его необычность. В рамках интернет-магазина хотелось поработать с нестандартной сеткой и интересными композициями. Давайте посмотрим как этот сайт выглядел изначально. Сайт выглядел достаточно неплохо, стандартный черно-белый сайт, на котором встречалось много мелких ошибок: проблема с отступами, очень мелкие тексты, мелкие заголовки, не было текстовой иерархии и не была проведена работа с акцентами, а так же очень слабо продумана фильтрация и сортировка. Что в конечном итоге повлиять на конверсию сайта и прибыль компании. Передо мной в первую очередь стояла задача сделать сайт логичным, продуманным для пользователя: чтобы пользователь на сайте четко понимал где заголовок, где цена, где кнопка, как добавить товар в корзину, как совершить покупку на сайте. И конечно хотелось стилистически разнообразить сайт, сделать его более индивидуальным, при этом с интуитивно понятным. Давайте теперь посмотрим какой дизайн концепт получился у меня в итоге. Сайт получился неброским, но при этом акцентным, выразительным с понятным и четким функционалом и предсказуемой фильтрацией и сортировкой товаров. При этом здесь есть яркие акценты: это крупная типографика, градиенты, красочные изображения которые демонстрируют товар в максимально выгодном свете чтобы этот товар заинтересовал пользователя, чтобы человек перешел на страницу товара и в конечном итоге чтобы пользователь совершил на нашем покупку. небольшое количество цветов создают общее положительное впечатление о сайте. Если говорить о работе с сеткой, то здесь я использовал 4-колоночную сетку. Перед тем как приступить к этому проекту, я проводил визуальное исследование, делал конкурентный анализ разных интернет-магазинов. И в рамках своего исследования я отметил что в интернет-магазинах часто используется 4-колоночная сетка: здесь максимально удобное соотношение пропорций фотографии и типографики, и в рамках одного экрана пользователь может увидеть достаточное количество товаров, то есть ему не придётся долго изучать сайт. На главной странице я использовал более сложную сетку. Это позволило мне использовать более сложные композиционные решения. Отдельно хочу отметить, что пока я работал с главной страницей я поставил себе дополнительную задачу сделать каждый блок индивидуальным, непохожим на другой, но при объединить их единой концепцией. Пока я проводил исследования, я отметил что часто главные страницы интернет-магазинов похожи друг на друга: как правило это какие-то крупные баннеры и несколько блоков демонстрирующих товары (например, блоки с новинками и популярными товарами). И главная страница не привлекает пользователя, не передаёт индивидуальность бренда. Я же хотел показать, что бренд уникальный, подчеркнуть необычность товаров, поэтому я сделал дизайн главной страницы более ярким, более насыщенным. В совокупности мой дизайн получился ярким и запоминающимся. С интуитивно понятным интерфейсов, чистым и лаконичным с акцентом на контент. А так же с понятной фильтрацией и поиском товаров, с прозрачными дальнейшими действиями и в конечном итоге покупкой товара. Я считаю, что пользователь, увидев сайт интернет-магазина с таким дизайном, обязательно запомнит этот бренд, захочет вернуться к этому сайту и дальше знакомиться с товарами этого бренда и будет совершать покупки на этом сайте.
