Playground Equipment — дизайн для e-commerce проекта

1 июня, 2020

Клиент

Предприниматель Николас Бридлав и его семейный e-commerce бизнес.

Результат: www.playgroundequipment.com

Текущий дизайн сайта Playground Equipment

Информация о проекте и цели

Николас — один из наших постоянных клиентов, с которым мы работаем уже более 5 лет. Наше сотрудничество началось в 2011 году с разработки интернет-магазина Playground Equipment. Целью было улучшить дизайн и эстетику сайта, а также добавить новый функционал.

ИСТОРИЯ РАЗРАБОТКИ

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

Первоначальный дизайн Playground Equipment

В 2012 году мы продолжили работу над «Playground Equipment», добавив новые элементы дизайна и расширив функциональность магазина.

В 2013 году дизайн был переработан для лучшего представления товаров в соответствии с минималистичными трендами года. Это позволило лучше выделить продукты и качество сайта. Мы убрали «пузыри», но сохранили корпоративные цвета, использовав их в новом интерфейсе. Также мы разработали первый печатный каталог и добавили его на сайт в PDF-формате.

Дизайн Playground Equipment 2012 года

В 2014 году мы перенесли сайт на новую платформу, выбрав OpenCart в качестве основы. Перенос был непростой задачей, требовавшей сохранения SEO-параметров, о чем подробнее рассказано ниже.

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

Мы добавили адаптивную верстку для мобильных устройств и Retina-экранов, SEO-тексты и блог. После этих изменений в дизайне не осталось элементов, конкурирующих с товарами за внимание клиентов.

В 2015-2016 годах мы разработали страницу выбора дилеров и создали свежий дизайн для второго издания печатного каталога «Playground Equipment».

С тех пор мы поддерживаем сайт, совершенствуем функции и поддерживаем их в актуальном состоянии.

ПРОБЛЕМЫ И ИХ КРЕАТИВНЫЕ РЕШЕНИЯ

Во время разработки мы столкнулись с нестандартными задачами, потребовавшими творческого подхода. Одна из них — страница запроса цен, которую нужно было реализовать для «Playground Equipment». По сути, это страница позволяла клиенту выбрать товар, настроить его и заказать без длительных переговоров с менеджером.

В то время сайт использовал платформу BigCommerce (SaaS), что накладывало множество ограничений. По умолчанию на сайте была стандартная корзина с онлайн-оплатой, а нам нужно было преобразовать её в страницу запроса цен. Для этого мы создали полностью кастомную форму на Ajax, работавшую на SaaS-платформе без изменений её конфигурации.

Другой сложной задачей стал перенос сайта с BigCommerce на OpenCart в 2014 году, потребовавший тщательной адаптации каждой страницы для сохранения структуры сайта и позиций в Google.

РЕЗУЛЬТАТЫ

Ключевые элементы дизайна «Playground Equipment»:
— Новый логотип со стилизованным ребенком на горке и девизом магазина
— Новый корпоративный стиль с «мыльными пузырями» как символом детства
— Яркие заголовки и четкие границы функциональных блоков

Функционал «Playground Equipment»:
— Выбор ближайшего дилера через интерактивную карту
— Индивидуальный подбор цветов и дизайна для элементов детских площадок

Все версии дизайна Playground Equipment

Печатный каталог, созданный нами в 2012 году, к настоящему времени вырос до 192 страниц:

Печатные каталоги Playground Equipment

ЗАКЛЮЧЕНИЕ

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


Команда разработки

Константин Давыдов — дизайн, фронтенд-разработка (HTML/CSS/JS), создание тем

Сергей Пищанецкий — безопасность, администрирование серверов, разработка на Magento/BigCommerce/OpenCart, оптимизация

Алексей Шалёный — общее руководство

Юрий Давыдов — юридическое сопровождение

Познакомьтесь с нашей командой здесь.

Технологии

Adobe Photoshop CC

HTML5 / CSS3 / JavaScript

PHP5 / MySQL

OpenCart CMS

Все проекты