Zahra Usman. A product designer and Web Design Expert.
Zahra Usman. A product designer and Web Design Expert.

I'm available for new opportunities and projects

My name is Zahra Usman. I'm a product designer, and a websites expert.

My name is Zahra Usman. I'm a product designer, and a websites expert.

I design user-friendly experiences for digital products and create beautiful websites that brings more business. I also design meaningful icons and illustrations.

I design user-friendly experiences for digital products and create beautiful websites that brings more business. I also design meaningful icons and illustrations.

Let's work together

Let's work together

Twitter

Twitter

Instagram

Instagram

LinkedIn

LinkedIn

Fri 8 Nov 2025

Skillea team section

Trying something non-conventional for this team section. Really enjoying experimenting with the lines and shadows.

#ProductDesign #WebDesign #TeamSection #Skillea

#ProductDesign #WebDesign #TeamSection #Skillea
#ProductDesign #WebDesign #TeamSection #Skillea

Sat 1 Nov 2025

Skillea hero section

I'm super excited to share my new hero section for Skillea with soft gradients and a fresh, modern dashboard.


#ProductDesign #WebDesign #HeroSection #Skillea

#ProductDesign #WebDesign #HeroSection #Skillea
#ProductDesign #WebDesign #HeroSection #Skillea

Mon 13 Oct 2025

Storea cards

I’ve been working on improving storea section, focusing on smooth interactions and a better shopping experience.


E-commerce, Cards,Product design, Website, Widgets design, UI/UX Zahravisuals

Cards, Todo app, Product design,Note-taking, Webapp, Widgets design, UI/UX Zahravisuals
Cards, Todo app, Product design,Note-taking, Webapp, Widgets design, UI/UX Zahravisuals

Fri 3 Oct, 2025

Notes design building blocks

I’ve covered all the building blocks for my web app, Noteza.


Cards, Todo app, Product design,Note-taking, Webapp, Widgets design, UI/UX Zahravisuals

Cards, Todo app, Product design,Note-taking, Webapp, Widgets design, UI/UX Zahravisuals
Cards, Todo app, Product design,Note-taking, Webapp, Widgets design, UI/UX Zahravisuals

Sat 27 Sep, 2025

Noteza event card detail

I'm currently refining the Noteza app by simplifying the structure and user flows, and adding more visual weight. Here's the improved event card and its detail modal

Cards, Todo app, Note-taking, UI/UX Zahravisuals

Cards, Todo app, Note-taking, UI/UX Zahravisuals
Cards, Todo app, Note-taking, UI/UX Zahravisuals

Mon 22 Sep, 2025

Noteza cards

I have created to-do cards that I’m currently working on. The newly launched Apple glass effect in both dark and light modes.

Dark & Light Modes, Cards, Todo app, Note-taking, UI/UX Zahravisuals

Dark & Light Cards, Todo app, Note-taking, UI/UX Zahravisuals
Dark & Light Cards, Todo app, Note-taking, UI/UX Zahravisuals

Wed 17 Sep, 2025

Noteza Calendar


Designed a calendar view for Noteza, making it easier to connect notes with dates, plan ahead, stay organized, and even change the date of any note.

Calendar, Todo app, Note-taking, UI/UX Zahravisuals

Calendar, Todo app, Note-taking, UI/UX Zahravisuals
Calendar, Todo app, Note-taking, UI/UX Zahravisuals

Thu 11 Sep, 2025

Skillea Iteration


Currently working on a landing page for an educational platform—just finalized this iteration! My focus is on keeping the design modern and glossy, while highlighting the value proposition to help the platform sell better.

Hero Section, Educational app, Business Partners, UI/UX Zahravisuals

Hero Section, Educational app, Business Partners, UI/UX Zahravisuals
Hero Section, Educational app, Business Partners, UI/UX Zahravisuals

Wed 2 Sep, 2025

Foodpanda City Thumbnails Redesign


The existing city thumbnails on Foodpanda felt too static and lacked context. They only displayed the city name without showcasing what makes each city unique in terms of food culture.


I’ve created two versions
Which one do you think works best 👉 FP 01 or FP 02?

foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals

foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals
foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals

Mon 1 Sep, 2025

An e-commerce store explored in two styles

Straight – minimal and timeless

Glass – modern and futuristic

Both designed to make shopping simple, engaging, and user-friendly.

Mobile Website, E-Commerce, UI/UX Zahravisuals

Mobile Website, E-Commerce, UI/UX Zahravisuals
Mobile Website, E-Commerce, UI/UX Zahravisuals

Tue 26 Aug, 2025

foodpanda Pre-Login Redesign – Partners Section

I redesigned the Partners Section to make it more informative and actionable. The current design feels empty with just text and a generic CTA.


My Improvements:

  • Showcased trending restaurants with order stats

  • Added testimonials from restaurant owners

  • Outlined clear onboarding steps & benefits

  • Used a Call-to-Value instead of a simple CTA


Alongside UX changes, I also explored a modern, glossy Apple Fluid Glass-inspired style for a fresh yet functional look.

foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals

foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals
foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals
foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals
foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals
foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals
foodpanda, Website Redesign, Business Partners, UI/UX Zahravisuals

Tue 12 Aug, 2025

Hero Section Design for Skillea a platform that empowers students to explore and take courses.


This design exercise was an opportunity to push beyond flat visuals and explore richer UI styling.


I experimented with gloss, light, and gradients to create more visual weight and depth, while maintaining a user-friendly, intuitive experience.

To-do, Productivity, Learning, Web App, Hero sections, Wireframe Zahravisuals

To-do, Productivity, Learning, Web App, Hero sections, Wireframe Zahravisuals
To-do, Productivity, Learning, Web App, Hero sections, Wireframe Zahravisuals
To-do, Productivity, Learning, Web App, Hero sections, Wireframe Zahravisuals
To-do, Productivity, Learning, Web App, Hero sections, Wireframe Zahravisuals

Thursday 22 May, 2025

While working on Noteza, I designed two different hero sections to explore the best first impression for the app.


I’ve been working on Noteza and recently I have designed two hero sections for it.


Blue one is Cool tones for clarity and calm

Pink one Warm tones for creativity and friendliness


This exploration helped me define the direction of the overall site.


I’m still deciding which one captures the user’s attention better but both reflect the app’s core goal: helping users master their day, one note at a time.


To-do, Productivity, Note taking, Web App, Hero sections Zahravisuals

To-do, Productivity, Note taking, Web App, Hero sections Zahravisuals
To-do, Productivity, Note taking, Web App, Hero sections Zahravisuals
To-do, Productivity, Note taking, Web App, Hero sections Zahravisuals
To-do, Productivity, Note taking, Web App, Hero sections Zahravisuals

Friday 16 May, 2025

A few weeks ago, I redesigned the faysal bank mobile app. The light mode version received great feedback so I took it a step further and designed a clean, modern dark mode in my free time with some visual improvements.


This version focuses on user comfort, visual clarity, and a more seamless nighttime experience while staying true to the brand.

A few weeks ago, I redesigned the faysal bank mobile app. The light mode version received great feedback so I took it a step further and designed a clean, modern dark mode in my free time with some visual improvements.


This version focuses on user comfort, visual clarity, and a more seamless nighttime experience while staying true to the brand.

A few weeks ago, I redesigned the faysal bank mobile app. The light mode version received great feedback so I took it a step further and designed a clean, modern dark mode in my free time with some visual improvements.


This version focuses on user comfort, visual clarity, and a more seamless nighttime experience while staying true to the brand.

Dashboard, Faysal Bank, Mobile App, Dark Mode, Light Mode Zahravisuals

Dashboard, Faysal Bank, Mobile App, Dark Mode, Light Mode Zahravisuals
Dashboard, Faysal Bank, Mobile App, Dark Mode, Light Mode Zahravisuals
Dashboard, Faysal Bank, Mobile App, Dark Mode, Light Mode Zahravisuals
Dashboard, Faysal Bank, Mobile App, Dark Mode, Light Mode Zahravisuals

Wednesday 30 April, 2025

Moving forward with the Noteza project, I’m now working on the mobile app.


This is the home screen, where you can view all of your notes and to-dos and create new ones with just a tap.


I aimed to keep the experience as simple as possible, with a focus on:


• Quickly finding recent or past notes using search or category filters

• Easily editing or deleting notes — individually or in bulk

• Creating new notes, switching to calendar view for to-dos, accessing settings, and more

Moving forward with the Noteza project, I’m now working on the mobile app.


This is the home screen, where you can view all of your notes and to-dos and create new ones with just a tap.


I aimed to keep the experience as simple as possible, with a focus on:


• Quickly finding recent or past notes using search or category filters

• Easily editing or deleting notes — individually or in bulk

• Creating new notes, switching to calendar view for to-dos, accessing settings, and more

Moving forward with the Noteza project, I’m now working on the mobile app.


This is the home screen, where you can view all of your notes and to-dos and create new ones with just a tap.


I aimed to keep the experience as simple as possible, with a focus on:


• Quickly finding recent or past notes using search or category filters

• Easily editing or deleting notes — individually or in bulk

• Creating new notes, switching to calendar view for to-dos, accessing settings, and more

To-do, Productivity, Mobile App, Dark Mode, Light Mode. Zahravisuals

To-do, Productivity, Mobile App, Dark Mode, Light Mode. Zahravisuals
To-do, Productivity, Mobile App, Dark Mode, Light Mode. Zahravisuals
To-do, Productivity, Mobile App, Dark Mode, Light Mode. Zahravisuals
To-do, Productivity, Mobile App, Dark Mode, Light Mode. Zahravisuals

Monday 28 April, 2025

I use Gmail daily and I really like it, but I wanted to add more personality, contrast, and visual appeal.

The new layout features a clearer hierarchy, better spacing, and improved visual weight, making it easier to spot important actions and information. Beyond colors, I also carefully reworked the email list, icons, and overall structure.

To-do, Productivity, Web App, Redesign, Gmail Zahravisuals

To-do, Productivity, Web App, Redesign, Gmail Zahravisuals
To-do, Productivity, Web App, Redesign, Gmail Zahravisuals
To-do, Productivity, Web App, Redesign, Gmail Zahravisuals
To-do, Productivity, Web App, Redesign, Gmail Zahravisuals

Friday 25 April, 2025

I know there are already plenty of to-do apps available in the market.

But I wanted to design a To-Do / Notes app that feels intuitive, clean, and personally meaningful something I’d genuinely use in my daily life.


Noteza is a smart to-do and note-taking app that’s not just functional, but also aesthetically pleasing.


It comes with dark and light modes, smart categorization, and multiple note types (like journals, checklists, and agendas), allowing every user to customize it according to their unique workflow.


This isn’t just a design project it’s a creative solution to a real need in my everyday life.

To-do, Productivity, Web App, Dark Mode, Light Mode Zahravisuals

To-do, Productivity, Web App, Dark Mode, Light Mode Zahravisuals
To-do, Productivity, Web App, Dark Mode, Light Mode Zahravisuals
To-do, Productivity, Web App, Dark Mode, Light Mode Zahravisuals
To-do, Productivity, Web App, Dark Mode, Light Mode Zahravisuals