Procesul începe cu inventarul paginilor, tipurilor de conținut, acțiunilor și stărilor: navigare, formulare, liste, carduri, tabele, erori, confirmări și zone de contact. Wireframe-ul stabilește ordinea și relațiile înainte de culoare și efecte. Definim un sistem de spațiere, tipografie, culori, iconografie și componente, împreună cu regulile lor. Designul responsive nu micșorează desktopul, ci rearanjează prioritățile, dimensiunile și interacțiunile pentru contextul fiecărui ecran.
Lucrăm cu texte, imagini, dovezi și date reprezentative, nu doar cu lorem ipsum sau carduri perfecte. Lungimea titlurilor, lipsa unei imagini, mesajele de eroare, mai multe servicii și variațiile reale trebuie să fie prevăzute. Ierarhia distinge titlul, explicația, dovada, opțiunile și acțiunea fără a folosi zeci de stiluri concurente. CTA-urile descriu acțiunea, iar contrastul și culoarea nu sunt singurele mijloace prin care comunicăm stare ori prioritate.
Title, H1, introducerea, secțiunile, exemplele, dovezile și legăturile interne trebuie să confirme aceeași intenție. Eliminăm afirmațiile pe care nu le putem susține și marcăm limitele informațiilor externe. Conținutul este scris pentru evaluare și acțiune, fără umplere, pagini doorway sau repetarea mecanică a aceleiași oferte pe variante de cuvinte.