




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:
- Clarify and refine an existing brand to better support the site's tone and purpose. 
- Translate a personal design vision into a scalable digital experience. 
- Build a site architecture that supports both browsing and editorial storytelling. 
- Clarify and refine an existing brand to better support the site's tone and purpose. 
- Translate a personal design vision into a scalable digital experience. 
- 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.






