↳
Phaway Construction
↥ BROWSE CASE STUDIES
CLOSE
↳
Phaway Construction
↥ BROWSE CASE STUDIES
CLOSE
↳
Phaway Construction
↥ BROWSE CASE STUDIES
CLOSE
A full rebrand from the ground-up
A full rebrand from the ground-up
Create a visually appealing platform that highlights the firm’s diverse projects and reflects their brand identity. Aimed to enhance client interactions through intuitive navigation, attracting new clients.
Overview
Phaway Construction is a women-owned general contractor firm with over 15 years of experience in the construction industry. Specializing in sophisticated homes and beautiful spaces, Phaway Construction wanted a portfolio website that reflects their dedication to quality, innovation, and client satisfaction.
The goal was to create an engaging and professional online presence that highlights their extensive project portfolio and facilitates client interaction.
Research/Strategy
Prototyping
User Journey Mapping
Brand Narrative
Tone of Voice
Design/Production
Visual Language
UI Design
Framer Development
Role
Product Designer at Faculty Studio
Year
2024
The Challenge
Providing an intuitive and engaging user experience across the site was crucial to keeping potential clients interested. Also ensuring that the design of the portfolio site was cohesive and reflected Phaway Construction’s brand identity.
The Challenge
Providing an intuitive and engaging user experience across the site was crucial to keeping potential clients interested. Also ensuring that the design of the portfolio site was cohesive and reflected Phaway Construction’s brand identity.
The Challenge
Providing an intuitive and engaging user experience across the site was crucial to keeping potential clients interested. Also ensuring that the design of the portfolio site was cohesive and reflected Phaway Construction’s brand identity.
Creating a cohesive design
Through consistent use of color schemes, typography, and visual elements, a unified design was achieved that aligns with the company’s branding and conveys professionalism.
Showcasing diverse projects
The solution was to create a well-organized “Our Projects” page with categories and filters, allowing users to easily navigate and explore different types of projects.
Enhancing User Experience
Implementing user-friendly navigation, interactive elements, and clear calls to action helped create an engaging and accessible site, encouraging users to explore further and connect with the company.
Creating a cohesive design
Through consistent use of color schemes, typography, and visual elements, a unified design was achieved that aligns with the company’s branding and conveys professionalism.
Showcasing diverse projects
The solution was to create a well-organized “Our Projects” page with categories and filters, allowing users to easily navigate and explore different types of projects.
Enhancing User Experience
Implementing user-friendly navigation, interactive elements, and clear calls to action helped create an engaging and accessible site, encouraging users to explore further and connect with the company.
Creating a cohesive design
Through consistent use of color schemes, typography, and visual elements, a unified design was achieved that aligns with the company’s branding and conveys professionalism.
Showcasing diverse projects
The solution was to create a well-organized “Our Projects” page with categories and filters, allowing users to easily navigate and explore different types of projects.
Enhancing User Experience
Implementing user-friendly navigation, interactive elements, and clear calls to action helped create an engaging and accessible site, encouraging users to explore further and connect with the company.
The mobile view ensures that the website is accessible and user-friendly on various devices, maintaining a consistent and engaging experience for users on the go.
The branding elements, including the colore palette (top) and logo (bottom), were meticulously designed to reflect Phaway’s identity and create a cohesive visual experience across the website.
The mobile view ensures that the website is accessible and user-friendly on various devices, maintaining a consistent and engaging experience for users on the go.
The branding elements, including the colore palette (top) and logo (bottom), were meticulously designed to reflect Phaway’s identity and create a cohesive visual experience across the website.
The mobile view ensures that the website is accessible and user-friendly on various devices, maintaining a consistent and engaging experience for users on the go.
The branding elements, including the colore palette (top) and logo (bottom), were meticulously designed to reflect Phaway’s identity and create a cohesive visual experience across the website.
Design Process
We started the design exploration phase with high level view of possible design combinations. We follow-up these sessions with in-depth stakeholders interviews, so we could synthesize models, user journeys and content frameworks.
Design Process
We started the design exploration phase with high level view of possible design combinations. We follow-up these sessions with in-depth stakeholders interviews, so we could synthesize models, user journeys and content frameworks.
Design Process
We started the design exploration phase with high level view of possible design combinations. We follow-up these sessions with in-depth stakeholders interviews, so we could synthesize models, user journeys and content frameworks.
The "Our Projects" page provides an overview of Phaway Construction's diverse portfolio. From residential homes to commercial spaces, this section highlights the firm's versatility and attention to detail.
The "Our Projects" page provides an overview of Phaway Construction's diverse portfolio. From residential homes to commercial spaces, this section highlights the firm's versatility and attention to detail.
The "Our Projects" page provides an overview of Phaway Construction's diverse portfolio. From residential homes to commercial spaces, this section highlights the firm's versatility and attention to detail.
Communication Reinforcement
The Book Consultation section is designed to facilitate easy communication between potential clients and Phaway Construction. The “gentle reminder” call to action appears on each page to drive potential clients to reach out.
Communication Reinforcement
The Book Consultation section is designed to facilitate easy communication between potential clients and Phaway Construction. The “gentle reminder” call to action appears on each page to drive potential clients to reach out.
Communication Reinforcement
The Book Consultation section is designed to facilitate easy communication between potential clients and Phaway Construction. The “gentle reminder” call to action appears on each page to drive potential clients to reach out.
The Homepage
The home page sets the tone for the entire portfolio site with striking visuals and a clear message. It communicates Phaway Construction’s values and expertise, inviting visitors to explore further and get in touch.
The Homepage
The home page sets the tone for the entire portfolio site with striking visuals and a clear message. It communicates Phaway Construction’s values and expertise, inviting visitors to explore further and get in touch.
The Homepage
The home page sets the tone for the entire portfolio site with striking visuals and a clear message. It communicates Phaway Construction’s values and expertise, inviting visitors to explore further and get in touch.
© 2025 FACULTY STUDIO
01/31/25 — Faculty studio site rebuild complete
© 2025 FACULTY STUDIO
01/31/25 — Faculty studio site rebuild complete
© 2025 FACULTY STUDIO
01/31/25 — Faculty studio site rebuild complete