Rabia Naveed's Work | ContraWork by Rabia NaveedRabia Naveed
UI/UX Designer | 2+ Years | Figma • Adobe • Canva • AI Tools
CHRONOS: Dark, Cinematic Landing Page for a Luxury Watch Brand
The brief: A hero section for a luxury watch brand that feels expensive and quiet, and still gives the visitor a clear next step.
What I focused on
Colour: Deep green and black as the base, red used only for the light beam, the first headline word and the button. Limited colour keeps it premium.
Typography: A high-contrast serif for the headline, which gives it a watchmaking feel, and a clean sans-serif for supporting text so it stays easy to read.
Hierarchy: Watch first, headline second, button third. The eye moves in that order, and the animation follows it.
Motion: Slow, controlled movement only: a soft fade-in, a rising headline and a gentle light pulse. No bounce or flashy effects.
Trust: Three short proof points under the button, so the page isn’t only atmosphere. OFFGRID: Bold Landing Page Design for a Streetwear Brand
A hero section for a streetwear label that feels loud, young and confident, and still easy to read.
What I focused on
Typography: A heavy display wordmark for the brand, and a clean sans for the headline and navigation. The contrast gives the page energy without making it messy.
Colour: Yellow, black and purple only. High contrast, so the headline and button are readable at a glance.
Depth: The model overlaps the wordmark, which gives a poster-like layered look.
Motion: Elements load in a clear order (nav, wordmark, model, headline, button), so the eye follows the page naturally.
Tools: Figma Meriden — Real Estate Website Design
Medrien is a modern real estate website designed to make property discovery feel seamless, intuitive, and premium.
The website features an elegant visual identity with deep forest-green tones, warm neutral backgrounds, refined typography, and high-quality property imagery. From the hero section and property search interface to featured listings, agent profiles, client testimonials, and premium property galleries, every section is designed to create a cohesive and engaging user experience.
I designed the complete website experience with a focus on clear information hierarchy, intuitive navigation, consistent spacing, and a layout that helps users explore properties with ease. The design balances a sophisticated real estate aesthetic with usability, building trust while making property discovery more enjoyable.
Project Highlights
Complete real estate homepage design
Property search and featured listings
Dedicated service and premium property sections
Agent profiles and client testimonials
FAQ section and conversion-focused CTA
Consistent typography, colors, and visual hierarchy
My Role: UI/UX Designer
Tools: Figma
Project Type: Real Estate Website Design
Focus: UI Design, UX Design, Website Layout, Visual Identity, and Responsive Design
The goal was to create a polished digital experience that presents properties beautifully, builds credibility, and helps users take the next step in their property journey. Nexus AI — AI Landing Page Design
Nexus AI is a modern AI landing page designed to present an intelligent, prompt-based platform through a clean, immersive, and visually engaging interface.
The design features a dark visual theme, vibrant purple gradients, subtle glowing effects, and interactive-inspired elements that create a futuristic feel while keeping the user experience clear and intuitive. The hero section focuses on a strong headline, a prominent prompt input, and suggested use cases to help users quickly understand the platform's potential.
I designed the interface in Figma, focusing on visual hierarchy, typography, spacing, and a consistent design system. I then brought the design to life as a live website using Figma Make, GitHub, and Vercel.
The goal was to create a polished, responsive AI landing page that balances aesthetics, usability, and a distinctive visual identity.
My Role: UI/UX Design
Tools & Technologies: Figma, Figma Make, GitHub, Vercel
Project Type: AI SaaS Landing Page
Focus: Landing Page Design, Visual Hierarchy, Responsive UI, and Web Deployment
View Live Website (https://nexu-ai-landing-page-pjuj.vercel.app/)