В 2018 году к нам обратилась компания «Дядя Ваня» для разработки современного имиджевого сайта.
Несмотря на устоявшийся с 1999 года фирменный стиль, компания понимала, как важно идти в ногу со временем и актуализировать своё присутствие в интернете. Тем более, что функциональность старого сайта была сильно ограничена, а возможность масштабирования и вовсе отсутствовала.
Основная проблема, с которой обратился бренд — морально устаревший как по дизайну, так и по технической части сайт.
Перед сайтом стояла задача не просто информировать людей о существовании консервированной продукции от «Дяди Вани», но и вовлекать во взаимодействие. Для этого требовалось разработать личный кабинет, создать новые разделы (такие как «рецепты», «фильмы») и реализовать возможность вовлечения пользователей различными конкурсами.
Для реализации проекта мы собрали следующую команду:
- Менеджер проекта;
- Аналитик;
- Дизайнер;
- 2 backend-разработчика;
- Frontend-разработчик;
- Devops-специалист;
- Тестировщик.
После этого мы приступили к первому этапу работы над проектом.
1. Отрисовка дизайна
Одной из особенностей наших цифровых продуктов является UI/UX-дизайн. Первоначально мы проектируем сценарий пользовательского поведения, продумываем логику взаимодействия пользователя с сайтом и лишь затем отрисовываем дизайн.
Наша цель — сделать не просто красивый сайт, а создать продукт под заданные бизнес-цели.
Мы сотрудничали с компанией около 5 лет назад и сейчас сайт, конечно же, выглядит несколько иначе. Но мы нашли первые концепты дизайна и выглядели они так:
1) Дизайнер разработал концепт дизайна главной страницы с учётом пожеланий заказчика.
Компания была основана ещё в 1999 и за прошедшие годы стала достаточно узнаваемым брендом. Нам нужно было не просто отрисовать современный дизайн, но и отразить позиционирование бренда, при этом сделав страницы удобными для пользователей. В итоге выбрали минималистичный вариант с элементами фирменного стиля торговой марки.
2) Расставили акценты, чтобы привести пользователя к нужному действию. Например, чтобы он открыл каталог с продукцией, обратил внимание на скидки и акции компании.
При выборе цвета и типографике мы опирались на логотип «Дядя Ваня». Основной шрифт без засечек в проекте – Lato.
Главная страница сайта после разработки основного концепта стала выглядеть так:
Задача интерфейса при первом контакте — побудить посетителя выбрать товары в категории «Наши продукты», заполнить корзину и указать адрес для доставки. Число шагов к этой цели должно быть минимальным.
2. Разработка backend и frontend частей
Помимо разработки дизайн-концепции требовалось проработать и техническую часть. Как мы заметили ранее, сайт заказчика был написан на движке, который совершенно не подходил для новых задач: функциональность была скудной, а возможность масштабирования и вовсе отсутствовала.
Ещё одна особенность нашей разработки — отсутствие обязательной привязки к CMS. В большинстве проектов мы пишем сайт и панель администратора с нуля, а затем размещаем файлы на подходящем сервере. Это позволяет убрать ненужные заказчику функции в панели управления, а также снизить риски для жизни с этим проектом. Ведь конструктор может перестать работать со страной заказчика, а в случае с индивидуальной разработкой при необходимости мы просто перенесём файлы с одного сервера на другой.
Возвращаясь к «Дяде Ване». Наши разработчики написали сайт с нуля: backend был сделан на последней версии фреймворка Laravel, а front частично на Vue.js. Также с нуля разработали административную панель, которая позволяет полноценно управлять сайтом и подходит непосредственно под нужды заказчика. Абсолютно ничего лишнего, как может быть с CMS; только тот функционал, который необходим и затрагивает процессы самого сайта.
3. Тестирование, настройка и запуск
После разработки мы перешли к обязательному этапу — тестированию.
Перед релизом разработанных сайтов мы проводим UI/UX тестирование, регрессионное, кроссбраузерное и интеграционное тестирование, а также smoke-тест. Это позволяет нам убедиться в том, что разработанный цифровой продукт готов к запуску.
Результат
Результатом сотрудничества стало создание современного имиджевого сайта, который соответствовал бизнес-требованиям компании.
Разработка заняла 5 месяцев и за это время мы успели не просто собрать с нуля и сделать релиз цифрового продукта, а качественно решить проблему, с которой к нам обратился бренд «Дядя Ваня» — морально устаревший по дизайну и технической части сайт был заменён современным продуктом.
И этот результат в 2018 году положил начало нашему многолетнему сотрудничеству с брендом «Дядя Ваня», которое длится и по сей день в формате технической поддержки. Мы искренне благодарны за доверие, которое оказывает нам «Дядя Ваня» и другие наши клиенты.
С уважением, команда Hands App.