Интерактивный сайт в нише элитного камня

Компании по добыче и реализации натурального мрамора потребовался сайт, способный приносить новых клиентов. Он должен был отвечать всем современным требованиям UI/UX - быть минималистичным, адаптивным, с доступной подачей информации.

Разработка сайта шла по следующим направлениям:

- Подготовительный этап

1) Маркетиговый аудит текущего сайта

2) Анализ брендбука компании

3) SWOT-анализ компании

- Реализация

1) Прототипирование и подготовка дизайн-макетов

2) Сборка сайта и адаптивов

3) Настройка интеграций 

Первично мы провели аудит имеющегося сайта и выявили ряд проблем:

1. Нерабочая мобильная версия

- тех. проблемы с версткой

- низкий уровень с usability

- текст и контент не везде читаемы

2. Нет лид-магнитов

- отсутствует призыв к действию и т. д.

- доступно прямое скачивание прайс-листа

3. На сайте нет продуктового каталога

4. Дизайн-концепция нуждается в обновлении

- Нет анимации блоков

- Нет интерактивных элементов

5. Нет рабочих интеграций с CRM \ Телефонией и т.д.

Вывод: сайт не удовлетворяет требованиям по ряду критериев и нуждается в существенной доработке либо замене. 

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

Проанализировав брендбук компании, мы приступили к разработке дизайн-макета будущего сайта. 

- Шрифт. Основной шрифт: FuturaPT

- Палитра цветов. Основные: беж \ темно-оливковый. Акценты: ярко-алые.

- Главная страница. Реализована в виде презентации, с поэкранным скроллом

- Меню. Основное меню реализовано через классический "бургер". + Дополнительное навигационное меню для серфинга по блокам главной страницы.

- Анимации. Были использованы анимации появления блоков, анимации для кнопок, анимации плавного движения элементов, пошаговые анимации смены фона и т.д.

- Мобильная версия. Особое внимание было уделено мобильной версии - сохранена основная дизайн-концепция сайта включая анимированные блоки.

- Каталог. Отдельно был реализован продуктовый каталог с озможностью подбора и запроса цены через корзину.

Результатом стал полностью адаптивный сайт, собранный по всем канонам UX/UI дизайна.

См видео ниже: