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.

Or call directly: 0770 129 502

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 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 -

Interfaces delivered and what changed after

Agenție media și producție video

Dennis Media

Problem

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 Concept

Problem

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 Trading

Problem

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.

Show us where people stop

Call 0770 129 502 or email [email protected]. We reply within 24 hours.

We use cookies to enhance your experience and analyze site traffic. Essential cookies are always active. Analytics cookies require your consent. Cookie Policy | Privacy Policy