DCL Studio · UI and UX
A UI/UX agency that delivers the interface in code, not just in a slide deck
A UI/UX project usually ends with a set of beautiful screens and a handover to somebody else. Half the value is lost right there, because what gets implemented no longer resembles what was drawn, and nobody remembers why it was drawn that way. Design Creator Lab is a UI/UX agency in Timisoara that carries the work through: research, information architecture, prototype, interface design and then implementation in React or Next.js, by the same team.
- 30-min brief · Quote in 48h -
Request a custom quote
30-min brief, no obligation. Fixed quote in 48h.
Verifiable portfolio · Contract & invoice · 12-month support
- De ce DCL Studio -
Why it matters that we both design and build
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.
- Who it is for -
Who we work with
We work with companies that already have a digital product and can see people stopping somewhere. Online shops with visitors who reach the cart and do not finish, internal platforms staff avoid by keeping parallel spreadsheets, apps with many features nobody can find, and new products that need to be drawn before code is written so nothing gets built twice.
- Key features -
What we actually deliver
01
Reading existing data: where people enter, where they leave, which step loses the most
02
Interviews with real users or with the team that uses the product daily
03
Information architecture: what each screen contains and how you get there
04
Flows drawn for real cases, including what happens when something goes wrong
05
A clickable prototype, tested on phone and desktop before any code
06
Full interface design with every state: empty, loading, error, success
07
A documented component system with spacing, typography and colour rules
08
Accessibility checks: contrast, keyboard navigation, correct labels
09
Implementation in React or Next.js by the same team that drew it
10
Measurement after launch, on the same figures read at the start
- Packages & pricing -
What a UI/UX project costs
A UI/UX project is quoted by the number of distinct flows and screens, not by the number of pages. You can commission design only, but we will tell you up front that delivering in code is what separates a project that gets applied from one that stays in a file.
Interface projects
Website design, with implementation
from 1.490 €
- ·Up to 15 distinct screens
- ·Clickable prototype
- ·Complete design with every state
- ·Implementation in code by the same team
- ·Documented component system
Popular
Full product, with research
from 2.990 €
- ·Research and reading of existing data
- ·Information architecture
- ·Screen count agreed in the quote
- ·Testing with real users
- ·Implementation and post-launch measurement
Application or platform interface
from 5.000 €
- ·Complex flows with roles and permissions
- ·Work panels used daily
- ·Extended component system
- ·Implementation integrated with the server side
Separate stages, if you want to start small
Reading the situation
from 399 €
- ·Analysis of existing data
- ·Identifying where people are lost
- ·A document with prioritised recommendations
- ·Deducted from the full project if we continue
Maintenance and evolution
99 €/month
- ·Three hours of changes per month
- ·Extending the component system
- ·Monthly report on tracked figures
Extended support
199 €/month
- ·Six hours of changes per month
- ·Periodic user testing
- ·Priority response
Prices in euro. DCL is not VAT registered. The research and prototype stage can be contracted separately so you see the outcome before committing the full budget.
- Procesul DCL -
How a UI/UX project runs
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 -
An agency that ships, a design-only agency or an in-house designer
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 design | Designer intern |
|---|---|---|---|
| Ajunge designul în produs așa cum a fost gândit | Da, îl scriem noi | Depinde de cine implementează | Depinde de echipa de dezvoltare |
| Cine desenează stările de eroare și de încărcare | Noi, fiindcă tot noi le scriem | Adesea nimeni | Depinde de experiență |
| Viteza interfeței | Decisă în design, verificată în cod | În afara controlului lor | În afara controlului lui |
| Cost total al proiectului | Mediu, dar fără etapă de traducere | Mai mic la design, mai mare la implementare | Salariu constant |
| Timp până la produs funcțional | Mai scurt, nu există predare | Mai lung, cu o predare la mijloc | Depinde de prioritățile interne |
| Sistem de componente livrat | Da, documentat | De regulă da | Uneori |
| Accesibilitate verificată în produsul real | Da | Doar în machetă | Variabil |
| Cine răspunde dacă rezultatul nu se vede în cifre | Noi, și reluăm | Nu se poate stabili | Discuție internă |
| Cunoașterea produsului pe termen lung | Rămâne în echipă | Se pierde la final | Rămâne, cât rămâne omul |
| Când are sens | Când vrei rezultatul în produs | Când ai deja echipă de dezvoltare bună | Când ai volum constant de design |
- Rezultate -
Interfaces delivered and what changed after
Agenție media și producție video
Dennis MediaProblem
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.
DCL solution
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.
Result
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 ConceptProblem
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.
DCL solution
Interfață refăcută integral și implementată în Next.js 16, cu panou de administrare propriu, peste catalogul de produse mutat de pe WordPress.
Result
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 TradingProblem
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.
DCL solution
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ă.
Result
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.
- Frequently asked questions -
Questions about UI/UX
What is the difference between UI and UX?
UX is about how it works: what steps someone takes, in what order, what happens when they make a mistake. UI is about how it looks and reads: hierarchy, contrast, spacing, typography. They work together, in that order. A perfect UI over a poor UX is a beautiful interface in which people get elegantly lost.
Do you deliver design only or implementation too?
Both, and that is the main difference from a classic design agency. You can take design only if you have a strong development team, but we will tell you up front that this is where value is most often lost.
What do you design in?
Collaborative design tools you have permanent access to, plus a documented component system. But the deliverable that matters is the working product, not the design file.
How long does a UI/UX project take?
Research and prototype take two to four weeks. Full design and the component system another three to six, depending on how many distinct flows the product has. Implementation depends on complexity.
Do you test with real users?
Yes, where the project allows. For internal products we test with the team that uses them daily, which is even more useful. Five people observed using the prototype surface most of the big problems.
What does delivering a component system mean?
You get not just screens but the pieces they are made of, with written rules: how a button looks in every state, spacing, fonts and sizes. So a year later, when you add a section, it matches the rest without calling us.
Can you work on an existing product without rebuilding everything?
Yes, and often that is the right call. We start with the flows losing the most people, measured rather than assumed. A full rebuild is only justified when the underlying structure is wrong.
Do you handle accessibility?
Yes, at the level that can be verified: sufficient contrast, full keyboard navigation, correct form labels, coherent heading structure, alternative text on images.
How do I know the new design is better and not just different?
Through the same figures read before and after: how many reach the final step, how long an operation takes, how many abandon along the way. Without an initial measurement nothing can be demonstrated later.
Do you also do visual identity?
Yes: logo, palette, typography, visual system, print materials. If your brand is going to change anyway, it is more logical to do identity first and the interface after.
Do you work on internal panels, not just public sites?
Yes, and that is where the difference shows most clearly. A panel used daily is judged by click count and by how fast a mistake is corrected. At Dennis Media, adding a portfolio project moved out of the code and into the admin panel.
What if I do not like the design direction?
It changes, at the stage where it is cheap, which is the prototype. We do not move to final design, let alone code, until you confirm the direction.
- See also -
More services from DCL
Custom website development in Romania
View pageWebsite Creation for Your Business
View pagePackages, Pricing, and Our Process as a Web Design Agency
View pageHow Much Does a Website Cost in 2026?
View pageCustom Online Store, E-commerce Development in Romania
View pageWeb Design Agency in Banat, a Studio Based in Timișoara
View pageShow us where people stop
Call 0770 129 502 or email [email protected]. We reply within 24 hours.