Игорь Трошин › troshify Сбер ID
Делаю сайты, которые работают на ваш бизнес
Рейтинг
14 965
№ 64 в каталоге
Отзывы
Профессионализм
10/10
Коммуникация
10 /10
Город
Санкт-Петербург
Опыт работы
7 лет
На сайте с
2019 года
Юридический статус
Самозанятый
Freelance.Boutique
Премиум-сервис для лучших исполнителей
Безопасная сделка
Деньги списываются после приёмки

Mildar — сайт производителя сыра и молочной продукции

Используемые навыки Figma UI/Пользовательский интерфейс UX/Пользовательский опыт Веб-дизайн Дизайн сайтов

Описание

Компания производит и продаёт молочную продукцию: сыры и сливочное масло. Нужно было создать сайт, который понятно представляет ассортимент, рассказывает о производителе и формирует доверие к бренду.

Отдельное внимание уделялось визуальной подаче. Сайт должен был передавать ощущение натурального продукта, качества и традиционного производства, при этом оставаться современным и удобным.

Решение

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

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

Собрал структуру сайта вокруг главных задач пользователя:

• главная страница;
• каталог продукции;
• разделы «Сыры» и «Масло»;
• карточки товаров;
• информация о производителе;
• новости и рецепты;
• контакты.

Отдельно проработал путь пользователя от знакомства с брендом до выбора конкретного продукта.

Создал прототипы основных страниц и проверил ключевые сценарии:

Главная - каталог - категория - товар - информация о продукте.

На этом этапе удалось заранее проверить логику навигации и расположение основной информации, не переходя сразу к визуальному оформлению.

В основе дизайна - натуральные светлые оттенки, крупные фотографии продукции и большое количество свободного пространства.

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

Карточки продукции сделал максимально понятными: пользователь сразу видит фотографию, название и основную информацию о товаре.

Дизайн адаптирован под разные разрешения экрана, поэтому основные сценарии одинаково удобно работают на компьютере, планшете и смартфоне.

Результат

В результате получился сайт, который одновременно решает несколько задач:

• представляет ассортимент продукции;
• помогает быстро найти нужный товар;
• рассказывает о производителе;
• формирует визуальный образ бренда;
• создаёт удобную точку контакта с потенциальными покупателями.

Проект получил награду во Всероссийском конкурсе сайтов и приложений «Рейтинг Рунета - 2022».

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT ШлифАбразивПро — корпоративный сайт-каталог
ШлифАбразивПро — корпоративный сайт-каталог
261
Веб-разработка и IT Remak Pool - лендинг на Tilda для инженерных решений бассейнов
Remak Pool - лендинг на Tilda для инженерных решений бассейнов
188
Веб-разработка и IT Move Smooth — корпоративный сайт мувинговой компании
Move Smooth — корпоративный сайт мувинговой компании
171
Веб-разработка и IT Marinad - сайт digital-агентства на Tilda
Marinad - сайт digital-агентства на Tilda
271