Robomap

интерактивная карта-сайт образовательных конструкторов

Разработка и визуализация Карты инженерных образовательных конструкторов российских производителей, создание сайта (главная + страницы моделей с характеристиками) и плакатной версии карты.

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

Как решаю:

• убираю все тени, чтобы не перегружать изображение;
• убираю серую плашку, на которой находится название — засчёт этого увеличиваем размер фото;
• название делаю белым и выводим на цветные секторы;
• qr-код вывожу на боковой круг;
• меняю цветовую гамму карты.

Верстаю в новом дизайне сайт на тильде с анимацией и печатную версию карты с qr-кодами (ниже).

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