Parwana Web App & Design System

Time

2023

Role

UX design

Visual design

Icons

A tool for journalists, SEO experts, and researchers to find audience interests through trending topics, queries, and keywords.

Parwana helps journalists, SEO experts, and researchers identify trending topics, queries, and related keywords in their respective fields through robust analytics and monitoring tools to help understand audience interests and optimize content strategy.

I worked directly with the founder to identify key problems in the existing product, conducted competitor analysis to understand the industry's best practices, and identified design and usability issues that need to be addressed.

Old system with poor navigational structure, bad user-flows, usability, and consistencies issues
Newly designed trending queries section. Solved how users view and create queries.

I worked on redesigning the product's navigational structure, creating clearer user flows and addressing usability and consistency issues to provide a better user experience and improve overall product performance.

Comparing the old poor UX of the query creation wizard with the newly improved wizard
Newly designed keyword discovery section with compact navigational view
Rethought settings and all the major sections in it including how users spend and manage credits.

I also created a new visual identity, accessible colors, icons styles, patterns, and typography, to set tone and voice of the brand.

parwana design system documentation. design system documentation, design system components
parwana design system documentation. design system documentation, design system components
Variables for spacing and typography
parwana design system documentation. design system documentation, design system components
parwana design system documentation. design system documentation, design system components
Variables for the brand colors
parwana design system documentation. design system documentation, design system components
parwana design system documentation. design system documentation, design system components
Defining tokens, creating aliases, and mapping them base on their purpose and usage.
parwana design system documentation. design system documentation, design system components
parwana design system documentation. design system documentation, design system components
Covering shadows and radius through vairables.
parwana design system documentation. design system documentation, design system components
parwana design system documentation. design system documentation, design system components
Documenting design tokens and their usage to help developers and stakeholders.
Stack I use every day

Figma

Framer

Arc browser

Notion

I can help you design

✦ Web apps

✦ Mobile apps

✦ Websites

✦ Design systems

I'm available for new opportunities
I talk about design and share my work on
Stack I use every day

Figma

Framer

Arc browser

Notion

I can help you design

✦ Web apps

✦ Mobile apps

✦ Websites

✦ Design systems

I'm available for new opportunities
I talk about design and share my work on
Stack I use every day

Figma

Framer

Arc browser

Notion

I can help you design

✦ Web apps

✦ Mobile apps

✦ Websites

✦ Design systems

I'm available for new opportunities
I talk about design and share my work on