BOTH Cities Real Estate Website

BOTH Cities is a sustainable real-estate development initiative under Firmgate Group, focused on creating modern, eco-friendly urban communities starting from Ibeju-Lekki, Lagos.  The goal was to design a digital platform that effectively communicates the brand’s vision for sustainable living, showcases available residential and commercial plots, and build trust with prospective buyers and investors.

Role

Product Designer & Webflow Developer

Tools

Figma, FigJam, Webflow, Trello

Collaborators

Graphic Designer, Stakeholders, Business Analyst

Timeline

6 weeks

Impact

Complete digital launch for the BOTH Cities brand and stronger online credibility and buyer confidence.

Link

Website link

The Challenge

At the start, BOTH Cities had no online identity or clear digital touchpoint.
The challenge was to:

Create an entirely new website experience from the ground up.

Balance aesthetics with clarity and usability.

Communicate the sustainability story visually.

Build a structure that supports both real-estate marketing and long-term brand growth.

My Role

As the end-to-end designer and developer, I handled:

UX research & information architecture in FigJam.

UI design in Figma, developing and refining the typography, color system, and overall visual language.

Webflow development, including layout, responsiveness, and micro-animations.

Content layout & interaction design for smooth storytelling.

Collaboration with a graphic designer for image assets and with stakeholders for review and approvals via Trello.

Design Process

Discovery & Research

Defined audience segments, and mapped their information needs.

Wireframing & UX Flow

  Structured clear navigation for estate information, amenities, and purchase inquiries.

Visual Design

Developed a modern, calming palette and clean typography reflecting sustainability and trust.

Prototyping & Iteration

Shared interactive mock-ups with stakeholders for feedback and refinement.

Development

Built responsive layouts, interactive sections, and subtle motion effects that made the brand feel alive.

The Solution

The final website delivered:

A visually appealing homepage communicating the eco-living vision.

Dedicated sections for estate features, amenities, and plot purchase details.

Interactive animations.

Consistent color and typography system aligned with the brand identity.

Responsive performance across devices.

Results

A complete digital launch for the BOTH Cities brand.

Stronger online credibility and buyer confidence.

Easier stakeholder communication through clear content structure.

Increased user engagement through motion and clean design.

Key Learnings

Building a full project from scratch sharpens both design and problem-solving skills.

Collaboration with visual designers enhances brand consistency.

Regular stakeholder feedback shortens revision cycles and strengthens results.

Early planning of responsiveness avoids technical debt later.

Closing

BOTH Cities became the digital face of a new sustainable-living movement. This project allowed me to combine creative design, storytelling, and technical execution to build a brand experience that feels modern, trustworthy, and purposeful.

Other Projects

BOTH Initiative

Nonprofit Organization

View Project

Firmgate & Associates

Business Development and Advisory Company

View Project

View All