Корпоративный сайт, интернет-магазин

notebook Флориус конструктор screen
Начало работы
01

О пректе

Разработка корпоративного сайта с интернет-магазином завода по производству ароматизаторов.

Цели

Цели

Дать возможность посетителям сайта самостоятельно создавать макеты ароматизаторов и отправлять онлайн-заказ на печать.
Задачи

Задачи

  • Разработать пошаговый конструктор макетов.
  • Интегрировать конструктор с интернет-магазином.
Процесс

Процесс

  • Аналитика
  • Создание прототипов
  • Дизайн
  • Адаптивная верстка
  • Программирование функционала
  • Наполнение контентом
02

Проводим аналитику

Определяем:
  • видение: требования, цели и задачи бизнеса;
  • ЦА, портреты пользователей: их мотивы, боли, желания;
  • требования пользователей к сайту;
  • лучшие и худшие решения у конкурентов.
Персонаж 1
Анна, 33 года
Высшее образование, бизнесвумен.
Владелица фитнес-клуба.
Нужно заказать партию ароматизаторов для размещения лого своей компании на них.
Персонаж 2
Юрий, 37 лет
Высшее образование.
Бизнесмен, владелец сети автозаправок.
Нужно выбрать и закупить ароматизаторы оптом.
Флориус конструктор image
Прототип
03

Структурируем прототип

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

Флориус конструктор prototype 1
Флориус конструктор prototype 2
Дизайн
04

Рисуем
дизайн

Рисуем аккуратный дизайн в стилистике основного сайта компании.

Флориус конструктор prototype 1
Флориус конструктор prototype 2
Верстка
05

Верстаем и адаптируем

Адаптируем нестандартные страницы конструктора, чтобы и на мобильных конструктором было удобно пользоваться.

Phone Флориус конструктор prototype 1
Phone Флориус конструктор prototype 2
Phone Флориус конструктор prototype 3
Система
06

Группируем элементы в UI KIT

В каждом проекте мы разрабатываем подробную систему элементов, которые клиент сможет использовать не только на сайте, но и в своей брендовой продукции.


Флориус конструктор UI KIT image
Разработка
07

Разрабатываем функционал

Конструктор устанавливаем на сайт компании. Решаем основную задачу — интегрировать конструктор с интернет-магазином, чтобы заказы из конструктора попадали в корзину магазина и отображались в админке. 

Результат: Понятный конструктор макетов, позволяющий создать индивидуальные макеты и отправить заказ в интернет-магазином компании.

Готовый проект: 
florius.ru/konstruktor

notebook Флориус конструктор programming image
Поскольку работа протекала поэтапно и в любой момент можно было остановиться, у нас была возможность оценить профессионализм ребят и решить, двигаться ли нам дальше.
Сомнения и страхи развеялись в процессе сотрудничества. Результатом мы остались довольны. Хотя в работе были споры, надо отдать должное сотрудникам студии, они умеют выслушать заказчика и найти компромисс.
Попов Д.М.
Генеральный директор ООО «Флориус»