Website & web app design

From page map to Figma file

We plan the pages around what visitors come to do, so they find it quickly, then design each screen in Figma, responsive and mobile first. Buttons, colours and text styles are set up once and reused, so the finished site matches the design and new pages stay consistent.

Pages planned around the visit

Website UI design starts from the visit. Visitors arrive with a task: check a service, find a price, sign in, buy. The page map puts each task one or two clicks from the home page, and every layout leads with the answer, so people find what they came for quickly.

Phone first, then wider

Most web visits now start on a phone (StatCounter), so each layout is drawn at phone width first, then extended to tablet and desktop. Navigation, buttons and forms are sized for thumbs, and text and colours are checked against WCAG contrast levels, so pages read well in sunlight.

A design system, set once

Figma web design works from a system: colours, type, buttons, forms and cards built as reusable components, so every page uses the same pieces and the developer builds each piece once. New pages later stay consistent with the first ones.

Dashboards and web apps

Dashboard UI design and SaaS UI design follow the same discipline: the figures people check every day sit at the top, tables sort and filter, and each chart answers one question. Sign-in, empty, loading and error screens are designed with the rest.

Ready for search and speed

Page titles, heading order, image sizes and the text that search engines read are planned in the design, so the built site loads fast and reads clearly to Google from launch day.

• Figmadesign and prototypes

The designs are built through Custom websites, WordPress websites, Framer websites, Webflow websites or Web apps & portals.