Elevating G+C’s online presence to better showcase their architectural craft and credibility.
Web Design
UX/UI
G+C Architects
My Role:
Web Designer
Team:
Myself & David
Project Duration:
2 Months
Goal:
Refresh the G+C Architects website to improve usability and align its visual aesthetic with the quality of their professional projects.
Tools:
Figma
Framer
Introduction
This project was centered around improving the overall feel and structure of the website so it better represents G+C Architects and the quality of their work. We focused on tightening up the navigation, improving how projects are displayed, and building a more cohesive visual style across the site.
I worked closely with their marketing coordinator throughout the process to make sure design decisions stayed aligned with their vision and day-to-day needs. The final site feels more modern and intentional, while still being flexible enough to grow and evolve as new projects are added.
Evaluating the current experience and structure…
My research and planning began with a review of the existing website to understand where users might run into friction and where the site wasn’t fully supporting the firm’s work. From this review, a few key issues stood out.
Key Issues Identified
1
Poor Mobile Experience
The website was not fully optimized for mobile devices, causing layout inconsistencies and making it difficult for users to navigate and view projects on smaller screens.
2
Consistency & Layout
Navigation items lacked clear hierarchy and clickable states, making it harder for users to understand where to find key information such as the portfolio, studio content, and recognition.
3
Outdated Portfolio Layout
The portfolio presentation did not effectively showcase projects, with limited filtering and visual hierarchy, reducing scannability and overall impact.
Information Architecture & Key Design Decisions
Before moving into design, I created a sitemap to clarify the site’s structure and define how users should move through key sections. This helped ensure important content, like the portfolio, studio information, and recognition, was easy to access and logically organized.
The Portfolio
The portfolio was a major focus of the redesign. The initial concept was to house all projects on a single page and allow users to filter by both building type (low-rise, mid-rise, rentals, etc.) and project status (completed, in progress, concept). Ideally, selecting a category from the navigation would link users to the portfolio with filters pre-selected.
However, Framer’s filtering system didn’t support this interaction in the way we intended. To work around this limitation, we designed a hybrid solution:
A central portfolio page containing all projects with full filtering
Individual building-type pages that include a simplified status filter
This approach preserved the original intent while working within technical constraints.
The Studio
On the original site, “The Studio” existed only as a dropdown trigger and wasn’t clickable, which added unnecessary friction. To simplify navigation, we proposed combining the About and Team content into a single Studio page.The dropdown menu was retained, but repurposed to use scroll-target links (Our Story, Meet the Team). This allows users to either explore everything in one place or jump directly to what they’re looking for, reducing clicks and confusion.
Recognition
Similarly, the Recognition item in the navigation functioned only as a dropdown trigger. We proposed adding a central Recognition page that acts as an entry point for accolades, press, and featured work. This change gives users a clearer sense of the firm’s credibility while maintaining flexibility to expand this section over time.
Final Product
Reflection
Working with a real client provided valuable hands-on experience.
This project strengthened my ability to collaborate with stakeholders, address real business needs, and translate feedback into thoughtful design decisions while bringing my own UX and visual expertise to the process.
Balancing ideal solutions with real-world constraints was a key takeaway.
Designing within platform limitations and evolving requirements reinforced the importance of adaptability and practical decision-making in professional web design work.