Telefon zobrazující prostředí aplikace MTRNM
Telefon zobrazující prostředí aplikace MTRNM

Všechny projekty

MTRNM návrh aplikace

Odvětví:

UI/UX design

Audio

Nástroje:

Figma

Klient

Interní projekt

Rok

2023

Shrnutí

MTRNM je minimalistická mobilní aplikace pro metronom navržená jako univerzitní projekt. Cílem bylo vytvořit jednoduchý a přehledný nástroj pro hudebníky, který umožní rychlé nastavení tempa, taktu a zvuku metronomu bez zbytečných rušivých prvků.

Dva telefony zobrazující prostředí aplikace MTRNM

O MTRNM

MTRNM je mobilní aplikace navržená pro hudebníky, kteří potřebují rychlý a spolehlivý metronom pro každodenní cvičení. Hlavním cílem bylo vytvořit nástroj, který je maximálně přehledný, snadno ovladatelný a zaměřený pouze na klíčové funkce.

Aplikace byla navržena a následně také kompletně implementována ve frameworku Flutter, což umožňuje její plynulý chod napříč různými platformami.

Hlavní problém

Mnoho existujících metronomových aplikací obsahuje velké množství funkcí a vizuálních prvků, které mohou uživatele při cvičení rozptylovat. Výzvou proto bylo navrhnout rozhraní, které nabídne všechny důležité funkce, ale zároveň zůstane přehledné.

Ukázka jednotlivých částí UI apliakce MTRNM

Řešení

Po spuštění aplikace se uživatel nejprve setká s úvodní obrazovkou, kde si může zvolit přihlášení nebo registraci. Tento krok vytváří přehledný vstupní bod do aplikace a umožňuje uživatelům ukládat svá nastavení.

Po přihlášení se uživatel dostane na hlavní obrazovku aplikace, která obsahuje samotné rozhraní metronomu. Zde lze rychle upravit tempo, zvolit takt nebo vybrat zvuk metronomu.

Aplikace obsahuje také několik doplňkových rozhraní:

Výběr zvuku metronomu - Menu se seznamem dostupných zvuků je navrženo jako jednoduchý scrollovatelný seznam. Vybraný zvuk je jasně zvýrazněn, aby uživatel okamžitě viděl aktuální nastavení.

Nastavení taktu - Toto menu využívá jednoduché ovládání pomocí tlačítek plus a minus, která umožňují rychlé nastavení horní i dolní hodnoty taktu.

Postranní menu (Sidebar) - Sidebar poskytuje přístup k dalším částem aplikace, jako jsou oblíbené presety, nastavení aplikace nebo informace o projektu.

Favorites - Uživatelé si mohou ukládat oblíbené presety metronomu, která zahrnují tempo, takt i zvuk. Díky tomu lze často používané konfigurace rychle vyvolat.

Settings - Sekce nastavení umožňuje upravovat preference aplikace.

Telefon v ruce zobrazující aplikaci MTRNM

Výsledek

Výsledkem projektu je plně funkční metronomová aplikace.

Projekt zahrnoval:

  • návrh kompletního UI/UX mobilní aplikace

  • návrh uživatelského flow aplikace

  • návrh minimalistického vizuálního stylu

  • implementaci aplikace ve frameworku Flutter

Výzvy a zkušenosti

Projekt byl zajímavý především kombinací designu a vývoje aplikace v rámci jednoho procesu.

Projekt tak přinesl zkušenosti zejména v oblastech:

  • návrhu UI/UX mobilních aplikací

  • tvorby minimalistických digitálních rozhraní

  • návrhu uživatelských flow

  • vývoje aplikací ve frameworku Flutter

Jan Hoffmann

Pomáhám podnikatelům a firmám proměňovat nápady v kvalitní digitální řešení. Zaměřuji se na UX/UI design webů a aplikací, tvorbu vizuálních identit a grafiku pro digitální média.

© Jan Hoffmann, 2026

Všechna práva vyhrazena.

Jan Hoffmann

Pomáhám podnikatelům a firmám proměňovat nápady v kvalitní digitální řešení. Zaměřuji se na UX/UI design webů a aplikací, tvorbu vizuálních identit a grafiku pro digitální média.

© Jan Hoffmann, 2026

Všechna práva vyhrazena.

Jan Hoffmann

Pomáhám podnikatelům a firmám proměňovat nápady v kvalitní digitální řešení. Zaměřuji se na UX/UI design webů a aplikací, tvorbu vizuálních identit a grafiku pro digitální média.

© Jan Hoffmann, 2026

Všechna práva vyhrazena.