coder desktop

Mind Battle Case Study

Розробка інтерактивного навчального додатку Mind Battle

coder desktop

Щоб зробити дизайн більш ефективним і зручним для користувача ми завершили всі п'ять етапів процесу проектування.

Problem and solution
Feedback & Testing
Ideation & Sketches
Wireframing
UI Design & prototiping

Дизайн та розробка

Наш дизайн відзначається чистим і інтуїтивно зрозумілим інтерфейсом, що дозволяє вам легко орієнтуватися в додатку. Кожен розділ структурований так, щоб надавати зрозумілу інформацію та швидкий доступ до тестів у вашій обраній категорії. Зручний навігаційний меню дозволяє швидко переходити між різними тестами та категоріями.

Розробка нашого додатку фокусується на високій продуктивності та максимальній швидкості завантаження тестів. Ми використовуємо передові технології, щоб забезпечити безперебійний та ефективний процес проходження тестів. Кожен елемент додатку працює гладко, дозволяючи вам максимально концентруватися на самому тестуванні.

coder desktop
coder desktop

Шрифт

Ми використовуємо шрифти, які відзначаються тонкістю та елегантністю. Кожна літера розкриває в собі гармонію із загальним стилем Idermic. Кожен шрифт ретельно вибрано для забезпечення високої читабельності на будь-яких пристроях. Ми робимо все можливе, щоб інформація була легко доступною.

Aa
Gilroy
Aa Bb Cc Dd Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0’ “ ? ! / (%) {#} [&]
Semi Bold
Medium
Regular

Кольори

blue#2d7fff
light-blue 1#0db6ff
light-blue 2#deebff
purple#7d87ff
light-purple#d6d7fe
light-blue#f4f9ff
dark#002247
gray#eeeeee
white#ffffff
green#8ccf7b
cyan#01e1d4
pink#f578c0
coder desktop

Mr.MIND

Mr.Mind це персонаж який буде з вами протягом усіх ваших тестів . Він проведе вас по всьому всіту MInd Battle та розкажу вам про різноманітні можливості та Ваші досягнення.

coder desktop

Тематично розроблений логотип

Логотип нашого застосунку є важливою частиною нашої брендової ідентичності, і він відображає не лише внутрішній зміст, але й стимулює інтерес до навчання та розвитку у різних напрямках. Ми віримо, що він створює визнавану та привабливу марку для нашого унікального застосунку.

coder desktop

Онбординг

Наш онбординг — це короткий та інформативний процес, який допомагає вам швидко ознайомитися з можливостями додатку та забезпечити вам необхідну інформацію. Під час першого входу в додаток, ви будете покроково проведені основними функціями та можливостями.

coder desktop
coder desktop
coder desktop

Зручний та зрозумілий вибір категорій

Наш інтуїтивний інтерфейс дозволяє вам швидко обирати категорії тестів. Просто прокручуйте сторінки або використовуйте зручний пошук, щоб знайти та обрати саме те, що вас цікавить. Кожна категорія представлена яскравими та привабливими іконами, які полегшують вибір.

coder desktop
coder desktop

зручно реалізований екран тесту та результату

Зручний та інтуїтивно зрозумілий екран тесту та результатів дозволяє вам насолоджуватися процесом вивчення та розвитку в кожній категорії тестів. Приєднуйтеся до нашого застосунку та досліджуйте світ знань легко та ефективно!

coder desktop

зручний особистий кабінет та лідерборд

Зручний та інтуїтивно зрозумілий екран тесту та результатів дозволяє вам насолоджуватися процесом вивчення та розвитку в кожній категорії тестів. Приєднуйтеся до нашого застосунку та досліджуйте світ знань легко та ефективно!

coder desktop

Технології та інструменти, які ми використовували під час розробки проекту.

  • Adobe Illustrator

    Adobe Illustrator

  • Adobe Photoshop

    Adobe Photoshop

  • Figma

    Figma

  • HTML

    HTML

  • Sass

    Sass

  • JS

    JS

  • WordPress

    WordPress

  • Zeplin

    Zeplin

Зв'яжіться з нами

Заповніть форму, і ми зв'яжемося з Вами.

    ДзвінокTelegramViber

    Як зручно спілкуватись?