Modern Multi-Page Website Design

An AI-generated architectural plan already captures the geometry, palette, and flow of our project; the website now needs to mirror that vision in a modern, clean aesthetic. The build will follow a classic multi-page structure—Home, About Us, and Contact—each page reflecting the same crisp lines and balanced whitespace found in the architectural renderings.

I will share the AI plan as layered files so you can extract colours, typography cues, and layout proportions directly from it. From there, translate those cues into responsive web mock-ups and the accompanying front-end code (HTML5, CSS3, minimal JavaScript). Subtle interactions and smooth scrolling are encouraged, but keep the interface lightweight and fast-loading.

Deliverables:
• High-fidelity design comps for all three pages, desktop and mobile
• Optimised, standards-compliant front-end files ready for hand-off to back-end development
• Style guide covering colour values, type hierarchy, and reusable components

Acceptance criteria: every page must visually align with the AI plan, load correctly on the latest versions of Chrome, Safari, Edge, and Firefox, and pass Google Lighthouse scores above 90 for performance and accessibility.

Share a quick outline of your proposed workflow and similar modern, clean sites you’ve produced, and we can get started right away.

The website will also need to support an ATS (Applicant Tracking System) once it has been developed. We are open to an all inclusive solution should the professional be capable of producing the website and ATS concurrently.