Разработали новый дизайна сайта для ООО «Издательство София»

Клиент: ООО «Издательство София» 

Цель проекта: Переработка дизайна сайта с учетом современных тенденций UX/UI, повышение удобства поиска товаров и оформления заказов.

Задачи и цели проекта

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

Целевая аудитория

Целевую аудиторию сайта можно условно разделить на 2 подгруппы : 

• B2C – конечные пользователи, покупающие книги для личных нужд. 
• B2B – предприятия, организации и образовательные учреждения, закупающие книги оптом.

Ключевые функциональности сайта

Основными требованиями к функционалу сайта были: 

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

Проблемы и вызовы

В процессе разработки мы столкнулись с проблемой интеграцией внешних систем, обладающих разным качеством и доступностью API документации и непосредственной разработкой нового дизайна с сохранением прежней «ДНК» бренда Sophia. Благодаря многолетнему опыту работы с e-commerce проектами, мы смогли сразу предложить эффективные решения и использовать лучшие практики.

Выбор технологического стека

Для реализации проекта был выбран следующий технологический стек: 

• Figma - для разработки дизайна и прототипов. 
• Яндекс Метрика - для анализа поведения пользователей и последующей оптимизации сайта. 
• Vue.js - для динамичной работы интерфейса. 
• 1С-Битрикс «Управление сайтом» - для управления контентом и обработки заказов.

Процесс разработки

Процесс работы над проектом был разделен на несколько этапов: 

1. Аудит и исследование. Сначала провели количественное и качественное исследование текущего состояния сайта. Это включало анализ работы существующего функционала и выявление слабых мест. Также была проведена аналитика лучших практик в дизайне сайтов книжных издательств. 
2. Разработка мокапов и прототипа. На основе анализа мы создали несколько концептуальных макетов (мокапов), которые отражали улучшения и решения для выявленных проблем. После согласования с клиентом, приступили к разработке прототипа. 
3. Дизайн и разработка. Прототип был превращен в полноценный дизайн, с учетом всех пожеланий клиента. Особое внимание было уделено современным UX/UI тенденциям и удобству пользователей. 
4. Разработка бэкенда и структуры базы данных. После утверждения дизайна, подготовили бэкенд сайта, включая настройку системы для обработки заказов и интеграцию с внешними сервисами. 
5. Вёрстка и программирование. На завершающем этапе был выполнен front-end и back-end, чтобы все элементы дизайна работали без сбоев на всех устройствах.

Особенности этапа дизайна

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

Результаты и достижения

По завершении проекта был достигнут значительный результат: 

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

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

Клиент остался доволен результатом, отмечая повышение эффективности сайта и улучшение показателей взаимодействия с пользователями.