Hi, I'm Divinefortune A Product Designer

I design calm interfaces for complicated products. Turning complexity into intuitive experiences people actually enjoy using.

0 → 1 flows, end to end Product Design React, ships to prod Frontend motion & interaction Prototyping tokens, components, docs Design Systems vision & roadmaps Strategy testing & synthesis User Research

My work spans UX/UI, design systems, visual direction, and AI-assisted development, transforming complex problems into products that are intuitive, scalable, and commercially effective.

Selected Projects
LearnAI quiz dashboard shown on a laptop screen

B2C SaaS • EdTech & Education

Designing for the Visual Mind: Turning Cognitive Overload into Engaging Videos.

Solo project, Oct–Nov 2025. Upload any study material, get a short video and a quiz.

Skills And Tools
Tools

Figma, Figjam, Notion

Here, ideas are explored, challenged and tested to go from rough thinking to clear direction. From flows, edge cases, early structures, to constraints and possibilities, they all happen here.

Bonuses

HTML, CSS, JavaScript, and AI Familiarity in Design Workflows

Who doesn't like a designer with a developer mindset?
I move from design thinking in Figma through HTML, CSS, and JavaScript, learning frontend frameworks while integrating AI into design workflows with empathy for developers and collaborate smoothly across cross-functional teams.

AI UX User-Centered Thinking UX Research Problem Framing Product Strategy Business-Aware Design Information Architecture Prototyping & Validation Systems Thinking
My Design Philosophy
01

Always start with the “WHY”

A lot of people can build products. Very few can clearly explain why those products should exist. I’m intentional about my work, I don’t design anything unless I can justify the real need behind it.

02

Practice Empathy

Everyone experiences the world differently. We all see, think, and perceive things in our own way. As a designer, my responsibility is to represent those differences, and to speak up for users in the decisions that shape their experiences while building the business goals.

03

Be fair and responsible

It wasn’t until I started writing and reflecting deeply especially on Medium, about how design influences behavior and perception that I truly grasped the power visuals hold. That realization shaped how I see my role as a designer: not just to make things look good, but to be intentional, responsible, and aware of how every design choice can influence how people think, feel, and interact with the world.

What Collaborators Say

I worked with Divinefortune on a client’s AI-powered beauty web app project, and the experience was very smooth. She was reliable, communicative, and paid close attention to detail throughout the project. The platform involved beauty analysis, personalised makeup recommendations, and user-focused web app flows, and Divinefortune handled her responsibilities with professionalism and creativity.

She was proactive with feedback, easy to collaborate with, and always willing to improve the final outcome. I’d definitely recommend her to anyone looking for someone dedicated and pleasant to work with.

Anita Lever Upwork Freelancer

I worked with Divinefortune on several projects, including an AI-powered dental web application that detects dental issues and recommends available dentists, and she consistently proved to be an exceptional team member.

She was highly proactive, brought innovative ideas to the table, and played a key role in keeping the team motivated and on track to meet deadlines ahead of schedule. Divinefortune took ownership of her responsibilities, maintained high standards, and wasn’t afraid to hold the team accountable when needed to ensure we delivered our best work.

She’s reliable, collaborative, and genuinely committed to achieving great results, and I’d confidently recommend her to any team or organization.

Patricia Adodunwa Digital Marketer, Niche CX

Hello. I’m Divinefortune

Portrait of Divinefortune

I’m a product designer who’s spent the past few years building and shipping products across startups, freelance projects, and growing teams. I didn’t start in design straight away, I came in from a background that trained me to think structurally and intentionally, and that still shows in how I approach problems today. I naturally zoom out to understand the whole system, then zoom back in to shape the details that make it work.

A lot of my growth has come from working independently. I’ve taken projects from idea to execution on my own, which pushed me to learn motion, product design, and how to take real ownership of outcomes. That experience made me both self-driven and comfortable making decisions, while still being thoughtful about trade-offs.

I’m deeply curious by nature. I enjoy sitting with complex problems, asking “why” until things make sense, and designing solutions that feel both logical and human. I’m always learning, whether that’s exploring new tools, refining my thinking, or challenging my own assumptions.

I’ve collaborated with people across different countries and cultures, and that’s shaped how I communicate and work with teams. I value spaces where people feel safe to speak up, and I tend to communicate openly and clearly to keep everyone aligned.

Case study · Web app

Humeet.Hum it. Found it.

You know the tune, not the name. Humeet finds the song from a few seconds of humming, on any phone or desktop browser.

Team
Divinefortune Solo, designed and built by me
My role
Product design
UX & UI design
Front-end build
Platform
Responsive web app
Mobile and desktop
Timeline
2 weeks
Humeet home screen in dark mode: a vinyl record with a mic button and the line 'What song is stuck in your head?'
Humeet result card for Calm Down by Rema with Not it and That's it buttons
Hum Match Found it

Launch video

See it in less than 12 seconds.

Landscape for desktop, portrait for phones and social. Both cuts end on the live link.

Full story

1

Overview

Humeet is a web app that names a song from a few seconds of humming. Open it, tap the record, hum the chorus, and it returns the title and artist. It is free to try, with 5 free finds a month.

2

The problem

You know the tune. You do not know the name. Search engines and music apps ask for words you do not have, so the one thing you remember is the one thing you cannot type.

3

The solution

One screen, one action. A vinyl record sits in the middle with a mic on the label. Tap it, hum, and Humeet shows its best match as a record sleeve. If humming is not an option, you can type a title, artist or lyric, or tap the mic and sing or say a few words.

4

Key decisions

  1. A record player, not a search box. Humming is a physical act, so the interface answers with a turntable that spins while it listens.
  2. Confirm, don't assume. Each result is a card with Not it and That's it. Swipe the card away to see the next of up to 12 results.
  3. Keep the find. Open in Spotify or Apple Music, share a card that reads “Humeet. Found it.”, or let the Vault keep every song you have found.
  4. Works in the dark. A light and dark theme, and a sound toggle in the header.

The solution

Hum, results, Vault.

Three screens carry the whole product. Each one is built around a single thing to do next.

Humeet home screen, light mode
Humeet home screen, dark mode
01

Hum

The record is the whole screen. One round button, “Tap to hum”, sits under it, and a counter shows how many free finds are left this month. Typing a title, artist or lyric is there as a quiet second option, with quick examples to try.

Humeet result card, light mode
Humeet result card, dark mode
02

Results

The match arrives as a record sleeve with the vinyl sliding out behind it, plus a preview you can play. Two buttons decide what happens next: Not it moves on, That's it confirms and unlocks Open in Spotify, Apple Music and Share. A counter shows where you are in the stack.

Humeet Vault empty state: 'Nothing here yet. Hum a tune and your first find will be kept here.'

Empty

Humeet Vault with saved finds: song, artist, match strength, date found, and Open in Spotify, Apple Music and Share buttons

With finds

03

Vault

Every song you have found with Humeet is kept here. Each find shows the cover, title and artist, a match-strength meter, when you found it, and one-tap Open in Spotify, Apple Music or Share. Before your first find, the empty state makes the promise in one line: “so you never lose it twice.”

And on desktop.

The same single-column layout holds on a wide screen, so the record stays the focus.

Humeet on desktop, light mode
Humeet on desktop, dark mode

Outcome

420 visitors from 17 countries.

Built and launched solo in two weeks. Here is how launch went.

420
Visitors
687
Page views
17
Countries
90%
From Nigeria
  • Nigeria 378
  • United States 13
  • United Kingdom 5
  • Canada 3
  • India 3
  • Netherlands 3
  • + 11 more countries
  • 2 weeks, idea to live
  • 1 person: design and build
  • 5 free finds a month
  • 12 results per search

Source: Vercel Analytics, production, last 30 days to 25 Oct 2026.

Try it. Hum something.

Humeet takes the one thing you remember about a song and turns it into the one thing you were missing. Open it on your phone and hum the first tune that comes to mind.

Reducing online shopping using AI body-type recognition

Fashion app concept shown across four iPhone screens: an AI body scan in progress, a rectangle body-type result with styling goal, and AI-curated outfits from brands like Prada and Balenciaga
Get ready to scan with AI
Wear what works for you
AI-curated outfit
AI-curated outfit
AI-curated outfit, Louis Vuitton
Here's your body profile
Customize your look preferences
Finding your perfect fits
Tell us about yourself

Reducing online shopping using AI body-type recognition

Team
Divinefortune
My Role
UX & UI Design
UX Research
Timeline
October - November 2025

Problem and Motivation

Background. Overview.

Online shopping makes it hard to know if clothes will actually flatter your body, leading to poor fit, low confidence, and high returns, and existing style apps only make generic, trend-based suggestions rather than ones tailored to your shape. I saw an opportunity to build an AI-powered app that recommends outfits based on a user’s actual proportions, style, and color preferences.

Scope

Product Design · Mentorship · UX Research

Fit, reimagined for every body.

Goal

Create a user-centered mobile app that empowers individuals to find clothing that fits their body, boosting confidence, reducing guesswork, and making online fashion more inclusive.

Design Approach

Testing · Prototyping · Secondary Research

Research & Discovery

To validate the idea and better understand user needs, I began with the following and these insights shaped the app’s core design principles: inclusive, user-friendly, optional, empowering, and data-driven.

01.

User interviews & surveys

Talking to people about their pain with online shopping: “clothes look good on the model but not on me,” “returns are annoying,” “I wish I knew what suits my shape.”

02.

Competitive & market analysis

Evaluating existing fashion apps and style services; noting gaps: lack of body-type personalization, limited inclusivity, poor guidance.

03.

Body-type research

Studying common body shape classifications (Hourglass, Pear, Rectangle, Inverted Triangle, Apple, Diamond, Oval) and which clothing silhouettes tend to flatter each type.

Discovery
30%

wants a flexible experience that lets users choose between AI-scan, photo upload, or manual entry increases trust & accessibility.

24%

dislike returns and want to make confident purchases.

20%

often don’t know their “body type” or what styles suit them.

Idea and Conception

From research, I derived the following functional requirements for the app:

Multiple input methods

Not every user is comfortable with the same level of technology or exposure. To reduce friction and increase adoption, the app offers three distinct ways to get started, allowing users to choose what feels safest and easiest for them.

01 AI Scan
AI body scan screen
02 Upload Photo
Upload photo screen
03 Manual Entry
Manual entry screen
Onboarding screen showing body-type selection

Body-Type Detection & Profiling

Once input is provided (via scan, upload, or manual entry), the app generates a Body Profile that becomes the foundation for all recommendations. The AI analyses Shoulder-to-hip ratio, Waist definition, Overall body proportions, Height-to-width balance. The output is one of the 7 body types (Hourglass, Pear, Apple, Rectangle, Inverted Triangle, Diamond, etc.), and supporting attributes such as proportion highlights (e.g., “broader shoulders,” “defined waist”).

Body-type detection and profiling screen

Style Preference Capture

Fit alone isn’t enough, personal style is just as important. After identifying body type, the app invites users to express their fashion identity which includes choosing a fashion style option, colour palette to choose from, fit preferences to choose from and the occasion for the outfit.

Style preference capture screen

Outfit Recommendation Engine

Outfits are recommended by combining the user’s body type profile with their selected style preferences, ensuring both fit and personal expression are respected. The system prioritizes silhouettes, cuts, and proportions that naturally complement the user’s body shape, while aligning fabrics, colors, and styling details with their chosen fashion style. This approach ensures recommendations don’t just look good on the user’s body, but also feel authentic to how they want to present themselves.

Outfit recommendation screen

Option To View, Save, Regenerate Results, Or Shop Outfits.

Users can explore recommended outfits in detail, viewing styling notes, fit guidance, and why each look works for their body type and preferences. They can save outfits to a personal collection for future reference or comparison, making it easy to build a curated wardrobe over time. For items they love, users can seamlessly shop the look through integrated links to partner stores or marketplaces, turning inspiration into action.

Curated outfit recommendation screen Outfit detail with styling notes Saved outfits and shop options screen

Graceful Loading & Feedback Flows

Graceful loading and feedback flows keep users informed and reassured while the app processes scans or generates recommendations. Clear progress indicators, microcopy, and subtle animations communicate what’s happening, how long it might take, and what to do next, reducing uncertainty and frustration. This transparency builds trust and makes the experience feel intentional, responsive, and user-centered rather than technical or confusing.

AI scan screen Loading screen
To see how this loads, click the button below Watch video case study

Body-Type Detection & Profiling

Once input is provided (via scan, upload, or manual entry), the app generates a Body Profile that becomes the foundation for all recommendations. The AI analyses Shoulder-to-hip ratio, Waist definition, Overall body proportions, Height-to-width balance. The output is one of the 7 body types (Hourglass, Pear, Apple, Rectangle, Inverted Triangle, Diamond, etc.), and supporting attributes such as proportion highlights (e.g., “broader shoulders,” “defined waist”)

Body profile screen
Details section Details section
Progression section Progression section

During design, I faced (and expect to face) several constraints. Some of them include the following:

01

Accuracy of body-type detection

Users vary widely in height, posture, clothing, camera quality, lighting. False positives or mismatches can undermine trust.

02

Privacy Concerns

Users may hesitate to upload photos or scan their body; requires strong privacy messaging and transparent data handling.

03

Diverse body shapes & inclusivity

Designing recommendations that meaningfully cover all body types, skin tones, and proportions without bias.

04

Fashion inventory limitations

Generating tailored outfit suggestions requires access to a robust, inclusive catalog of garments in all sizes and styles.

05

Performance & loading time

Body scan, analysis, and recommendation generation must be fast enough to avoid user frustration.

06

User preference variability

Taste, budget, culture amongst others were hard to model perfectly within AI.

What I Learned & What’s Next

Designing for real people

Building multiple input paths (AI scan, image upload, manual entry) reinforced the importance of inclusivity, comfort, and user control in sensitive experiences like body profiling.

Clarity over complexity

I learned that simplifying flows by merging screens and reducing steps, significantly improves comprehension, confidence, and completion rates without sacrificing functionality.

Trust is designed, not assumed

Clear feedback states, graceful loading, and transparent explanations helped establish credibility in an AI-driven experience where users need reassurance.

Personalization needs structure

Fit alone isn’t enough. Capturing style, colour palette, fit preference and occasion as separate, structured steps made recommendations feel personal instead of generic.

Progressive disclosure drives engagement

Revealing information in stages (scan → profile → preference → recommendation) kept users focused and reduced overwhelm while maintaining curiosity.

Designing for the Visual Mind: Turning Cognitive Overload into Engaging Videos

LilyAI

Education app concept hero

Designing for the Visual Mind: Turning Cognitive Overload into Engaging Videos.

Team
Divinefortune
My role
Solo designer
UX & UI Design
Design system
UX Research
Timeline
October - November 2025
Problem and Motivation
01

The Problem

Most learning tools assume reading equals learning. A 30–50 page PDF, abstract concepts with no visual context, and no way to measure real understanding leave students lost.

02

Cognitive Overload

For visual learners especially, dense text-based content creates cognitive overload, low retention, and frustration that leads to disengagement.

03

Why It Matters

I've always learned best through diagrams, animations, and step-by-step visuals — yet most academic materials aren't designed that way.

04

The Guiding Question

“Why should students struggle to understand content when technology can help explain it better?”

Research and Discovery
01.

Personal reflection

Personal learning reflection as a visual learner

02.

Conversations

Conversations with students across different disciplines

03.

Competitive analysis

Competitive analysis of learning platforms and EdTech tools

04.

Review of principles

Review of learning science principles (visual learning, cognitive load)

Discovery
01.

Students want more clarity from study materials they have.

02.

Visual explanations dramatically improve comprehension.

03.

Testing without feedback doesn't help learning.

04.

Students want to know what they don't understand and why.

Key Features

LilyAI turns any study material into a guided, visual learning loop — from upload to insight.

01

Upload And Learn

Drop in a PDF, DOCX, image, or just describe a topic — LilyAI turns it into a ready-to-watch lesson in minutes.

Create Learning Content screen — upload study materials to start learning
02

Video-Based Explanations

Every topic becomes a short, AI-generated video, paced and explained the way a great tutor would.

Learn screen — AI generated video with continue watching list
03

Smart Summaries

Every generated video and summary lives in one organized library, synced and ready offline whenever you need it.

Library screen — generated videos and summaries
04

Practice & Assessment

Quick, adaptive quizzes test what actually stuck, right after each lesson.

Practice screen — quiz testing knowledge
05

Learning Insights Dashboard

Track study time, quiz scores, and strengths at a glance, with clear next steps to focus on.

Progress and Insights dashboard — study analytics
UI Evolution — design progression and iterations

01

AI Limitation

Accuracy of content interpretation Risk of oversimplifying complex topics Dependence on quality of uploaded materials

02

Technical Feasibility

Video generation is resource-intensive Scalability across subjects and formats Performance considerations on low-end devices

03

Accessibility

Ensuring videos, text, and interactions meet accessibility standards Supporting diverse learning needs

04

Trust & Education Ethics

Students must trust generated content Transparency about AI limitations is essential

What I Learned

Learning is emotional because frustration kills motivation

When learners feel confused or overwhelmed, their willingness to continue drops quickly. Designing calm, supportive experiences helps sustain curiosity and confidence throughout the learning journey.

Visual clarity is a UX responsibility

If information is hard to scale or visually noisy, comprehension suffers. Clear hierarchy, spacing, and visuals are not aesthetic choices as they directly enable understanding.

Feedback is as important as content

Content alone doesn’t guarantee learning; learners need to know what they understood and what they didn’t. Timely, specific feedback turns passive consumption into active improvement.

Good EdTech must respect different learning styles

Students absorb information differently, some through visuals, others through text or practice. Effective EdTech adapts to these differences instead of forcing everyone into a single learning path.

Final Reflection

This project represents my belief that education should adapt to the learner, not the other way around. By combining AI, visual learning principles, and thoughtful UX design, this platform aims to help students not just study, but truly understand.

Thanks for reading

VantageAI

VantageAI design-feedback assistant interface shown on a laptop screen

Beyond Clean UI: Systems That Improve Designers

Team
Divinefortune
My Role
Solo designer
UX & UI Design
Design system
UX Research
Timeline
January 2026
Looks clean section Looks clean section

The Idea: What If Feedback Could Think With You?

That question led to one idea:
What if every designer had access to a senior-level critique system… on demand?
What if every designer had clear, principle-based feedback, every single time.
 
That’s how Vantage AI was born.

The Bigger Gap

The more I observed this, the clearer the gaps became:
 
Non-actionable feedback → You don’t know what to fix
Limited access to experts → Senior designers are expensive and scarce
Mental overload → You’re trying to remember things like Fitts’s Law, accessibility rules, spacing systems… all at once
 
Designers were lacking Feedback and Structured Thinking.
And that was the real problem.

The Problem I Couldn’t Ignore

That moment exposed something deeper about the design industry.
We’ve built a culture where validation is loud… but improvement is quiet.
 
Designers, especially growing ones like myself, are stuck in what I call an echo chamber.
You share your work on platforms like Dribble or X (formerly Twitter)…
…and what comes back is mostly subjective praise.
 
Not because people don’t want to help, but because:
Most feedback is based on taste, not principles
Real UX critique is hard to scale
And honestly, not everyone knows what to look for
 
So designers start optimizing for what gets attention…
instead of what actually works.
That’s how you get beautiful designs that fail in real life.

Key Features

Five moves from a rough idea to a reviewed design.

Drop in a design, get a senior-level critique, then fix, re-analyze and keep a record. Watch the whole loop first, then see each move.

The launch video, in seven steps

  1. 1Drop in your design
  2. 2A senior-level critique, in seconds
  3. 3Likes and dislikes, pinned on your design
  4. 4Scores that show their work
  5. 5Plain-language fixes
  6. 6Ask anything, get answers with pictures
  7. 7Fix it. Re-analyze. Watch it climb
01

Upload and Prompt

Designers can upload mock-ups, Figma links and prompts for their goals. They choose between “Single Page” or “Multiple Page Journey” and toggle between Mobile App or Web App for better feedback.

  • Mock-ups
  • Figma links
  • Prompts
  • Single page or journey
  • Mobile or web app
Upload and Prompt screen: adding a design for review
02

Design Analysis Reports

A summary page for key takeaways, UX score and recommendations. It gives designers an overview of design quality, combining visual previews with performance indicators, and highlights usability and accessibility issues directly on the design.

  • Key takeaways
  • UX score
  • Recommendations
Design Analysis Report screen: structured feedback breakdown with scores
03

Smart Recommendations

This tool shifts from seeing problems to fixing them. It structures feedback, highlights key issues and guides designers with prioritized recommendations, turning a static design into a living critique system.

  • Structured feedback
  • Prioritized fixes
Smart Recommendations screen: ranked fixes for a design
04

AI Assistive Partner

The AI Assistant chat is a real-time partner. Designers can ask “Why is this a problem?” or “How can I improve accessibility?” and get instant, tailored answers. It reduces reliance on mentorship and speeds up decisions.

  • “Why is this a problem?”
  • “How can I improve accessibility?”
AI Assistive Partner screen: conversational design feedback
05

Structured Workspace and Design Library

The Design Library is the hub for all projects. It shows past and ongoing work for easy revisits and analysis, and structures projects as visual cards to cut navigation friction. Design becomes an iterative process where designers track progress and refine.

  • Knowledge transfer
  • Guidance
  • Best practices
Design Library screen: saved designs and review history
January 2026
When it was designed
1
Designer, solo
5
Core features
Live
Try it today

See it working on a real design.

View live link