Кейс: разработка сайта-каталога компании «Студия Кухни»

Клиент: «Студия Кухни» — компания по дизайну и заказу кухонь от эконом- до бизнес-класса в Калининграде. Производители-партнеры находятся в Польше и Германии.

Задача: Разработать адаптивный сайт-каталог на платформе WordPress с функцией заявки на заказ продуктов компании.

Цели:

1. Перенести физические каталоги компании на базу веб-сайта;
2. Осуществить интеграции с компаниями-партнерами;
3. С помощью сайта-каталога привлечь потенциальных клиентов.

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

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

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

Разработка дизайна сайта-каталога

Наша команда утвердила структуру сайта-каталога, после чего мы начали работу над дизайном веб-сайта. Наш дизайнер провел анализ продуктов компании и сделал вывод, что большая часть представленных в каталоге кухонь и других комнат выполнены в стиле лофт и модерн. Мы решили продолжить данную тему, а в качестве основных цветов выбрали оттенки серого (угольный, пепельный), белого, а также оттенки древесных пород. Помимо этого мы отобрали ключевые слова, которые ассоциируются у нас с будущим сайтом: сдержанность, строгость, твердость, природный материал.

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

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

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

Мы разработали дизайн блога, в котором будут содержаться полезные и актуальные статьи, которые погружают потенциальных клиентов в определенную тематику:

Блок способов связи с компанией дает клиентам возможность уточнить интересующие их дополнительные факты и не потерять контакт с агентством, в том числе узнать о местоположении компании:

Верстка веб-сайта

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

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

Разработка структуры и дизайна, верстка сайта-каталога заняли 4 месяца. За это время команда «Business Boom» выполнила все необходимые задачи и утвердила готовый вариант веб-сайта вместе с заказчиком.

Результат: Сайт-каталог, адаптированный под мобильные устройства и планшеты, разработанный на платформе WordPress, выполненный в строгом и сдержанном стиле.