Проектиране на дом за най-трудните нива на играта „Geometry Dash“ в България

Адаптивна платформа за разглеждане на класираните нива, потвърдените завършвания и играчите, които стоят зад българската общност „Geometry Dash“.

Началната страница на уебсайта на BGDL, показана на настолна геймърска система
Роля
UX/UI Дизайнер
Услуги
UX/UI Дизайн
Адаптивен уеб дизайн
Дизайнерска система
Визуална концепция
Инструменти
Figma
Photoshop
Illustrator
Година
2025

Проблем

BGDL обединява класации, информация за нивата, постижения на играчите и потвърдени завършени нива в една платформа. С толкова много данни за състезанията на екрана, преживяването лесно може да стане претрупано и трудно за навигация.

Предизвикателството беше да се създаде интерфейс, който да излъчва връзка с „Geometry Dash“ и неговата състезателна общност, като в същото време класациите, нивата и важните действия остават лесни за разбиране с един поглед.

Решение

Интерфейсът използва тъмен фон, ярки червени акценти и ясна визуална йерархия, за да създаде фокусирана и конкурентна атмосфера, без да се жертва удобството при ползване.

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

Създаден за ежедневна употреба

Интерфейсът е проектиран с оглед на състезателния характер на Geometry Dash, като се използва тъмна цветова схема и ярки червени акценти, за да се създаде фокусирано и динамично преживяване.

Акцентните нива и ясната навигация веднага установяват йерархията, докато по-тъмният интерфейс около тях фокусира вниманието върху нивата, класациите и активността на играчите.

Уебсайтът за класация „Geometry Dash“ на BGDL, показан на лаптоп в среда с червена светлина

Най-трудните нива, обяснени ясно

Основното преживяване се основава на откриването и сравняването на класирани нива.

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

Визуалната йерархия придава на списъка структуриран вид, като в същото време придава на всяко ниво достатъчно индивидуалност.

Интерфейс на уебсайта на BGDL, показващ избрани нива, класации и карти с съдържание
Класификацията на BGDL за нивата на „Geometry Dash“, показвани в интерфейс на лаптоп, базиран на карти

Класации в джоба ви

Адаптивният дизайн запазва същата йерархия и на по-малки екрани, без просто да намалява размера на оформлението за настолни компютри.

Информацията за нивата е преструктурирана в по-целенасочен вертикален поток, което улеснява прегледа на класациите и рекордите от мобилен телефон, като същевременно запазва визуалния облик на платформата.

Мобилен интерфейс на BGDL, показващ списък с нивата на „Geometry Dash“ по рейтинг

Система за класации и статистики

Единната визуална система помага за разграничаването на различните състояния и видове информация в цялата платформа.

Exo 2 подчертава дигиталния и геймърския характер, докато червеното, тъмните неутрални тонове и допълнителните цветове за състояния създават контраст между основните действия, информацията за нивата и данните за състезанията.

Системата е проектирана така, че да остава четлива дори когато на екрана се появяват едновременно множество класации, етикети и статистически данни.

Дизайнерска система на BGDL, представяща типографията „Exo 2“ и тъмночервената цветова палитра
Интерфейсът на тъмния табло на BGDL, изобразен на лаптоп с червена атмосферна подсветка
Следващ проект

Визуални разкази от периода на късния социализъм

Свържи се с мен

Имаш проект или идея? Ще се радвам да ги обсъдим.