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