Разработка и создание интернет-магазина электроники

29 января 202329 янв 2023

4 мин

Оглавление

О проекте
Задача
Интуитивный интерфейс

О проекте

«ARTI» — это онлайн магазин по продаже электроники оптом и в розницу. Современный магазин, в продаже которого только оригинальная техника, свой сервисный центр и высокий уровень сервиса.

Сайт: https://artistore.ru/

Задача

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

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

Для реализации данной задачи мы сделали следующее:

Маркетинг-анализ ниши и конкурентов
Разработка проработанного прототипа с учетом всех требований заказчика по ТЗ
Разработка максимально удобного и понятного интерфейса
Отрисовка дизайна пк и мобильной версии, отвечающего всем современным трендам
Добавление анимации и hover-эффектов
Кроссбраузерная адаптивная верстка
Интеграция с CMS 1C-Bitrix
Интеграция с системой учета клиента
Интеграция выгрузки с плагином Яндекс-маркета
Тестирование продукта на баги

Интуитивный интерфейс

Главная задача проекта- приносить прибыль! Каждый знает, что если проект будет удобным и быстрым — им будут пользоваться. Мы это понимаем и приложили максимальные усилия, для того чтобы проект быстро грузился и был понятен интуитивно. Для этого мы сделали максимально понятный и удобный каталог, чтобы пользователь с «одного взгляда» нашел то, что ему нужно

Акцент на мобильной версии

По нашему исследованию 80% пользователей, заказывающих товары онлайн — производят заказ именно со смартфона. Для этого мы сделали удобный акцент и отдельно дизайн и верстку на мобильную версию. Максимально облегчили проект на мобилках, чтобы страницы грузились быстро и были удобными для просмотра!

Синхронизировали с системой учета клиента

Для быстрой выгрузки товара и оперативной смены цен — мы синхронизировали систему учета клиента и админ. панель сайта

Креативная "Рулетка" в карточке товара

Все мы хотим попробовать что-то особенное, часто когда просто не определились в выборе. В нашем случае была изобретена «рулетка» которая «красиво» помогает пользователю выбрать случайную модель. После ее внедрения конверсия заказов увеличилась на 20%. Разве это не круто?

Посмотрите, как выглядит проект:

Основные вехи разработки:

Анализ

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

UX-проектирование

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

UI-дизайн

Этап дизайна разделился на две стадии: визуальная концепция и отрисовка всех макетов, а также написание подробного технического задания. Для клиента мы предоставили 3 стилистика дизайна, которые в конечном итоге доработали до одной идеальной. В этом проекте мы делали акцент на скорости загрузки (без перегрузки дизайна) и использовании "вкусных" фотографий, которые являются залогом успеха любого интернет-магазина

Сборка и тестирование.

Верстка интернет магазина производилась с акцентом на мобильную версию, т.к. большинство пользователей пользуются именно мобильной версией сайта. Показатели по googlespeed находятся в зеленой зоне - что гарантирует отличную скорость загрузки проекта и супер сео индексацию. Backend проекта сделан на cms 1C Bitrix , который отлично заточен под продажи и дает возможность удобно наполнять контентом. Срок реализации верстки и программной части 6 недель

Синхронизация с системой учета

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

Синхронизация с Яндекс. Маркетом

Для возможности продаж через сервис Яндекс.Маркет со связью через сайт была реализована выгрузка номенклатуры с сайта на сервис

Результат

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