# Интернет-магазины
Дизайн интернет-магазина по продаже техники бренда Apple
Web-дизайн
i-Ray
Интернет-магазин техники бренда Apple
Москва
2 месяца
2023 г.
Обновить визуал существующего интернет-магазина до современного и удобного
Усовершенствовать функционал сайта для увеличения конверсии и продаж
Выстроить удобную коммуникацию с покупателями
Сделать ресурс полностью адаптированным к планшетам и мобильным устройствам
Перед началом работы мы составили мудборд. Для этого провели визуальный анализ массмаркетов в этом сегменте и смежных. Вместе с клиентом остановились на современных тенденциях веб-проектирования: дружелюбный интерфейс (скругленные углы, мягкие тени, много светлого нейтрального пространства) аккуратные не загруженные карточки, выделение акцентов фирменным цветом, простые и понятные иконки.
Прежде чем показать заказчику первый драфт, проработали несколько вариантов главного экрана и получили первый утвержденный дизайн-макет — отправную точку для разработки последующих страниц
Была изучена логика использования сайта с мобильного устройства потенциальными покупателями.
Получены рекомендации от заказчика, с учетом специфики товара и способов его получения.
Всвязи с чем разработаны дополнительные элементы интерфейса и лидогенерирующие формы
Главная страница стала основой для общего цветового и шрифтового решения. Этот набор дорабатывался и пополнялся вплоть до окончания работы над проектом — по мере появления новых требований к оформлению элементов.
В проекте импользована хорошо читаемая с различных устройств гарнитура Mulish.
Это вариативный гротеск из коллекции Google Fonts с большим количеством начертаний, от тонкого до жирного
Быстрый ритм жизни вносит свои коррективы и влияет на поведение покупателей, поэтому мы разработали макеты, адаптированные под самые популярные экраны устройств. Всё для удобства покупателей, а, значит, и для увеличения прибыли заказчика
В этом проекте мы применили принцип атомарного дизайна, суть которого заключается в проектировании от меньше к большему, от деталей к сложным формам: атомы формируют молекулы, молекулы — организмы, организмы — системы.
Такой подход ускоряет, упрощает и систематизирует работу над сайтом на всех ее этапах, а также экономит время и деньги заказчика, например, при апгрейде сайта в будущем. В любой момент не возникнет сложностей в том, чтобы заменить, обновить или доработать “атом” сайта, чтобы обновить его “организм”, не ломая при этом структуры.
Для проекта было разработано 300+ мельчайших фирменных элементов (атомов):
Атомы
Молекулы
Организм
Система
Мы используем системный подход при работе над проектом, включающий множество этапов, каждый из которых
необходим для создания качественного и функционального интерфейса. А удобный интерфейс в свою очередь
будет работать на удобство для посетителей и получение прибыли для заказчика
