Посадочная страница Retro Tea

Посадочная страница для компании по оптовой доставке индийского чая Retro Tea. На сайте пользователи могут узнать о фасовке, условиях доставки, сертификатах, а также оставить заявку на приобретения продукции.

О клиенте

Компания Retro Tea занимается оптовой продажей индийского чая высшего качества по всей России. Уникальный состав упаковки чая Retro Tea призван защитить продукт от воздействия внешней среды и сохранить его натуральные качества, вкус и аромат.

Задачи
  1. Подобрать шрифт и цветовую гамму для названия компании
  2. Возможность оставить заявку на лист цен для оптовиков
  3. Продемонстрировать этапы работы компании
  4. Сделать максимально простым (минимализм), но в тоже время современным
Описание

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

Характеристика
Безопасность

Безопасность

Масштабируемость

Масштабируемость

Стильный и современный дизайн

Стильный и современный дизайн

Адаптирован под мобильные устройства

01

Проектирование сайта

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

01

Прототипирование

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

01

Сбор материалов для сайта

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

01

Разработка дизайн-концепции

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

01

Сборка и программирование

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

01

Верстка сайта

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

01

Адаптивная верстка

Проработка верстки для мобильных устройств – планшетов и смартфонов в 4 состояниях: горизонтально повернутый планшет, вертикально повернутый планшет, горизонтально повернутый смартфон и вертикально повернутый смартфон.

01

Контентное наполнение

Собранный и сверстанный сайт мы наполнили ранее переданными материалами от заказчика, написали продающие заголовки, разместили фотографии, описания в каталоге.

01

Базовое SEO

На данном этапе мы настроили сайт в соответствии с требованиями Яндекса и Google (настройка редиректов, robots.txt, sitemap.xml, составление глобальных мета тегов, подключение инструментов для сбора аналитики).

01

Тестирование и подготовка к запуску

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

Проект в цифрах

50+

Часов разработки

9

Блоков прототипа

9

Блоков дизайна

12

Дней затрачено на проект

4

Человек в команде проекта

9

Блоков на сайте

Готовы на собственный сайт? Оставьте заявку!

Оставьте заявку любым удобным для вас способом — по телефону, в социальных сетях, в мессенджерах или заполните форму. Мы свяжемся с вами в считанные минуты!

Оставить заявку