Начало работы
01

О пректе

Надежная компания с серьезным индивидуальным подходом. Более 10 лет работы на петербургском рынке. Мощная металлообрабатывающая производственная база, собственная сеть салонов продаж.

Цели

Цели

Продвижение на рынке нового направления фабрики.
Задачи

Задачи

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

Процесс

  • Аналитика
  • Создание прототипов
  • Дизайн
  • Адаптивная верстка
  • Программирование функционала
  • Наполнение контентом
02

Проводим аналитику

Определяем:
  • видение: требования, цели и задачи бизнеса;
  • ЦА, портреты пользователей: их мотивы, боли, желания;
  • требования пользователей к сайту;
  • лучшие и худшие решения у конкурентов.
Персонаж 1
Василий, 41 год
Высшее образование.
Ведущий инженер.
Работает на водоканале.
Заказывал забор для дачи на фабрике Элькадор, теперь хочет приобрести ворота этой же компании.
Персонаж 2
Алиса, 36 лет
Высшее образование.
Безнесвумен.
Владеет сетью магазинов зоотоваров.
Подбор ворот для загородного дома.
Элькадор image
Прототип
03

Структурируем прототип

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

Элькадор prototype 1
Элькадор prototype 2
Дизайн
04

Рисуем
дизайн

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

Элькадор prototype 1
Элькадор prototype 2
Верстка
05

Верстаем и адаптируем

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

Phone Элькадор prototype 1
Phone Элькадор prototype 2
Phone Элькадор prototype 3
Система
06

Группируем элементы в UI KIT

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

Элькадор UI KIT image
Разработка
07

Разрабатываем функционал

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

Подключаем и настраиваем аналитику Яндекса и Google.

Результат: яркий интересный сайт с крутыми анимациями.

Готовый проект: vorota.elcador.ru

notebook Элькадор programming image
Особенно хочется отметить крайне высокую степень отзывчивости и личного участия в решении поставленных задач.
Профессиональный уровень сотрудников - выше всяких похвал.
Все самые сложные и нестандартные задачи были решены на отлично! Особую благодарность хочу выразить Светлане и Ирине - большие профессионалы и очень хорошие люди.
Баруков А. А.
Генеральный Директор ООО "Компания Элькадор"