"Студия тиражных web-решений "ROMZA" (
Рассказывает руководитель студии Чипса — Максим Кыштымов:
Разработку дизайна для нового решения мы делали по подходу, который принципиально отличается от применённого при разработке нашего предыдущего решения
Какие цели мы преследуем, создавая шаблон корпоративного сайта UNova по новому подходу
- Дать возможность покупателям UNova получить дизайнерский сайт по цене шаблонного;
- Использовать на сайте графический контент практически любого качества (что это значит — ниже);
- Дать вам возможность делать внутренние текстовые страницы более индивидуальными и интересными для посетителей;
- Представить более гибкие возможности по изменению внешнего вида сайта без программирования.
Какие шаги мы прошли
1. Проведение
Мы провели опрос среди партнеров и клиентов студии ROMZA, услышали их требования и «хотелки», учли их при проектировании и дизайне страниц.
2. Провели этап анализа
Используя наш подход к индивидуальной разработке сайтов, разработали карту бренда, рассмотрели пользовательские сценарии, определили стилистику будущего сайта.
Что это нам дало:
- возможности немного отойти от стандартных страниц, которые используются во всех шаблонах корпоративных сайтов;
- добавить ряд новых блоков, которые являются уникальными и используются только в шаблоне UNova;
- использовать новые приёмы оформления на страницах.
В процессе проведения этапа анализа, мы постарались мыслить максимально широко и учесть ЦА трех больших сегментов бизнеса:
- производство, строительство;
- бизнес, для которого максимально важен графический контент, чтобы показать интерьер (спортивные залы, школы танцев, выставки, музеи, гостиницы, хостелы);
- развлекательная сфера (клубы, бары, рестораны, детский центры, и т.д.)
Первая версия UNova учитывает первую ЦА. Остальные будут учтены в следующих версиях (добавлены специальны для этих ЦА блоки, цветовые схемы, компоновка элементов, и т.д.).
3. Разработали прототипы
Сначала мы разработали прототипы страниц, не используя цвета и графику. Это позволило протестировать удобство и структур страниц без отвлечения на дизайн.
4. Разработали дизайн
Как всегда, уделили большое внимание дизайну. Отточили все отступы, выравнивание элементов, размеры, шрифты, и. т.д. Использовали передовой сервис для совместного проектирования и дизайна FIgma, который позволяет благодаря использованию компонентов ускорить процесс изменений в элементах сайта.
5. Motion-дизайн (в процессе)
Особое внимание будет уделено проектированию микровзаимодействий с элементами сайта. Это позволит сделать посещения сайта максимально интересным и интерактивным для посетителей.
ИТОГИ. Что вам даст использование шаблона корпоративного сайта UNova:
- Отстройку от конкурентов благодаря детально проработанному дизайну страниц (включая внутренние страницы);
- Вовлечение посетителя во взаимодействие с сайтом благодаря проектированию микорвзаимодействий с элементами сайта, motion-дизайну;
- Возможность использовать графический контент практически низкого качества (в разумных пределах) благодаря возможности тонировки картинок вашим фирменным цветом (это скроет недостатки пересеченных, темных, блеклых снимков;
- Использование нового элемента — «Тарифы»;
- Использование всей ширины экрана для широкоформатного монитора (масштабирование контентой части сайта);
- Увеличение времени посещения сайта благодаря автоматической динамической подгрузке страниц сайта при пролистывании в самый низ страницы;
- Уникальную гибкую систему настраивания внешнего вида блоков (в следующих версиях);
- И ещё многое другое (Анонс всех функций шаблона будет позже».
Чтоб сделать проект максимально качественно, мы решили собрать у вас обратную связь относительно дизайна шаблона UNova.
Вот тут вы можете посмотреть несколько вариантов стартовой страницы и всех остальных страниц сайта:
Для навигации вы можете использовать стрелки влево/вправо, либо переходить прямо по ссылкам на дизайне (доступно только из темной версии стартовой страницы с боковым меню).
Вы можете оставлять свои комментарии прямо в сервисе Invision. Для этого включите режим комментирования, нажимайте в любом месте картинки и оставляйте свой комментарий, скриншот: