Jud & You Are The Hero
A concept redesign for a nonprofit that draws kids living with chronic illness as the superheroes they dream up. The whole site is a comic book.
Jud & Dave North Roofing.
A concept redesign for a slate and tile roofer that sells the install, with guided photo tours that zoom in on the details.
Concept Concept redesign, not a commissioned project. Dave North Roofing agreed to have it shown.
The Site
Five pages from a 16-page concept.
Scroll inside the window to read a page top to bottom. The concept has 16 pages in all.
Scroll inside the window to read the whole page.
Taken Apart
Six layers of Dave North Roofing.
Scroll to take the site apart. Point at a layer to lift it out.Point at a layer to lift it out of the stack.
- Design
Their own logo and brand red on a cream page, with arch-framed photos of their roofs.
- Words
The headline sells the install, since most of their work is new slate and tile roofs.
- Proof
Reviews from their current site with first names and towns, and eight project stories told in before, during and after photos.
- Access
A bold double ring marks keyboard focus, and every photo tour works from the keyboard.
- Speed
One file for review. The built site would get a speed budget before design starts, like every Jud & Co. site, and its drone videos load only when pressed.
- System
A roof visit request that asks the kind of roof and the job, so the first call starts with the facts.
The Standout
Photo tours that zoom to the detail.
Six photos on the site get a guided tour. The view zooms to one detail at a time, with a caption card, numbered points and autoplay you can pause.
Every fact, photo and review in the concept comes from their current site.
Then & Now
The first screen before and after.
Their site today opens on an aerial photo and a red banner. The concept leads with the install and a way to book a roof visit.
Pages We Built
Five pages on desktop and two on a phone.
Pick a page to open it in the window above.
