Дизайн интернет-магазина дверей
Проект по разработке дизайна для интернет-магазина дверей компании Пантеон. Довольно специфичный, потому что у компании множество серий дверей, вариаций дверей и аксессуаров для них. Одним из условий было использование оранжевого цвета в качеcтве основного цвета всего интернет-магазина.
Задача
Разработать дизайн в строгом стиле для главной страницы и карточки товара. Спроектировать интерфейс таким образом, чтобы он не был нагружен лишними элементами и не вызывал чувства дискомфорта при поиске нужного товара. Отрисовать баннеры и создать адаптивные версии для мобильных устройств.
С самого начала мне необходимо было понять целевую аудиторию для интернет-магазина дверей, чтобы понимать потребности пользователей. В ходе исследования я выявил несколько групп людей, которые будут заинтересованы в покупке дверей и создал персоны пользователей.
После проработки персон пользователей, я понимал кто основной покупатель дверей. Это люди в большей степени среднего возраста от 25 лет и преимущественно мужского пола. Финансово обеспеченные, которые ценят свое время.
Исходя из этого на главной странице в первом экране были выделены категории с примерами дверей, чтобы пользователь быстро смог найти дверь из огромного количества вариантов. Под ним расположилась секция с популярными моделями для того чтобы пользователь видел, какие двери пользуются популярностью на текущий момент.
Эта группа заинтересована в покупке дверей высокого качества, которые обеспечат безопасность и эстетическое удовлетворение для их домов.
Эти пользователи могут искать уникальные и стильные двери, которые подчеркнут концепцию и дизайн их проектов.
Эти профессионалы будут интересоваться вариантами дверей оптового заказа или партнерством с магазином для предоставления услуг своим клиентам.
Безопасность и надежность дверей могут быть приоритетными для этой группы, поэтому продвижение дверей с соответствующими функциями (например, защита от детей) будет релевантным.
Перед тем как приступить к проектированию интерфейса я провёл исследование конкурентов и выделил несколько крупных магазинов похожей тематики. Во время анализа я обращал внимание на структуру страниц и расположение элементов сайта. А также на доступность поиска определённого товара и количество шагов, которые пользователь проделывает, чтобы найти товар, который удовлетворит его потребность.
Собранная информация помогла понять какие секции на сайте приоритетнее над другими и позволила оценить общее удобство от использования сайта.
Фон
#ffffff |
◯ |
R: 255 |
Основной
#FF8133 |
◯ |
R: 255 |
Вторичный
#FFE7CA |
◯ |
R: 255 |
Фон элементов
#010101 |
◯ |
R: 1 |
Семейство
Mulish
Применение
Заголовки и подзаголовки
Семейство шрифтов Mulish представляет собой современный и элегантный набор шрифтов, разработанный с учетом четкости и удобочитаемости. Он включает различные начертания, такие как Regular, Medium, Semi-Bold и Bold, что обеспечивает широкий спектр вариаций для использования в дизайне. Mulish отличается сбалансированным дизайном, подходящим как для печатных материалов, так и для веб-страниц, придавая контенту современный и профессиональный вид.
Семейство
Manrope
Применение
Текст
Manrope — это современное семейство шрифтов, созданное с акцентом на чистоту и читаемость. Он включает в себя несколько начертаний, таких как Regular, Bold, ExtraBold и другие, что предоставляет дизайнерам широкий выбор для создания различных стилей и уровней выделения текста. Manrope отличается гармоничным балансом между современностью и функциональностью, делая его подходящим для использования в различных дизайн-проектах, включая веб-дизайн, печать и мобильные приложения. Шрифт обладает четкими формами и легко читаемыми буквами, что делает его универсальным выбором для различных видов текстового контента.
Для повышения удобства клиентов была создана адаптированная мобильная версия интренет-магазина, которая полностью повторяет десктопную версию.
Если вы хотите связаться со мной, чтобы обсудить дизайн вашего проекта или по любой другой причине