DCL Studio · UI și UX

Agenție UI/UX care livrează interfața în cod, nu doar în prezentare

Un proiect de UI/UX se termină de obicei cu un set de ecrane frumoase și cu o predare către altcineva. Acolo se pierde jumătate din valoare, fiindcă ce se implementează nu mai seamănă cu ce s-a desenat, iar nimeni nu mai știe de ce fusese desenat așa. Design Creator Lab este o agenție UI/UX din Timișoara care duce lucrul până la capăt: cercetare, arhitectură de informație, prototip, design de interfață și apoi implementare în React sau Next.js, de aceeași echipă. Nu există predare între designer și programator, fiindcă lucrează în aceeași cameră pe același proiect.

- Brief 30 min · Cotație 48h -

Cere ofertă personalizată

Brief 30 min, fără obligație. Cotație fixă în 48h.

Sau sună direct: 0770 129 502

Portofoliu verificabil · Contract și factură · Suport 12 luni

- De ce DCL Studio -

De ce contează că desenăm și implementăm noi

01

Ce se desenează se și implementează

Cel mai frecvent mod în care se pierde un proiect de design e predarea. Designerul livrează ecranele, programatorul le interpretează, iar rezultatul e o versiune mai săracă a ideii inițiale, fără ca cineva să fi greșit. La noi nu există predare: aceeași echipă desenează și scrie codul. Detaliile care de obicei se pierd, cum sunt stările intermediare, comportamentul la eroare sau ce se vede cât se încarcă ceva, ajung în produs fiindcă au fost gândite de cine le scrie.

02

Pornim de la unde se opresc oamenii, nu de la estetică

Primul lucru pe care îl cerem nu e brieful de design, ci datele: unde intră vizitatorii, unde pleacă, care pas din formular pierde cei mai mulți, ce caută în căutarea internă și nu găsesc. Un ecran refăcut fără să știi asta e o schimbare de gust. Un ecran refăcut cu asta e o reparație. Diferența se vede în cifre, nu în păreri, și cifrele le citim înainte și după.

03

Interfața trebuie să fie și rapidă, altfel nu contează

O interfață care arată impecabil dar se încarcă în trei secunde pierde oamenii înainte să o vadă. Fiindcă scriem și codul, tratăm viteza ca pe o decizie de design, nu ca pe o problemă tehnică de la final. Alegerile de interfață care costă timp de încărcare le discutăm la design, nu după lansare.

04

Design pentru cine folosește zilnic, nu doar pentru cine vizitează o dată

Un panou intern folosit de opt ore pe zi are alte reguli decât o pagină de prezentare. Contează numărul de clicuri, memoria musculară, cât de repede se corectează o greșeală. Tot la Dennis Media, adăugarea unui proiect în portofoliu a ieșit din cod și a intrat în panou, iar asta nu s-a obținut din culori, ci din regândirea fluxului de lucru.

05

Sistem de componente, nu ecrane izolate

Livrăm un sistem: componente, stări, spațieri, tipografie, reguli. Asta înseamnă că peste șase luni, când adaugi o secțiune nouă, ea arată ca restul produsului fără să ne suni. Fără sistem, fiecare adăugare ulterioară se abate puțin, iar după doi ani produsul arată ca trei produse diferite lipite. Sistemul e ce face ca designul să reziste după ce plecăm noi.

- Cui se adresează -

Pentru cine lucrăm

Lucrăm cu firme care au deja un produs digital și văd că oamenii se opresc undeva. Concret: magazine online cu vizitatori care ajung la coș și nu finalizează; platforme interne pe care angajații le folosesc greu și le ocolesc prin fișiere paralele; aplicații cu funcții multe pe care nimeni nu le găsește; și produse noi care trebuie desenate înainte să se scrie cod, ca să nu se construiască de două ori. Dacă vrei doar o pagină mai frumoasă, fără să schimbi nimic din flux, e o cheltuială pe care nu ți-o recomandăm.

- Funcționalități cheie -

Ce livrăm concret

01

Citirea datelor existente: unde intră oamenii, unde pleacă, ce pas pierde cei mai mulți

02

Interviuri cu utilizatori reali sau cu echipa care folosește zilnic produsul

03

Arhitectură de informație: ce conține fiecare ecran și cum se ajunge la el

04

Fluxuri desenate pentru cazurile reale, inclusiv ce se întâmplă când ceva merge prost

05

Prototip pe care se poate apăsa, testat pe telefon și pe desktop înainte de cod

06

Design de interfață complet, cu toate stările: gol, în încărcare, eroare, succes

07

Sistem de componente documentat, cu reguli de spațiere, tipografie și culoare

08

Verificare de accesibilitate: contrast, navigare cu tastatura, etichete corecte

09

Implementare în React sau Next.js, de aceeași echipă care a desenat

10

Măsurare după lansare, pe aceleași cifre citite la început

- Pachete și prețuri -

Cât costă un proiect de UI/UX

Un proiect de UI/UX se ofertează după numărul de fluxuri și de ecrane distincte, nu după numărul de pagini. Dacă vrei doar partea de design, fără implementare, se poate, dar îți spunem de la început că livrarea în cod e ce face diferența între un proiect care se aplică și unul care rămâne într-un fișier.

Proiecte de interfață

Design de site, cu implementare

de la 1.490 €

  • ·Până la 15 ecrane distincte
  • ·Prototip pe care se poate apăsa
  • ·Design complet, cu toate stările
  • ·Implementare în cod de aceeași echipă
  • ·Sistem de componente documentat

Popular

Produs complet, cu cercetare

de la 2.990 €

  • ·Cercetare și citirea datelor existente
  • ·Arhitectură de informație
  • ·Numărul de ecrane stabilit în ofertă
  • ·Testare pe utilizatori reali
  • ·Implementare și măsurare după lansare

Interfață de aplicație sau platformă

de la 5.000 €

  • ·Fluxuri complexe cu roluri și permisiuni
  • ·Panouri de lucru folosite zilnic
  • ·Sistem de componente extins
  • ·Implementare integrată cu partea de server

Etape separate, dacă vrei să începi mic

Citirea situației

de la 399 €

  • ·Analiza datelor existente
  • ·Identificarea punctelor unde se pierd oamenii
  • ·Document cu recomandări prioritizate
  • ·Se scade din proiectul complet dacă continuăm

Întreținere și evoluție

99 €/lună

  • ·Trei ore de modificări pe lună
  • ·Extinderea sistemului de componente
  • ·Raport lunar pe cifrele urmărite

Suport extins

199 €/lună

  • ·Șase ore de modificări pe lună
  • ·Testare periodică pe utilizatori
  • ·Prioritate la răspuns

Prețuri în euro, fără TVA. DCL nu este plătitor de TVA. Etapa de cercetare și prototip se poate contracta separat, ca să vezi rezultatul înainte de a angaja tot bugetul.

- Procesul DCL -

Cum decurge un proiect de UI/UX

01

Ce spun datele acum

Începem de la ce se întâmplă deja: pe unde intră oamenii, unde pleacă, care pas din formular sau din checkout pierde cei mai mulți, ce caută în căutarea internă și nu găsesc. Dacă produsul e intern, ne uităm cum lucrează echipa acum, inclusiv la fișierele paralele pe care le țin ca să ocolească sistemul. Alea sunt cele mai bune indicii.

02

Arhitectura informației

Stabilim ce conține fiecare ecran, cum se ajunge la el și ce se vede primul. Etapa asta se face fără culori și fără fonturi, intenționat, fiindcă altfel discuția alunecă spre estetică înainte ca structura să fie corectă. Aici se rezolvă cele mai multe probleme de utilizare, și tot aici sunt cel mai ieftin de rezolvat.

03

Prototip pe care se poate apăsa

Construim un prototip funcțional al fluxurilor principale, pe care îl testăm pe telefon și pe desktop, cu oameni care nu au lucrat la el. Zece minute de privit pe cineva folosind prototipul valorează mai mult decât o oră de discuție despre cum ar trebui să fie. Aici se schimbă direcția dacă e nevoie, fiindcă încă nu costă nimic.

04

Design și sistem de componente

Se face designul complet, cu toate stările pe care de obicei nimeni nu le desenează: ecran gol, ecran în încărcare, eroare, succes, text prea lung, imagine lipsă. În paralel se construiește sistemul de componente, cu reguli scrise, ca produsul să rămână coerent și după ce adaugi tu ceva peste un an.

05

Implementare

Scriem interfața în React sau Next.js, exact așa cum a fost desenată, fiindcă noi am desenat-o. Tot aici se verifică accesibilitatea, contrastul, navigarea cu tastatura și comportamentul pe ecrane mici. Viteza se tratează ca parte din design, nu ca o optimizare de la final.

06

Măsurare după lansare

Citim aceleași cifre de la care am pornit, ca să se vadă ce s-a schimbat. Dacă un flux nu s-a îmbunătățit, o spunem și îl reluăm. Un proiect de UI/UX care nu se măsoară după lansare rămâne o chestiune de gust, iar noi preferăm să fie o chestiune de cifre.

- Comparativ -

Agenție care implementează, agenție doar de design sau designer intern

Trei feluri de a rezolva problema. Cel mai des, firmele ajung la noi după ce au un set de ecrane frumoase pe care nu le-a implementat nimeni, sau le-a implementat pe jumătate.

Ce conteazăAgenție care implementeazăAgenție doar de designDesigner intern
Ajunge designul în produs așa cum a fost gânditDa, îl scriem noiDepinde de cine implementeazăDepinde de echipa de dezvoltare
Cine desenează stările de eroare și de încărcareNoi, fiindcă tot noi le scriemAdesea nimeniDepinde de experiență
Viteza interfețeiDecisă în design, verificată în codÎn afara controlului lorÎn afara controlului lui
Cost total al proiectuluiMediu, dar fără etapă de traducereMai mic la design, mai mare la implementareSalariu constant
Timp până la produs funcționalMai scurt, nu există predareMai lung, cu o predare la mijlocDepinde de prioritățile interne
Sistem de componente livratDa, documentatDe regulă daUneori
Accesibilitate verificată în produsul realDaDoar în machetăVariabil
Cine răspunde dacă rezultatul nu se vede în cifreNoi, și reluămNu se poate stabiliDiscuție internă
Cunoașterea produsului pe termen lungRămâne în echipăSe pierde la finalRămâne, cât rămâne omul
Când are sensCând vrei rezultatul în produsCând ai deja echipă de dezvoltare bunăCând ai volum constant de design

- Rezultate -

Interfețe livrate și ce s-a schimbat după

Agenție media și producție video

Dennis Media

Problema

Un mod de lucru în care portofoliul se actualiza doar prin cod, ceea ce însemna că rămânea mereu în urmă față de proiectele livrate.

Soluția DCL

Am regândit fluxul de administrare pornind de la felul în care lucrează ei cu materialele video, apoi am construit interfața și aplicația pe Node.js cu PostgreSQL.

Rezultat

Portofoliul se administrează din panou, fără developer la fiecare proiect adăugat, iar interfața a fost refăcută pe cod propriu.

Design interior

Studio Concept

Problema

Interfață construită pe o temă comercială cumpărată, cu un catalog de 124 de produse și cu straturi de plugin-uri adăugate peste temă. Fiecare strat în plus se adăuga la timpul de încărcare.

Soluția DCL

Interfață refăcută integral și implementată în Next.js 16, cu panou de administrare propriu, peste catalogul de produse mutat de pe WordPress.

Rezultat

Toate articolele migrate cu adresele păstrate și site mutat de pe temă cu plugin-uri pe cod propriu, fără pierderi de conținut.

Platformă de trading

Helix Trading

Problema

Produs cu reguli complexe, unde utilizatorul trebuie să înțeleagă în timp real cât mai are până la limita de pierdere, fără să greșească interpretarea.

Soluția DCL

Am desenat și implementat interfața peste un motor scris de la zero, cu afișarea în timp real a poziției contului și cu produsele organizate pe categorii, ca alegerea să rămână simplă.

Rezultat

O interfață în care starea contului se citește dintr-o privire, cu reguli administrate din panou, fără dependențe externe în miezul platformei.

- Întrebări frecvente -

Întrebări despre UI/UX

Care e diferența dintre UI și UX?

UX e despre cum funcționează: ce pași face omul, în ce ordine, ce se întâmplă când greșește. UI e despre cum arată și cum se citește: ierarhie, contrast, spațiere, tipografie. Se lucrează împreună, dar în ordinea asta. Un UI impecabil peste un UX prost e o interfață frumoasă în care oamenii se pierd elegant.

Livrați doar design sau și implementarea?

Facem amândouă, și asta e diferența principală față de o agenție de design clasică. Poți lua doar designul, dacă ai echipă de dezvoltare bună, dar îți spunem de la început că cel mai des acolo se pierde valoarea, la traducerea din machetă în cod.

În ce lucrați designul?

În unelte de design colaborative, la care ai acces permanent, și livrăm sistemul de componente documentat. Dar livrabilul care contează la final e produsul funcțional, nu fișierul de design. Fișierul e o etapă intermediară, nu rezultatul.

Cât durează un proiect de UI/UX?

Etapa de cercetare și prototip durează între două și patru săptămâni. Designul complet și sistemul de componente încă trei până la șase, în funcție de câte fluxuri distincte are produsul. Implementarea depinde de complexitate și se ofertează separat sau împreună, cum preferi.

Testați cu utilizatori reali?

Da, când proiectul o permite. Pentru produse interne testăm cu echipa care le folosește zilnic, ceea ce e chiar mai util. Cinci oameni observați în timp ce folosesc prototipul găsesc majoritatea problemelor mari. Nu e nevoie de eșantioane mari ca să vezi unde se blochează lumea.

Ce înseamnă că livrați un sistem de componente?

Înseamnă că nu primești doar ecrane, ci și piesele din care sunt făcute, cu reguli scrise: cum arată un buton în fiecare stare, cât spațiu e între elemente, ce fonturi și ce dimensiuni. Asta face ca peste un an, când adaugi o secțiune, ea să arate ca restul produsului fără să ne suni.

Puteți lucra peste un produs existent, fără să îl refacem de tot?

Da, și de multe ori e alegerea corectă. Se începe cu fluxurile care pierd cei mai mulți oameni, măsurat, nu presupus. Refacerea totală se justifică doar când structura de bază e greșită, iar dacă nu e cazul, ți-o spunem chiar dacă un proiect mai mare ne-ar conveni.

Vă ocupați și de accesibilitate?

Da, la nivelul care se poate verifica: contrast suficient, navigare completă cu tastatura, etichete corecte pe formulare, structură de titluri coerentă, text alternativ la imagini. Nu vindem certificări de conformitate, dar produsul livrat trece verificările uzuale.

Cum știu că designul nou e mai bun, nu doar diferit?

Prin aceleași cifre citite înainte și după: câți ajung la pasul final, cât durează o operațiune, câți abandonează pe drum. De asta insistăm să pornim de la date. Fără măsurătoare inițială nu se poate demonstra nimic ulterior, iar discuția rămâne la nivel de gust.

Faceți și identitate vizuală, sau doar interfețe?

Facem și identitate: logo, paletă, tipografie, sistem vizual, materiale tipărite. Dacă marca ta urmează oricum să se schimbe, e mai logic să se facă întâi identitatea și abia apoi interfața, ca să nu desenăm de două ori.

Lucrați și pe panouri interne, nu doar pe site-uri publice?

Da, și e o zonă unde diferența se vede cel mai clar. Un panou folosit zilnic se judecă după numărul de clicuri și după cât de repede se corectează o greșeală, nu după cum arată în captură. La Dennis Media, adăugarea unui proiect în portofoliu a ieșit din cod și a intrat în panoul de administrare.

Ce se întâmplă dacă nu îmi place direcția de design?

Se schimbă, în etapa în care e ieftin, adică la prototip. Nu trecem la design final și cu atât mai puțin la cod până nu confirmi tu direcția. Etapa de prototip există exact ca să nu ajungem în situația în care nu îți place ceva deja implementat.

Arată-ne unde se opresc oamenii

Sună la 0770 129 502 sau scrie la [email protected]. Răspundem în maxim 24 de ore.

Folosim cookie-uri pentru a imbunatati experienta si a analiza traficul. Cookie-urile esentiale sunt mereu active. Cookie-urile analytics necesita consimtamantul tau. Politica Cookies | Confidentialitate