online (3d) viewer (for) ortho dontists

About

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

Challenge

Редизайн, создание и интеграция новых элементов элементов интерфейса, расширяющих функционал. Разработка темной темы. Адаптация под мобильные платформы. Тестирование.

Role

UI/UX designer
Graphic designer

Company

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

Design system

Color. Typeface. Icons.

Color

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

A
a
B
b
C
c

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
1234567890!@#$%&()+/=

Typeface

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

Custom icons

В проекте используются уникальные иконки, которые отражают суть каждого инструмента. При их создании я советовался с технологами и проводил тесты.

Info. Photo. Massanger.

Mobile App

В ходе проекта я взаимодействовал с различными департаментами организации на разных уровнях, чтобы создать одинаково удобный и интуитивно понятный интерфейс для всех пользователей. Мне удалось интегрировать ранее не доступные механики взаимодействия с вьюером, кардинально изменить визуальную составляющую. Результат моих идей и концепций приблизил опыт взаимодействия мобильной версии к десктопной. Все это ускорило работу и облегчило порог входа новых пользователей.

Mode

Light & Dark

Светлая и темная темы были полностью переработаны. Изначально в интерфейсе использовалась светлая тема как основная. Поступил запрос проработать темную тему и использовать ее в качестве основной. В обеих темах используются вариации фирменного цвета с сигнализирующими акцентами, которые позволяют лучше ориентироваться в интерфейсе.