Arabic101 Website UI/UX Design

Arabic101 Website UI/UX Design

Arabic101 Website UI/UX Design

Tools

Figma

Category

UI/UX Design

Duration

I designed the UI for Arabic101’s website across 20+ screens pages, translating established UX research and user flows into a complete high-fidelity interface. My work covered page layouts, component design, visual hierarchy, and responsive considerations while maintaining a consistent visual direction across the website. I also collaborated with another designer to align design decisions, refine reusable components, and deliver development-ready designs.

I designed the UI for Arabic101’s website across 20+ screens pages, translating established UX research and user flows into a complete high-fidelity interface. My work covered page layouts, component design, visual hierarchy, and responsive considerations while maintaining a consistent visual direction across the website. I also collaborated with another designer to align design decisions, refine reusable components, and deliver development-ready designs.

Secondary Research

Secondary Research

Arabic101 has a comprehensive Arabic and Quran learning ecosystem, but its current website fails to communicate its value clearly. Poor usability, outdated technology, limited content, and insufficient tracking make it difficult to guide visitors and measure performance.

The redesign aims to create a clear, engaging learning journey that connects visitors with the right resources, strengthens brand credibility, and supports business goals such as increasing book sales and Academy enrollments.

How Might We?

How Might We?

User Persona

User Persona

Here's the Fix

Here's the Fix

Mobile UI

Mobile UI

Create a free website with Framer, the website builder loved by startups, designers and agencies.