Design aplicații mobile
Wireframe, UI kit complet, prototip interactiv testabil pe telefon și design system documentat pentru aplicația ta iOS sau Android. Facem strict design — echipa ta tehnică sau altă agenție implementează codul. De la 500€.
De ce separăm designul de dezvoltarea tehnică
Dezvoltarea unei aplicații mobile native sau cross-platform e o disciplină tehnică diferită — Swift, Kotlin, React Native, Flutter, integrare cu App Store și Google Play, gestionarea versiunilor și a backend-ului. Design-ul UI/UX e o disciplină separată: structură, arhitectura ecranelor, sistem vizual consistent, testare cu utilizatori. Combinarea forțată a celor două sub aceeași echipă duce fie la design slab (pentru că dezvoltatorii nu au timp să-l rafineze), fie la cod slab (pentru că designerii improvizează implementarea). Separăm clar cele două etape.
Cum funcționează predarea către echipa tehnică
Livrăm fișierul Figma cu toate ecranele, componentele UI kit, specificațiile de dimensiune și spațiere, iconografia exportabilă și documentul de design system. Echipa ta de dezvoltatori (internă, freelanceri sau o altă agenție tehnică) implementează direct din acest fișier, fără să ghicească detalii. Dacă ai nevoie și de dezvoltarea propriu-zisă, brandul-frate al firmei noastre, websitefirma.ro, oferă acest serviciu tehnic — separat de designul livrat aici.
Ce primești
Mapăm toate ecranele aplicației și tranzițiile dintre ele — de la onboarding până la acțiunea principală (cumpărare, rezervare, completare profil). Fără această hartă, orice ecran frumos e o insulă izolată în aplicație.
Schiță de structură, fără culori și fără fonturi finale, pentru ecranele de onboarding, navigare principală, listare, detaliu și acțiune. Rezolvăm logica de interacțiune înainte să investim în vizual.
Butoane, câmpuri de input, carduri, bare de navigare, stări de eroare și de încărcare — toate documentate ca un sistem, nu desenate ecran cu ecran. Echipa de dezvoltare primește un set consistent, nu variații întâmplătoare.
Prototip navigabil în Figma, cu tranziții reale între ecrane, gesturi de swipe și stări de tap. Testezi fluxul aplicației pe propriul telefon înainte ca dezvoltatorii să scrie prima linie de cod.
Respectăm convențiile native ale fiecărei platforme (navigare, gesturi, componente standard) unde contează pentru familiaritatea utilizatorului, dar păstrăm un singur limbaj vizual de brand consistent pe ambele.
Fișier Figma cu tokens de culoare, tipografie, spațiere, iconografie și stări ale componentelor (default, hover, disabled, eroare). Orice ecran nou adăugat ulterior respectă automat același sistem.
Tipuri de aplicații
Fiecare categorie de aplicație are propriile convenții de UX care nu se pot copia dintr-o altă categorie fără frecare pentru utilizator. Adaptăm structura de ecrane și componentele UI kit la tipul specific de aplicație, nu aplicăm un șablon generic peste orice idee.
Aplicații unde există două roluri diferite (client și prestator, cumpărător și vânzător), cu fluxuri separate pentru fiecare — profil, listare, mesagerie, plată. Structurăm navigarea astfel încât fiecare rol să vadă doar opțiunile relevante pentru el, fără meniuri încărcate cu funcții inutile.
Fluxul critic e calendarul de disponibilitate și confirmarea rapidă a unei ore sau a unui serviciu, în cât mai puține tap-uri. Proiectăm ecranul de selecție a datei/orei ca punct central, cu confirmare vizuală clară și reminder-e integrate în design, nu adăugate ulterior.
Versiunea mobilă a unui produs SaaS folosit deja pe desktop, unde utilizatorul verifică rapid date sau ia decizii punctuale de pe telefon. Prioritizăm ecranele cele mai folosite din varianta desktop și le simplificăm pentru contextul mobil, în loc să comprimăm întregul dashboard într-un ecran mic.
Catalog scanabil, filtrare rapidă și checkout cu cât mai puține câmpuri de completat pe un ecran mic. Design-ul de catalog mobil urmează principii similare cu magazinele online desktop, dar spațierea și dimensiunea zonelor de tap se recalculează integral pentru degetul mare, nu pentru cursor de mouse.
Aplicații centrate pe feed de conținut, interacțiune (like, comentariu, share) și notificări. Structura de navigare pune accent pe descoperire rapidă de conținut nou și pe reducerea frecării la acțiunile repetate zilnic, pentru că aici retenția depinde direct de cât de ușor e să repeți acțiunea de bază.
Pentru o idee nouă, nevalidată încă, proiectăm un set minim de ecrane suficient pentru a testa cu utilizatori reali dacă fluxul principal funcționează, fără să investim în design complet pentru funcții care s-ar putea schimba după primul feedback.
Proces
Etapa 1
Stabilim cine folosește aplicația, în ce context (mers pe stradă, acasă, la birou) și care e acțiunea principală pe care trebuie să o facă rapid. O aplicație mobilă se folosește diferit de un site — sesiuni scurte, atenție fragmentată, degetul mare ca principal punct de control.
Etapa 2
Structurăm navigarea (tab bar, drawer, stack de ecrane) și mapăm drumul utilizatorului de la instalare la prima acțiune de valoare. Un utilizator de mobil abandonează în secunde, nu în minute, dacă nu găsește imediat ce caută.
Etapa 3
Construim wireframe pentru onboarding, ecranul principal, listare/catalog, detaliu și fluxul de acțiune (checkout, rezervare, trimitere formular). Validăm structura înainte să adăugăm culoare și tipografie.
Etapa 4
Definim paleta de culori, tipografia, iconografia și componentele reutilizabile (butoane, carduri, input-uri, bare de status) ca sistem documentat, nu ca decizii izolate pe fiecare ecran în parte.
Etapa 5
Asamblăm prototipul clicabil în Figma cu tranziții și gesturi reale, îl testăm intern sau cu utilizatori din publicul țintă și ajustăm punctele de fricțiune înainte de predarea către echipa de dezvoltare.
Etapa 6
Livrăm fișierul Figma cu toate ecranele, componentele și specificațiile (dimensiuni, culori, spațiere, export de iconuri). Echipa ta de dezvoltatori sau altă agenție tehnică implementează direct din acest fișier.
Prețuri transparente
Aplicație simplă, 1-2 fluxuri principale
500€ / proiect
Livrare în 7-10 zile
Recomandat: aplicație cu mai multe fluxuri
1500€ / proiect
Livrare în 14-21 zile
Platformă mobilă cu roluri și fluxuri multiple
3500€ / proiect
Livrare în 30-60 zile
Portofoliu
Nu avem încă în portofoliu o aplicație mobilă nativă publicată, dar principiile de arhitectură a ecranelor, sistem de componente și testare aplicate mai jos, pe produse digitale complexe, sunt exact cele pe care le folosim pentru design mobil.
Platformă servicii
Pagina explică oferta în primele secunde și trimite utilizatorul spre acțiunea potrivită fără pași inutili.
Vezi portofoliuMicro job marketplace
Vizitatorul înțelege produsul fără onboarding lung și poate intra în fluxul de sign-up rapid.
Vezi portofoliuAI macOS app
Pagina poziționează OpenFelix ca tool AI practic, nu ca promisiune abstractă, și conduce spre descărcare.
Vezi portofoliuCând merită un proiect de design mobil dedicat
Dacă aplicația are mai mult de 2-3 fluxuri principale (înregistrare, catalog, checkout, profil, notificări), un proiect de design dedicat previne inconsistențe care apar când ecrane diferite sunt proiectate ad-hoc, pe rând, fără un sistem comun. E aceeași logică ca la un site cu multe pagini: fără design system, fiecare ecran nou adaugă mici diferențe vizuale care, cumulate, dau o aplicație care pare cusută din bucăți.
Cum se combină cu identitatea de brand existentă
Dacă firma ta are deja o identitate vizuală (logo, culori, tipografie) pentru site, o traducem consecvent pentru mediul mobil, nu o reinventăm. Dacă nu ai încă o identitate vizuală clară, recomandăm serviciul de branding și identitate vizuală înainte de design UI mobil, ca aplicația și site-ul să vorbească aceeași limbă vizuală de la prima versiune.
Întrebări frecvente
Doar designul. Livrăm wireframe, UI kit, prototip interactiv și design system documentat — tot ce are nevoie o echipă tehnică pentru a construi aplicația nativă (Swift, Kotlin) sau cross-platform (React Native, Flutter). Dezvoltarea tehnică a aplicațiilor mobile e un serviciu diferit, oferit de brandul-frate al firmei noastre, websitefirma.ro, nu de FirmaWeb.
Un site responsive se adaptează la ecranul de telefon, dar rămâne gândit ca pagini web navigate prin scroll și click. O aplicație mobilă are propriile convenții: tab bar în partea de jos, gesturi de swipe, stări offline, notificări push, degetul mare ca zonă principală de control. Design-ul pentru aplicații respectă aceste convenții native, nu doar comprimă un layout de site pe un ecran mic.
Depinde de pachet. La Design Essential lucrăm pe un singur set de proporții de referință, suficient pentru un MVP sau o primă versiune de test. La Brand & Site System și Custom Design adaptăm vizual componentele pentru convențiile fiecărei platforme (de exemplu stilul de navigare sau al butoanelor), păstrând în același timp un singur limbaj de brand consistent, nu două aplicații care par făcute de firme diferite.
Fișierul Figma complet, editabil, cu toate ecranele, componentele UI kit și specificațiile tehnice (dimensiuni în pixeli/dp, coduri de culoare, spațiere, export de iconuri în SVG). Pentru pachetele Brand & Site System și Custom Design primești și documentul de design system, separat, cu toate regulile aplicate.
Facem un audit de UX pe aplicația existentă: analizăm flow-urile actuale, identificăm ecranele unde utilizatorii se blochează sau abandonează și propunem un redesign punctual al acelor ecrane, nu neapărat o reconstrucție completă. Multe probleme de retenție în aplicații mobile vin din 2-3 ecrane prost structurate, nu din întreaga aplicație.
Pentru Design Essential, testarea se face intern, cu tine și echipa ta, folosind prototipul clicabil pe propriile telefoane. Pentru Brand & Site System testarea include o rundă cu utilizatori reali din publicul țintă, iar la Custom Design testarea se repetă pe mai multe cicluri, pe măsură ce fluxurile se rafinează.
Da, de fapt e cazul cel mai frecvent — livrăm designul complet, documentat, exact pentru ca o echipă de dezvoltatori (internă, externă sau freelanceri) să poată implementa fără să ne întrebe la fiecare decizie. Rămânem disponibili pentru clarificări punctuale pe durata implementării, prin sesiunile de consultanță incluse la pachetele superioare.
Termenul depinde de complexitate: 500€ (Design Essential) se livrează în 7-10 zile, 1500€ (Brand & Site System) în 14-21 zile, iar proiectele Custom Design cu fluxuri multiple pe roluri diferite în 30-60 zile. Termenul ferm se confirmă în oferta scrisă, după ce înțelegem numărul de ecrane și fluxuri.
E normal ca unele detalii să necesite ajustare când designul se confruntă cu limitări tehnice reale (performanță, componente native indisponibile). Pachetele Brand & Site System și Custom Design includ sesiuni de consultanță continuă exact pentru acest scenariu — ajustăm rapid fișierul Figma fără să reluăm întregul proces de design.
Servicii conexe