Projektowanie stron internetowych jest procesem, składającym się z kilku etapów. Pierwszym z nich, określanym przez wielu jako podstawowy i najważniejszy, jest tak zwane makietowanie. Tworzenie makiety strony www to nic innego, jak zaprojektowanie rozmieszczenia poszczególnych elementów strony, takich jak logotyp, zdjęcia, nagłówki, tabele, reklamy i inne elementy graficzne. Makieta strony stanowi jej statyczną (prototypową) wersję, powstającą w wyniku przełożenia projektu graficznego na hipertekstowy język znaczników (HTML) i jego rozszerzenia. Na jej podstawie tworzona jest właściwa strona internetowa.
Prawidłowo opracowana makieta, oprócz opisu wszystkich elementów mających znaleźć się na stronie, powinna zawierać informacje dotyczące jej parametrów technicznych oraz sposobu jej działania. Stworzenie makiety pozwala na swobodne wprowadzanie poprawek do projektu oraz uzgodnienie ostatecznej wersji witryny, co stanowi niewątpliwą zaletę takiego rozwiązania (wprowadzanie jakichkolwiek zmian na etapie makietowania jest znacznie łatwiejsze i tańsze, niż poprawianie gotowej strony internetowej).
Makieta strony www może być tworzona w wersji uproszczonej („lo-fi” – low fidelity), zawierającej podstawowe elementy, niezbędne do interakcji lub w wersji rozbudowanej („hi-fi” – high fidelity). Możliwa jest również do stworzenia „interaktywna makieta klikalna”, zawierająca aktywne linki, pozwalające na sprawdzenie działania tworzonej strony.
Programy służące do sporządzania makiet stron internetowych ułatwiają ich przeniesienie do określonej formy zapisu. Na rynku (w sieci) dostępnych jest wiele wersji programów lub aplikacji, z których możemy skorzystać, na przykład:
Axure RP (axurerp.pl) – jeden z najpopularniejszych, rozbudowany program umożliwiający w dość intuicyjny sposób tworzenie projektów interfejsów internetowych, wymagający instalacji na dysku, płatny z darmowym okresem próbnym;
MockFlow – aplikacja online pozwalająca na planowanie, projektowanie i dzielenie się wynikami swojej pracy z innymi web designerami;
Moqups.com – w znacznej części darmowy program (wymaga rejestracji) z możliwością płatnej subskrypcji, do tworzenia makiet w trybie online – posiada rozbudowany zestaw narzędzi;
UXPin – polska aplikacja internetowa, zawierająca wiele przydatnych narzędzi, umożliwia dzielenie się swoimi projektami w sieci i współpracę online z innymi osobami – płatna z bezpłatnym okresem próbnym;
Pencil Project – wielofunkcyjny, darmowy program dostępny w aplikacji desktopowej (konieczność instalacji na dysku);
Web Zap – wtyczka do programu Photoshop, poszerzający go o rozbudowaną funkcję tworzenia makiet;
Jumpchart – aplikacja pozwalająca na tworzenie makiet oraz sporządzanie notatek, pisanie tekstów i organizację układu poszczególnych informacji;
Pidoco – aplikacja internetowa z możliwością przeprowadzania testów w sieci z innymi użytkownikami;
Creately – program pozwalający na tworzenie makiet stron internetowych, a także diagramów i wykresów IML – posiada możliwość założenia darmowego konta;
Balsamiq – program dostępny w wersji online, desktop i jako wtyczka do takich programów, jak Google Drive oraz JIRA, xWiki.
Najnowsze komentarze