Задачи
«КАМТЕХ» — федеральный интернет-магазин по продаже шин и дисков с точками продаж в Санкт-Петербурге и Москве. Перед нами стояла задача — разработать новый сайт.
Главная цель — максимально упростить покупку: не мешать посетителю и помогать ему. Как в европейских магазинах, у которых дружелюбный интерфейс: двери распахнуты, бери товар и рассматривай, оплачивай чем удобно.
Этапы
Разработка сайта началась в 2012 году. Этап проектирования всецело вовлёк и нас, и заказчика, и со всеми согласованиями затянулся на год. Сначала мы разработали прототип в Axure, который был принят достаточно быстро. Сложности возникли во время написания ТЗ, куда захотелось включить весь функционал с избытком. Согласование случилось в июле 2013 года.
Дизайн
При создании дизайна мы руководствовались первостепенной задачей — максимальная простота при покупке. Сайт не должен был быть перегружен визуально, а дизайн не должен быть навязчивым. Так мы и сделали: графика выполнена на стыке двух тенденций: реалистичность (скевоморфизм) и флэт-дизайн.
И, конечно, был необходим интуитивно понятный интерфейс, который тестировался на секретарях компании для подтверждения соответствия этому условию.
Реализация
Главная цель полностью выполнена: на сайте ничего не мешает сделать покупку, только помогает. Первым что видит пользователь, является дружелюбный фильтр, который не оставляет шанса не найти то, что тебе нужно, по каким бы параметрам ты не искал шины или диски.
В ходе взаимодействия компании с сайтом происходит множество манипуляций, которые остаются за кадром для пользователя, который получает чистый результат. Например, система автоматического распределения заказов по филиалам в зависимости от адреса доставки. Гибкая система парсеров обрабатывает удобные для заказчика источники данных, в зависимости от задачи. Например: XML с наличием и ценами или XLS с адресами для системы распределения заказов.
Не только фронтенд, но и бэкенд дружелюбны и ориентированы на людей, поэтому не люди обслуживают сайт, как это обычно бывает, а сайт обслуживает потребности клиента и компании, а не наоборот.
Мы сделали сайт почти так, как сделал бы заказчик для себя сам, если бы мог :)
Технические характеристики сайта
Фреймворк Ruby on Rails, используются технологии: PostgreSQL, Elasticsearch, Haml, Sass, Coffeescript. Поиск и фильтрация на основе Elasticsearch. Интеграция с информационной системой заказчика без даунтайма. Система соотношения товаров со складами, офисами и городами. Организация приёма платежей.