Firmgate & Associates UI/UX Design And Website Development

Firmgate & Associates is a business development and advisory company that works across diverse industries including real estate, energy, and agriculture. The goal of this project was to design the user experience & interface, and development of the Firmgate & Associates website; especially its case study and project showcase pages, to reflect the firm’s growing portfolio and thought leadership.
I was responsible for the UX/UI design and website development of the project, ensuring the experience communicated credibility, professionalism, and modern design quality aligned with the Firmgate Group brand.

Role

Product Designer (UI/UX) & Website Developer

Tools

Figma, FigJam, Trello, Webflow, Cloudflare

Collaborators

Developer, Stakeholders, Content Strategists, Business Analyst, Data Analyst

Timeline

2 months

Impact

Improved clarity of Firmgate’s business narrative and increased user engagement

Link

Website link

The Challenge

The previous layout lacked structure, visual balance, and interactivity. The pages were text-heavy, making it difficult for users to easily explore projects or understand Firmgate & Associates’ business impact.
It needed a more intuitive and visually engaging design that:

Improved readability and navigation

Reflected a premium, modern business image

Engaged users through motion and interactive visual elements

Worked seamlessly across desktop and mobile

My Role

As the UI/UX Designer, & Website Developer, I was responsible for:

Defining user flow and page architecture in FigJam

Designing high-fidelity UI screens in Figma

Creating custom icons and micro-interactions

Prototyping interactive 3D background elements for the hero section

Collaborating with the team members

Communicating with stakeholders via Trello to align design goals with business strategy

Development of the 38-page website

Design Process

Research & Exploration

I reviewed competitor sites and gathered input from internal stakeholders to understand the communication goals for the site.

Information Architecture

Using FigJam, I mapped user journeys across multiple project pages to identify key content and engagement points.

Wireframes & Visual Design

I designed clean, modern interfaces that emphasized hierarchy and whitespace.

Interactive Concepts

Developed interactive 3D elements and subtle motion to add depth and uniqueness.

Development

Developed the website following design specifications and interaction guides to ensure the visual quality of implementation.

The Solution

The final design introduced:

A clear project navigation structure

Improved layout and readability of long-form case studies

Modern 3D-inspired interactive and non-interactive elements

Custom iconography that aligns with Firmgate & Associates’ brand language

Consistent visual hierarchy across all project pages

Results

A more modern and engaging project showcase experience

Improved clarity of Firmgate & Associates’ business narrative

Positive internal feedback from management and project partners

Stronger user engagement on the project pages post-launch

Key Learnings

Collaboration with developers early improves visual consistency

Small motion and 3D elements can elevate perception without hurting performance

UX clarity and visual storytelling increase user retention

Design systems and communication tools like Trello streamline feedback and approval

Closing

This project strengthened Firmgate & Associates’ digital presence and improved how their case studies communicate credibility and impact. It also allowed me to grow my motion and visual design skills, experimenting with 3D concepts and interactive hero sections that added a modern, professional touch to a corporate platform.

Other Projects

BOTH Initiative

Nonprofit Organization

View Project

BOTH Cities

Real Estate Development

View Project

View All