Piper Republic

Piper Republic

Multimedia platform for eco-architecture

Multimedia platform for eco-architecture

Multimedia platform for eco-architecture

Media alone doesn't carry a message. Branding gives it a voice.

Media alone doesn't carry a message. Branding gives it a voice.

Media alone doesn't carry a message. Branding gives it a voice.

About the project

About the project

Three of my bootcamp teammates and I were tasked with redesigning a live site- PiperRepublic.com-a media platform focused on sustainable architecture. The original site lacked cohesive branding and suffered from serious navigation flaws.

Three of my bootcamp teammates and I were tasked with redesigning a live site- PiperRepublic.com-a media platform focused on sustainable architecture. The original site lacked cohesive branding and suffered from serious navigation flaws.

Primary Challenges:

Primary Challenges:

  1. Clarify and refine an existing brand to better support the site's tone and purpose.

  2. Translate a personal design vision into a scalable digital experience.

  3. Build a site architecture that supports both browsing and editorial storytelling.

  1. Clarify and refine an existing brand to better support the site's tone and purpose.

  2. Translate a personal design vision into a scalable digital experience.

  3. Build a site architecture that supports both browsing and editorial storytelling.

We did more than organize the site. We focused the story.

We did more than organize the site. We focused the story.

Work Scope

Work Scope

The team

Gabriela Chan - Project Lead

Ivanna Gong - Research Lead

Alex Kwon - Design Lead

David Inman - Business Analytics Lead - Supporting Designer

We transformed stakeholder goals into a bold, cohesive brand through UX-driven structure.

Brand & Identity Audit

Tone Check | Visual Consistency | Voice

Brand & Identity Audit

Tone Check | Visual Consistency | Voice

Structure & Flow

Site Map | Nav Patterns | Editorial Storyline

Structure & Flow

Site Map | Nav Patterns | Editorial Storyline

Design & Alignment

Refine | Prototype | Client Presentation

Design & Alignment

Refine | Prototype | Client Presentation

We began by testing the brand’s message and visual tone through usability studies and aesthetic feedback sessions with both architects and general users. Insights were cross-referenced with a heuristic audit and a competitive analysis of top architecture magazine sites.

We began by testing the brand’s message and visual tone through usability studies and aesthetic feedback sessions with both architects and general users. Insights were cross-referenced with a heuristic audit and a competitive analysis of top architecture magazine sites.

Absent Competitive Features:

• Content Filters
• Search Bar
• Hamburger Menu
• Simple Header Navigation
• Detailed "About" Page
• User Account Registration


• Content Filters
• Search Bar
• Hamburger Menu
• Simple Header Navigation
• Detailed "About" Page
• User Account Registration


Sites Audited: Architectural Digest, In Habitat, Metropolis, Interior Design
Sites Audited: Architectural Digest, In Habitat, Metropolis, Interior Design

Based on both aesthetic and functional feedback, we created a simplified site map that served as the foundation for our wireframes.

Based on both aesthetic and functional feedback, we created a simplified site map that served as the foundation for our wireframes.

In parallel, we defined the site’s color palette, typography, and branded visual elements.

In parallel, we defined the site’s color palette, typography, and branded visual elements.

We conducted usability and flow tests to confirm the new navigation was intuitive and easy to use. In parallel, we generated several visual mockups to evaluate aesthetic appeal and brand consistency.

We finalized the design and delivered a detailed presentation to our stakeholder.

We conducted usability and flow tests to confirm the new navigation was intuitive and easy to use. In parallel, we generated several visual mockups to evaluate aesthetic appeal and brand consistency.

We finalized the design and delivered a detailed presentation to our stakeholder.

The redesigned Piper Republic site is now live at www.piperrepublic.com. Our work focused on clarifying the brand’s message, tone, and visual identity—transforming it into a confident, credible presence. Just as critically, we restructured the site architecture to improve navigation and usability, addressing key friction points uncovered in early testing.

My focus on business analytics and support design helped sharpen my skills, but this was truly a team effort. It was a pleasure collaborating with such a sharp, professional group—everyone brought a high level of care and talent to the project.

The redesigned Piper Republic site is now live at www.piperrepublic.com. Our work focused on clarifying the brand’s message, tone, and visual identity—transforming it into a confident, credible presence. Just as critically, we restructured the site architecture to improve navigation and usability, addressing key friction points uncovered in early testing.

My focus on business analytics and support design helped sharpen my skills, but this was truly a team effort. It was a pleasure collaborating with such a sharp, professional group—everyone brought a high level of care and talent to the project.

Let's Connect

Let's Connect

And make your next project a reality

And make your next project a reality

I love meeting new people

I love meeting new people

2024 David Inman

2024 David Inman

2024 David Inman