To get a clear idea of what potential clients are looking for I'll use a creative brief to really understand my clients vision. This includes scope, audience, objective, call to action, and technical specification for the website.

The content outline shows exactly what will be on the website. If it's not in the outline, it won't be on the site. This outline is integral to the information architecture, structured hierarchically to mirror the website's organization.

The site map represents the structure and navigation of the website and should reflect all or most information in the content outline.

Wireframes are drafts of the pages on a website and should simulate the final navigation. The page layout at this point in the process is rough. Wireframes can be made into clickable web pages, allowing the client to preview the navigation of the site in action. Each wireframe should include all pieces of content that the final web page will eventually display.

Mood boards establish the visual direction for the website, encompassing fonts, colors, and graphics. They are quicker to create than complete mockups and aid in understanding the client's visual preferences, ultimately saving significant time compared to iterative mockup revisions.

The mockup is a composite image of how the final web page will look (Not an actual webpage) Color, layout, typography, and images are all worked out at this stage for each page type on the website. I will usually create my mockups in Adobe XD and share all the mocked up pages. Provided in desktop, tablet, and smartphone versions of the website.

At this stage I will transfer everything to a website builder, where everything is designed/ built. The site will be private, tested and reviewed before making public.