Projekt graficzny powstaje w oparciu o makiety funkcjonalne. To klasyczny layout, który określa wygląd interfejsu – to, co użytkownik ma zobaczyć, kiedy odwiedzi serwis. Jest to ważne, ponieważ wygląd serwisu oddziałuje na emocje i skojarzenia użytkowników podczas kontaktu z marką. Dlatego też pracę nad projektem zaczynamy od zdefiniowania skojarzeń, jakie ma wzbudzać serwis. Szukamy zatem wspólnie takich odwołań, które pomogą nam wywoływać odpowiednie wrażenia. Rezultatem jest zbiór zdjęć, ilustracji, kolorowi czcionek odpowiednich do danego projektu.
Oprawa graficzna musi wspierać cele serwisu, dlatego forma,czyli wygląd różnych elementów, musi podążać za ich funkcją. Przyciski i linki muszą wpisywać się w projekt,ale również jednoznacznie informować, że są elementami służącymi do kliknięcia. Odpowiedni dobór proporcji pozwala użytkownikom nieświadomie zorientować się, które elementy są najważniejsze. Głównym rezultatem jest gotowy projekt w postaci plików graficznych, które gotowe są do pocięcia (stworzenia z nich warstwy HTML/CSS czyli tzw. front-endu.)