Dashboard

Dashboard

Study case

Study case

🧙‍♂️ Разработала захватывающий игровой дашборд

🧙‍♂️ Разработала захватывающий игровой дашборд

🧙‍♂️ Разработала захватывающий игровой дашборд

Дашборд гнома Гимли, вдохновлённый вселенной «Властелина колец»

Дашборд гнома Гимли, вдохновлённый вселенной «Властелина колец»

Дашборд гнома Гимли, вдохновлённый вселенной «Властелина колец»

О проекте

О проекте

Моя роль

Моя роль

UX/UI Дизайнер

UX/UI Дизайнер

Таймфрейм

Таймфрейм

1 неделя

1 неделя

Инструменты

Инструменты

Figma

Figma

Ситуация

Ситуация

Учебный проект по созданию дашборда. Цель: разработать стилизованный интерфейс на вымышленную тематику и применить навыки UI-дизайна, работы с графиками и системной визуализацией данных.

Учебный проект по созданию дашборда. Цель: разработать стилизованный интерфейс на вымышленную тематику и применить навыки UI-дизайна, работы с графиками и системной визуализацией данных.

Учебный проект по созданию дашборда. Цель: разработать стилизованный интерфейс на вымышленную тематику и применить навыки UI-дизайна, работы с графиками и системной визуализацией данных.

Учебный проект по созданию дашборда. Цель: разработать стилизованный интерфейс на вымышленную тематику и применить навыки UI-дизайна, работы с графиками и системной визуализацией данных.

Задача

Задача

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

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

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

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

Действия

Действия

  1. Контент. Вместе с Chat GPT продумала контент для каждого блока: индикаторы здоровья и опыта, прогрессы, результаты, оружие и т.д.

  1. Контент. Вместе с Chat GPT продумала контент для каждого блока: индикаторы здоровья и опыта, прогрессы, результаты, оружие и т.д.

  1. Контент. Вместе с Chat GPT продумала контент для каждого блока: индикаторы здоровья и опыта, прогрессы, результаты, оружие и т.д.

  1. Структура. Разработала сетку, структуру экрана и левого меню.

  1. Структура. Разработала сетку, структуру экрана и левого меню.

  1. Структура. Разработала сетку, структуру экрана и левого меню.

  1. Стиль. Проработала стилизацию UI-элементов, опираясь на вселенную героя и игровой формат моего концепта.

  1. Стиль. Проработала стилизацию UI-элементов, опираясь на вселенную героя и игровой формат моего концепта.

  1. Стиль. Проработала стилизацию UI-элементов, опираясь на вселенную героя и игровой формат моего концепта.

  1. Темы. Создала светлую и тёмную темы, сохранила читаемость и баланс цветовой палитры.

  1. Темы. Создала светлую и тёмную темы, сохранила читаемость и баланс цветовой палитры.

  1. Темы. Создала светлую и тёмную темы, сохранила читаемость и баланс цветовой палитры.

Результат

Результат

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

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

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

Create a free website with Framer, the website builder loved by startups, designers and agencies.