SaaS Analytics Dashboard
Web AppEnd‑to‑end UI/UX and front‑end build for an analytics platform with real‑time metrics, custom reports, and dark/light theming.
✦
Designing intuitive digital experiences with code and craft
Hi, I am Abdul Yekeen Hanif
UI/UX designer and web developer crafting clean, conversion‑focused interfaces that feel effortless to use across devices.
Available for freelance and collaborations
Based in Nigeria · Designing for the web & mobile
AH
Product Design + Frontend
Figma · React · Web
Taking new projects
Focus
UI/UX · Web
Wireframes to polished UI
Toolchain
Figma · React
Design systems · Components
Code
HTML · CSS · JS
Accessible frontends
Approach
Human‑centered
Data‑informed decisions
UI/UX Design
Web Development
Figma
React
Responsive Design
★
Design that ships, not just lives in Figma
About Me
Design‑driven front‑end experiences
Bridging the gap between product thinking and implementation to craft interfaces that are both beautiful and functional.
I am Abdul Yekeen Hanif, a UI/UX designer and web developer focused on building clear, intuitive experiences for the web. My work blends a strong visual sense with thoughtful interaction design, ensuring that every screen has a purpose and every detail supports the user’s journey.
From early discovery and wireframes, through high‑fidelity design in Figma, to responsive front‑end implementation with HTML, CSS, JavaScript, and React, I enjoy owning the full flow. I care deeply about usability, accessibility, and systems that scale.
Whether you need a polished marketing site, a data‑heavy dashboard, or a consistent design system, I focus on collaboration, clear communication, and shipping work that moves your product forward.
Core skills
UI/UX Design
Web Development
Figma
HTML
CSS
JavaScript
React
Responsive Design
Soft skills
Creativity
Problem‑Solving
Teamwork
Communication
Design philosophy
Clarity over clutter
Accessible by default
System‑driven design
Performance‑minded
Selected Work
Product‑ready interfaces and websites
A snapshot of projects across SaaS, dashboards, landing pages, and experimental interfaces.
Fintech Landing Page
MarketingHigh‑conversion landing page for a payment startup with clear storytelling, pricing comparison, and responsive motion.
Learning Platform UI
ProductCourse discovery and learning experience for a tech education platform with progress tracking and modular components.
Personal Finance Mobile Web
ResponsiveMobile‑first interface for tracking spending and budgets with clear visual hierarchies and simple onboarding flows.
Design System Library
SystemReusable components, typography scales, and tokens unified into a shared design system for a growing product team.
Creative Studio Portfolio
ExperimentalConcept portfolio featuring scroll‑based storytelling, subtle parallax, and micro‑interactions to showcase visual work.
Services
How I can help you
From early concepts to production‑ready interfaces, I support teams at every stage of the product lifecycle.
UI/UX Design
Research‑driven interfaces, wireframes, and high‑fidelity designs with a clear narrative and hierarchy.
Web Development
Accessible, responsive front‑ends implemented with semantic HTML, modern CSS, and JavaScript/React.
Mobile & Responsive Design
Interfaces that feel native on every device, from mobile and tablet to large screens and dashboards.
Branding & Prototyping
Cohesive visual language, component libraries, and prototypes that align teams around the same experience.
Testimonials
What collaborators say
A few words from people I have worked with on product teams and client projects.
Abdul has that rare mix of design taste and engineering understanding. He quickly turned our rough ideas into a polished dashboard that our customers love using every day.
Working with Abdul felt like having a dedicated design and front‑end partner in one person. He was proactive, communicative, and always grounded suggestions in user needs.
From Figma prototypes to final implementation, Abdul ensured everything stayed consistent, accessible, and easy for our team to maintain and extend.
Blog
Design and development notes
Short articles and insights on UI/UX, front‑end development, and building better digital products.
Designing dashboards that don’t overwhelm users
How to balance data density with clarity, using hierarchy, color, and motion to guide focus.
Read article ↗Bridging Figma components and React components
Practical tips for keeping design tokens, spacing, and variants in sync between design and code.
Read article ↗From wireframe to launch: a product redesign story
A behind‑the‑scenes look at how I approach research, iteration, and implementation on real projects.
Read article ↗
Contact
Let’s build something together
Share a bit about your project, and I will get back to you with ideas, timelines, and next steps.
For collaborations, freelance projects, or speaking engagements, feel free to reach out via email, social media, or the form. I usually respond within one to two business days.
Phone
Twitter
TikTok