На нашем сайте используются файлы cookie, которые помогают сделать его более функциональным, позволяют нам анализировать использование сайта, а также улучшить ваше впечатление от его использования. Продолжая использовать сайт, вы соглашаетесь на обработку ваших персональных данных в соответствии с Политикой обработки персональных данных.
интернет-магазин дистрибьютера
мяса агроальянс мт
#разработка_сайта
срок разработки
#веб-дизайн
90 дней
тип сайта
интернет-магазин
ссылка на сайт
22
страницы
общее количество страниц на сайте
31
товар
добавлен на сайт в качестве стартового каталога
6
работали над проектом
человек
клиент обратился за редизайном текущего сайта. перед нами стояло несколько задач
задачи
Агроальянс МТ — один из ведущих российских импортеров и дистрибьюторов мяса. География покупателей обширна — от Калининграда до Дальнего Востока.
Текущий сайт клиент описывал как устаревший, неудобный и перегруженный информацией. Компания нуждалась в современном сайте, который отразит 20-летний опыт на рынке.
Сделать редизайн текущего сайта
Текущий сайт нуждался в переработке структуры: её нужно было сделать более логичной и удобной. Блоки об оптовой продаже и торговой марке нужно было выделить в отдельные страницы.
Оптимизировать структуру сайта
На текущем сайте была представлена не вся продукция. Плюс к этому, отсутствовала классификация товаров. Клиент отметил, что важно разделить каталоги по направлениям и предусмотреть продажу товаров через маркетплейсы.
Создать удобный каталог товаров
разработка выстроена системно и делится на 4 больших этапа
этапы работы
- выделили три линейки товаров компании в отдельные страницы;
- объединили описание направлений компании в одну общую страницу, чтобы облегчить восприятие информации;
- оформили основную информацию о компании и ассортименте в блоки на главной странице, продумали переходы для детального ознакомления.
структура сайта
результат этапа
карта сайта
Мы детально изучили структуру текущего сайта и предложили варианты её оптимизации.
разработка выстроена системно и делится на 4 больших этапа
этапы работы
Прототип помогает визуализировать страницы сайта, чтобы согласовать логику переходов и наполнение контентом.
На этом же этапе мы подобрали референсы по дизайну блоков и страниц, чтобы детальнее понять ожидания и предпочтения клиента.
На этом же этапе мы подобрали референсы по дизайну блоков и страниц, чтобы детальнее понять ожидания и предпочтения клиента.
текстовый прототип
результат этапа
кликабельный прототип
Помогает визуализировать страницы сайта, чтобы согласовать логику переходов и наполнение контентом.
На этапе обсуждения референсов мы увидели, что клиент хотел бы сделать сайт ярким, лёгким и креативным. Это пожелание мы отразили в дизайн-концепции, которую сделали на основе главной страницы.
Дизайн был создан в рамках брендбука компании: мы использовали фирменный шрифт, иллюстрации и палитру. Дополнительно отрисовали иконки видов мяса. Предложили лёгкие интерактивные анимации для поддержания общего настроения.
Дизайн был создан в рамках брендбука компании: мы использовали фирменный шрифт, иллюстрации и палитру. Дополнительно отрисовали иконки видов мяса. Предложили лёгкие интерактивные анимации для поддержания общего настроения.
дизайн-концепция
результат этапа
дизайн-макеты всех страниц
Разработали дизайн-концепцию на основе главной страницы. Учли основные пожелания клиента.
- перенос дизайн-макетов на Тильду, настройку анимации, вёрстку адаптивных версий, чтобы сайт хорошо выглядел на всех устройствах;
- создание кастомного каталога товаров для каждой линейки продукции компании;
- технические работы: перенос домена, настройка базового SEO, подключение SSL-сертификата;
- передача клиенту инструкции по редактированию каталога.
Финальный этап включал в себя:
вёрстка на тильде
результат этапа
готовый сайт
Перенесли дизайн-макеты на Тильду, настроили анимацию, сверстали адаптивные версии, чтобы сайт хорошо выглядел на всех устройствах.
Всегда очень ценно, когда клиент готов к креативу и даже является его инициатором. Благодаря этой открытости нам удалось прийти к яркому концепту, который выделяет компанию на фоне конкурентов.
Сайт получился объёмным по количеству страниц, но при этом простым в восприятии: без сложных формулировок и тяжёлой структуры. Уверены, что это сделает знакомство пользователя с продукцией компании приятной и запоминающейся.
Сайт получился объёмным по количеству страниц, но при этом простым в восприятии: без сложных формулировок и тяжёлой структуры. Уверены, что это сделает знакомство пользователя с продукцией компании приятной и запоминающейся.
МАРИЯ ТУРКИНА
ГЛАВНЫЙ ВЕБ-ДИЗАЙНЕР ПРОЕКТА
РЕЗУЛЬТАТ
ДЕСКТОП
главная страница
Видео приготовления стейка для демонстрации продукции у конечного потребителя
Переход к блокам каталога
Компания в цифрах: основные показатели
Бренды компании с переходами в каталоги
Логотипы партнёров компании
Иллюстрация ассортимента компании. Иконки были созданы специально для данного проекта
Блок с яркими преимуществами компаниями, который встречается по всему сайту
Карточки направлений компаний для демонстрации возможных форматов сотрудничества
Основные преимущества компании
Форма обратной связи
РЕЗУЛЬТАТ
АДАПТИВЫ
фирменные рестораны
