Разработка сайта и ребрендинг визуального стиля LikeStore

Клиент обратился с задачей по разработке нового интернет-магазина взамен сайта-каталога с устаревшим дизайном. Мы совместно проанализировали прямых конкурентов и выделили моменты, на которые стоит обратить внимание при дизайне нового сайта. Клиент хотел, чтобы новый сайт был продающим — был запрос на добавление блока с преимуществами, отзывами и описанием услуг. Также было важно, чтобы на сайте было наличие товаров, мультирегиональность, эквайринг и бонусная система.

Мы поделили работу на следующие этапы:

1. Встреча-брифинг, где обсудили ТЗ и задали уточняющие вопросы

2. Презентовали смету и концепт

3. Обсудили условия договора

4. Приступили к работе:

•  анализ конкурентов

•  техзадание на дизайн

•  разработка дизайна

•  согласование с клиентом

•  создание техзадания на разработку

•  разработка

5. Провели тестирование

6. Запустили сайт

•  Мы автоматизировали оформление заказов. На старом сайте пользователю можно было только посмотреть цены и оформить рассрочку. На обновлённом сайте пользователь выбирает товар, добавляет в корзину, и получает в магазине, оплатив покупку. Менеджер видит оформленный заказ в Битрикс24 и связывается с клиентом, это удобнее и проще.

•  Сделали интеграцию каталога с 1С и заказов с Битрикс24.

•  Реализовали мультирегиональность (геолокацию). Контент отличается по ценам, наличию и условиям по рассрочке в зависимости от города. Если пользователь, например, в Омске, то у него откроется омский интернет-магазин, где цены и остатки на складе указаны для магазина в этом городе.

•  Создали дизайн, вдохновлённый стилем и продукцией Apple, лаконичный, информативный, но с большим количеством визуальных элементов.

•  Упростили оформление заказа, сделать карточки товаров удобного формата, с товарными предложениями для подбора модели по объёму памяти, цвету и т.д.

• В процессе разработки сайта изменился визуальный стиль компании. Наши дизайнеры сделали ребрендинг — разработали новый логотип, шрифт и цветовую гамму и представили брендбук.

• За период разработки несколько раз менялось изначальное ТЗ. Мы вносили корректировки и заменяли один функционал на другой. Например, решили отказаться от подключения второго сервиса рассрочки в пользу кастомизации первого модуля рассрочки «Всегда Да» под специфические особенности бизнес-модели клиента. Проблемы решали, постоянно общаясь с клиентом, и он был полностью осведомлён о ходе работы над проектом. Вопросы обсуждали в формате диалога и вносили корректировки в ТЗ без ущерба для бюджета проекта.

• Клиент пришёл к нам с «1С Lite» и «1С в облаке». Эта версия 1С не подходит для работы интернет-магазина из-за недостаточности функционала. Клиент перешёл с этой версии на коробочную версию «1С: Управление нашей фирмой». Стало удобнее управлять каталогом и добавлять кастомные решения: отдельный каталог подарков и каталог дополнительных гарантий к товару.

Мы подготовили концепт для клиента, чтобы показать наше видение проекта и обсудить, что мы точно берём в дизайн. Клиент попросил подготовить несколько примерных вариантов дизайна, чтобы определиться, как дальше будет развиваться внешний вид сайта. Наши дизайнеры сделали несколько вариантов сайта в фирменных цветах, но чего-то не хватало. Так же неуместно старые цвета смотрелись и на логотипе. Мы стали искать новые цветовые решения.

Исходная цветовая гамма, состоящая из ярко-синего и зелёного цветов, была несовременной и недостаточно насыщенной. Мы пришли к компромиссу и скорректировали цветовую палитру, сменив акцентный цвет. Чтобы сохранить связь с историей бренда, мы взяли старые цвета за основу, смешали их в определённой пропорции и получили бирюзовый.

Из логотипа сохранилось название, а дизайн обновили полностью. Изначально клиент просил поменять иконку в логотипе на изображение современного телефона. В результате обсуждения пришли к выводу, что сделаем актуальный логотип, независящий от модели телефона. Проанализировали логотипы конкурентов, выбрали направление минимализма, и упростили иконку, вложив в неё больше смысла. Иконка выглядит как сердечко и как перевёрнутая буква L — LikeStore. Уделили внимание шрифтовой части, заменив шрифт на более современный и лаконичный, но сохраняющий характер и позиционирование бренда.

Т.к. клиент является франшизной сетью из 25-ти торговых точек по разным городам, то каждый город предлагает свои условия по стоимости товара и условиям рассрочки. Для автоматизации управления условиями доработали модуль рассрочки «Всегда Да» и настроили вывод на сайте суммы по рассрочке — разный % в разных городах.

Пользователь на сайте заполняет заявку на сдачу в Trade-In своего старого устройства. Эта информация сразу приходит менеджеру в Битрикс24. После обработки заявки менеджер связывается с клиентом и называет скидку, которую магазин даст пользователю за сдачу старой техники.

При покупке iPhone покупатель выбирает себе подарок на сумму 10 000 рублей. Выбор подарка добавляет положительные эмоции в процесс покупки и повышает лояльность пользователя за счёт персонализированного подхода.

Чтобы контент-менеджеру не нужно было самому заполнять отзывы, мы сделали так, чтобы они собирались из 2ГИС и Яндекс. Они автоматически добавляются на сайт по городам, их плюс в том, что они свежие и живые.

При переходе на несуществующую страницу, при заполнения заявки, открытии корзины и совершении покупки появляются большие дружелюбные эмодзи.

— Проджект-менеджер

— Front-end-разработчик

— Back-end-разработчик

— Тестировщик

— Дизайнер

— Аккаунт-менеджер

Яркий, современный, динамичный интернет-магазин LikeStore.ru. Мы использовали интересные решения в дизайне и навигации, не мешающие восприятию информации на сайте. Удобный, лёгкий и лаконичный сайт не перегружен лишними элементами. Клиент ушёл с готовым сайтом, полным ребрендингом и хорошим настроением.