Вингсьюты и парашюты «CrazyWings»

Русская и Английская версия сайта

Адаптивный дизайн сайта

СrazyWings производит и тестирует парашюты и вингсьюты с персональным дизайном. Разрабатывают и самостоятельно тестируют свою продукцию. Особенность проекта в том, что в рамках создания сайта необходимо было создать онлайн сервис заказа с возможностью раскраски моделей, сбора мерок с тела, выбором цветов нитей, молний и дополнительных опций к товару. СrazyWings хотели иметь возможность из самостоятельно загружать новые модели товаров без привлечения программистов и веб администраторов.

Разработка дизайна главной страницы сайта

Разработка дизайна главной страницы сайта

Дизайн страницы товаров с ценами

Дизайн страницы товаров с ценами

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

Дизайн менеджера моделей

Особенность технической реализации в том, что при заказе вся пользовательская информация записывается непосредственно в SVG изображение товара, а это изображение хранится в базе данных. Таким образом в каждом заказе хранится модель товара с выбранными цветами и опциями, независимо от изначально выбранного шаблона. Дополнительно все веденные данные пользователя (размеры обмера, имя, почта) хранятся в cookies браузера, на всякий случай, что бы не пришлось вводить их заново при случайном закрытии окна браузера.

Дизайн страницы заказа товара

Дизайн страницы заказа товара

Для создания сайта я использовал CMS Joomla. Верстка основана на Bootstrap 3. Панель управления написал на PHP. Для работы с SVG изображениями использовал jQuery + много разных плагинов JQuery SVG, jQuery Cookie, и т.д. Обмен данных с сервером реализовал через JSON + Ajax. Для хранения данных выбрал SQL базу.

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

Логотипу требовалось предать более современный вид. Поэтому предложил дополнительные варианты логотипа.

Редизайн логотипа


Предыдущий дизайн логотипаа

Предыдущий логотип

Предыдущий дизайн логотипаа

Обновлённый логотип

Дизайн менеджера моделей
Дизайн менеджера моделей

Предложенные варианты логотипа

Телефон & WhatsApp +7 (985) 418-00-85 Почта mail@a-belov.ru ВКонтакте vk.com/design_belov Адрес Щелково, ул. Пушкина, 3 Skype AlexanderShaman
Написать в WhatsApp