Atlas Design Sprint
KLH Engineers had a big idea for fixing how building products get specified and purchased. Four weeks of story mapping, wireframing, and prototyping turned it into a product vision their investors and development team could rally behind.
See case study
My role
I led the design sprint at Launch Scout, facilitating story mapping sessions with KLH's subject matter experts and producing the UI flow outline, wireframes, high-fidelity mockups, Adobe XD prototype, and visual style guide that carried the product into development.
Services
The problem
Pre-construction procurement runs on PDFs, phone calls, and email threads scattered across vendors, with little transparency into pricing or availability. KLH Engineers wanted to build Atlas, a marketplace connecting the people who specify, sell, and manufacture building products. Before committing an internal team to a year of development, they needed proof the concept would hold up.
Solution
user story map
Story mapping sessions with KLH's estimators, designers, and vendor experts broke the Atlas concept into every task the marketplace needed to support. Each user group got its own map, and the tasks were organized into prioritized releases that scoped the first 6 months of development.
ui flow outline
The story map became a UI flow outline naming every screen in Atlas and the actions that carry a user between them. Iterating on a workflow here costs minutes instead of development sprints, so we could test and discard ideas quickly before drawing a single screen.
wireframes
Low-fidelity wireframes gave every screen in the flow a desktop and a mobile layout before any visual design. Keeping them gray and structural kept the conversations with KLH focused on what each screen does, not what it looks like.
products mockup
High-fidelity mockups brought the Atlas brand to the validated structure. The products page gives contractors a searchable catalog with photos, ratings, and real pricing, replacing the static PDF spec sheets the industry runs on.
quote details mockup
Quote details gathers products, request documents, line items, and package pricing into one record both parties can read. Comments sit alongside the numbers, so negotiation happens next to the quote instead of in a separate inbox.
style guide
A visual style guide documented the color palette, typography, icons, and UI elements from buttons to alerts, so the design language could stay consistent as Atlas grew from 5 mockups into a full product.
Outcome
The sprint aligned KLH's development team and investors on a common vision and greenlit a year of development. The build it launched, covered in the Configure Proof of Concept case study, secured over $1.5M in funding within its first year.
About the client
Established in 1955, KLH Engineers is a nationally ranked MEP engineering firm of do-ers, experimenters, and change-makers working to break down industry silos and create a more collaborative, efficient way to build.
