Ganiyy Nafiu
Passionate Product & UI/UX Designer
AI-Powered SRE SaaS Landing Page Design
Designed a high-converting, developer-focused landing page tailored for AI-powered observability and SRE (Site Reliability Engineering) teams.
The Challenge:
Building trust and communicating complex technical infrastructure solutions to a sophisticated audience requires a precise balance of authority, clarity, and visual appeal.
The Solution:
Dark-Mode Aesthetic: Leveraged a sleek, high-tech dark background with subtle neon/purple accents to instantly resonate with developers and technical buyers.
Clear Information Architecture: Structured the layout to guide visitors smoothly from a strong hero value proposition down to key metrics, feature breakdowns, code previews, pricing, and social proof.
Conversion-Focused Layout: Strategically placed call-to-action (CTA) buttons throughout the long-scroll layout to maximize conversion touchpoints.
1
11
KOVA — Fintech Brand Identity
Move Money. Move Forward.
KOVA is a fictional next-generation African fintech brand created as a self-initiated feasibility and brand identity exploration.
The concept explores how a modern fintech company can communicate trust, innovation, simplicity, speed, and financial progress through a distinctive visual identity.
I developed a complete identity system around a geometric K symbol representing movement, connection, and forward momentum. The electric blue, violet, and cyan palette was designed to give the brand a confident, digital-first presence while maintaining a premium and trustworthy feel.
What I Designed
Primary & secondary logo
Standalone brand symbol
Logo variations & clear-space system
Color palette & typography
Brand pattern and graphic language
Mobile app branding
Debit & virtual payment cards
POS/payment terminal
Business cards & stationery
Employee ID
Office signage
Staff apparel
Billboard campaign
Social media templates
Device/laptop branding
Branded packaging
Investor presentation cover
App icon & favicon
Design Direction
The visual system combines bold geometric forms, rounded shapes, subtle gradients, and strong typography to create an identity that feels youthful, intelligent, and internationally competitive.
This project allowed me to explore the process of taking a fictional fintech concept from strategy → visual identity → real-world brand applications.
Role: Brand Identity Designer
Project Type: Self-Initiated / Feasibility Project
Industry: Fintech
Tools: Figma, Adobe Illustrator
2
55
🏠 HOMII – Roofing Company Landing Page Hero Concept
First impressions matter, especially for service-based businesses.
For this concept, I designed a modern hero section for HOMII, a roofing company focused on quality craftsmanship and durable roofing solutions.
Design Goals
Create a bold and trustworthy first impression.
Establish a clear visual hierarchy.
Use strong typography to communicate the core message.
Highlight the primary call-to-action for better conversions.
Balance aesthetics with usability.
Every element—from the navigation to the CTA—was designed to guide users naturally toward taking action while reinforcing the brand's professionalism.
I'm always looking to refine my craft, so feedback is welcome.
Tools: Figma
#ProductDesign #UIDesign #UXDesign #WebDesign #LandingPage #Figma #DesignPortfolio #UIUX
1
63
Do Health Landing Page UI Replication
Overview
I recreated the Do Health landing page as a UI design practice to sharpen my skills in crafting modern, conversion-focused web experiences.
Rather than simply copying the interface, I studied the design decisions behind it—understanding how typography, spacing, imagery, color, and layout work together to create a seamless user experience.
This exercise challenged me to pay close attention to every detail while recreating a polished, production-quality interface.
What I Focused On
Pixel-perfect layout recreation
Visual hierarchy
Typography and spacing
Responsive web design principles
Component consistency
Color system
Landing page structure
Healthcare SaaS UI patterns
Tools Used
Figma
Key Takeaways
Replicating exceptional products is one of the most effective ways to improve as a product designer. It helps develop a deeper understanding of design systems, layout composition, and the small details that make great interfaces feel intuitive and premium.
Disclaimer
This is a personal UI replication created solely for learning and portfolio purposes. The original design concept, branding, and intellectual property belong to the Do Health team. No commercial use is intended.
#UI Design #Product Design • Landing Page • Healthcare • SaaS • Figma • Design Practice • Web Design • UI Replication
4
103