UI redesign and UX research for SaaS platform

CJM Development Graphics UI design UX design UX research Web design +4
Client
CDP
Timeline
5 months

Via Skincare embodies natural beauty, exceptional care, and high standards in skincare, offering products designed to keep skin healthy, radiant, and protected every day.

2024

Colors & typography

Soft pastel tones convey a sense of calm and care, making them well-suited for a skincare brand. The clean lines of Helvetica Neue Condensed complement the palette, adding contrast and visual balance.

What we did:

Провели редизайн платформы, обновив интерфейс, создали новую дизайн-систему и внедрили понятный процесс onboarding-а для пользователей

Brand research & deliverables

Our team gained valuable insights into the client’s business and product, allowing us to design distinctive and impactful packaging.

В процессе работы мы поставили перед собой три ключевые цели, которые легли в основу нашей стратегии редизайна

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

Пользовательские сценарии

На этом этапе дизайнеры создали интерактивные макеты, которые позволили тестировать функциональность и пользовательский поток еще до начала разработки.

Пользовательские сценарии

На этом этапе дизайнеры создали интерактивные макеты, которые позволили тестировать функциональность и пользовательский поток еще до начала разработки.

Пользовательские сценарии

На этом этапе дизайнеры создали интерактивные макеты, которые позволили тестировать функциональность и пользовательский поток еще до начала разработки.

Brand research & deliverables

Our team gained valuable insights into the client’s business and product, allowing us to design distinctive and impactful packaging.

Особое внимание мы уделили улучшению визуализации пользовательских сценариев

The packaging effectively reflects the brand’s core values, emphasizing accessibility through simple forms and minimalist design. Warm colors and graphics enhance visibility, while the use of recyclable materials ensures functionality and sustainability across all applications.

Packaging
Body lotion
Packaging
Scalp serum
Packaging
Scalp serum
Packaging
Body lotion

Результаты
UX research

The new packaging combines modern design with a focus on natural beauty, highlighting Via Skincare’s dedication to high-quality skincare products.

Внедрили наглядное отображение отчетов

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

UI
Main page

Разработали универсальный вид таблиц сочетает в себе функциональность, адаптивность и высокую визуальную эстетику

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

Таблицы построены на базе модульной сетки, позволяющей добавлять или скрывать столбцы без потери целостности дизайна.

UI
Main page

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

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

UI
Main page

Разработали новую дизайн-систему, чтобы сделать взаимодействие с платформой максимально удобным
и интуитивно понятным для пользователей

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

UI
Main page

Cоздали универсальные и масштабируемые элементы, которые можно использовать повторно в разных частях продукта

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

Segmented control

As part of the project, we prepared a UI kit for creating any necessary design elements, aligned with the company’s overall visual concept.

Icons

Our CG generalist developed a comprehensive set of 3D illustrations for the platform, designed to be adaptable to various scenarios.

Buttons

The platform’s color palette is vibrant yet minimalist, featuring yellow as the signature accent color.

Input

The Poppins typeface is the foundation of the platform’s typography, used for both headings and body text, following proper typography rules.

Cоздали универсальные и масштабируемые элементы, которые можно использовать повторно в разных частях продукта

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

3D illsutrations

Dddkit’s team provided 3D illustrations for this project, and our goal was to incorporate them into the UI.

Colors

An additional task was to ensure the correct balance of colors in combination with the 3D graphics.

Cоздали универсальные и масштабируемые элементы, которые можно использовать повторно в разных частях продукта

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

Have a project in mind?
Let’s get in touch

Share your project idea with us! If our partnership isn't the right fit, we're happy to provide valuable insights that could still benefit you.

Get in touch

View our projects

See how we transform businesses with our research-driven and innovative design approach.