M-Denta

Футуризм

Сайт выполнен в футуристичной стилистике с применением сложных веб-технологий, в том числе таких, как WebGL и библиотеки ThreeJS. Что это означает на практике? А это означает, что на сайте используется полноценный 3D со всеми вытекающими – модели на сайте можно рассмотреть практически с любого ракурса. Вместе с тем, за счёт использования точечной фактуры материала удалось добиться эффекта SciFi HUD (интерфейс компьютера из научной фантастики).

Элементы управления сделаны в стиле Sci-Fi HUD и минимализма, однако общая лаконичность интерфейса компенсируется комплексностью 3D моделей, встроенных в сайт и их интерактивностью – модели реагируют на поведение пользователя, трансформируются один в другой

Технологии

Стек технологий и фреймворков, задействованных при создании сайта достаточно широк – как Front-end (клиентская часть), так и Back-end (серверная часть), и включает в себя как традиционные инструменты (jQuery, SCSS, Babel), так и достаточно экзотические (ThreeJS)

Одной из особенностей сайта является наличие 3D-моделей, иллюстрирующих разделы сайта, состоящие из точек, перетекающие одна в другую по мере прохождения пользовательского пути.

Реализована данная концепция с помощью технологии WebGL. Сами модели выполнены вручную в программе для 3Dмоделирования Blender 3D. Кроме того, с помощью JavaScript модели получилось сделать интерактивными, реагирующими на действия пользователя.

Вместе с тем, сложность проекта возрастала, учитывая, что сайт должен корректно отображаться как на стационарных компьютерах, так и на различных мобильных устройствах. Этого удалось добиться за счёт использования модульной сетки, построенной на базе сетки, используемой во фреймворке Materialize CSS, используемом в проекте.