Всего было три версии прототипов. Первая версия, что несвойственно, была предоставлена клиентом ещё до начала работ. Учитывая основную задачу, мы разработали вторую версию на основе первой. Ключевая идея главной страницы была в создании "рентгена", благодаря чему можно было бы заглянуть внутрь устройства. В процессе, от этой идеи отказались, что привело к разработке третьего концепта и прототипов, которые полностью легли в основу сайта.
В центре экрана браузера главный герой - один из самых симпатичных ходовых ИБП. При переходе от экрана к экрану, он остаётся в центре и о нём рассказываются ключевые аспекты. С учётом широкой линейки продукции, этим нельзя было злоупотреблять, поэтому мы ограничились 3 экранами из 9.
Практический смысл концепции заключался в том, чтобы приковать внимание именно к товару, а не к дизайну. Также мы продумали достаточно простой UI с навигацией, которая всегда под рукой, а также с выделяющимся отдельным меню каталога.
Кейс по сайту IMD был выложен нами на Behance и был очень тепло встречен дизайнерским сообществом. Больше месяца он входил в ТОП-30 самых оцениваемых работ в веб-дизайне по СПб, а профиль нашей компании входил в пятёрку лучших по городу. В настоящее время сайт выставлен на Behance в галерее Interaction.
Для упрощения адаптивной версии сайта, мы отказались от ряда визуальных эффектов, оставив только экранную навигацию. Это облегчило сайт для мобильных устройств и позволило чуть проще преподнести необходимую информацию. Что, естественно, важно для конечного пользователя.
Не самый простой фронтенд доставлял нам трудности на протяжении всего этапа разработки. Мы это ожидали, поэтому всё делалось предусмотрительно и своевременно, хотя некоторые выводы мы для себя сделали. Например, техподдержка fullpage.js хоть и быстрая, но совсем не дружелюбная, да и не очень помогает :)
С бэкэндом проблем не было, за исключением классических болячек 1С-Битрикс, к которым все уже давно привыкли. В остальном всё по классике - всё выведено в админ-панель, через которую сайтом можно без проблем управлять.
В итоге сайт получился визуально запоминаемым, необычным, а главная страница служит наглядной презентацией выпускаемой продукции.