User-centered methodology to build SAAS product
The priority of stakeholders at Rain was the end user. So I followed user-centered methodology where the user and the user’s experience are pivotal to the whole design system.
STAGE 1
- Identifying the user
STAGE 2
- Finalizing the UX
STAGE 3
- UI design
STAGE 4
- Frontend development
Wireframes & prototypes
I focused on visibility, accessibility and legibility to design prototypes. All the stakeholders were involved to validate and finalize designs.
Tools
- Sketch
SCREENS DESIGNED
- 100+
colors
Mobile friendly
I used responsive web design and feature detection to deliver an optimized experience across all devices. The presentation changed but the core content was consistent everywhere.
TESTED ON
- Multiple andriod & iOS devices
- HD & retina displays
- iPads & tablets
- All major web browsers
A Summary of my deliverables
I designed and developed new website, client dashboard and admin panel for Rain. My major challenge was disagreement between stakeholders, which we solved by consistent meetings and proper communications. Here is a list of my deliverables
UX
- Product summary
- User personas
- Empathy map
- Jobs to be done scenarios
- Information architecture
- Wireframes
UI
- 100+ screens
- Clickable prototypes
- Sketch assets
- Style guide
FRONTEND
- HTML, CSS, React JS
- Responsive design
BACKEND
- DNW
You might want to check similar projects
Give me a challenge
Let’s talk about your ideas. Book a meeting with me at your
convenience and give me a challenge.