Landing Page Wireframe - Example Phase 1 Deliverable
Before a single line of code is written, every project starts with a wireframe. This is a structural blueprint of a landing page layout, mapping out where key elements live — the header with logo, navigation, and call to action, a full-width hero image section, a two-column content area for services and supporting visuals, and a footer with social media links and legal copy.
Wireframes keep the focus on layout and user flow before color, fonts, or content are introduced. It ensures the structure makes sense for the business before any design decisions are made.
Peak Pro - Landing Page
A custom landing page built for a fictional roofing company serving the Greater Kansas City Area. Designed to establish trust quickly and drive one action — getting an estimate. The page includes a full-width hero section with an overlaid headline and call to action, a services breakdown, company values, contact information, and social media links. Built with semantic HTML and CSS only, optimized for both desktop and mobile, and scored on Google Lighthouse for performance.
View Live Website HereFull Build Construction - Multi-Page
A custom multi-page website built for Full Build Construction, a fictional full-service construction company serving the Greater Kansas City Area. Designed to establish credibility and drive one action — getting a free estimate. Built across four pages: Home, Services, About, and Contact. The home page features a full-width hero section with video background, overlaid headline, and call to action. The services page breaks down offerings across pre-construction, core construction, and specialty finishing categories. The about page communicates company identity, philosophy, and values. The contact page includes a fully functional lead capture form. Built with semantic HTML and CSS only, no frameworks or libraries, optimized for desktop and mobile, and scored 99 Performance, 100 Accessibility, 96 Best Practices, and 100 SEO on Google Lighthouse out of the box.