Asia Initiatives is a not-for-profit organization based in New York which supports women and under privileged communities in the US, Asia & Africa.
goal
Redesigned Asia initiative's website & added new project pages and features while helping in building clear, easy to use and effective website.
Established digital strategy and brand guidelines to deliver a cohesive experience.
Developed graphics and collateral focused on growth and program awareness. Designs consisted of (and not limited to) : Brochures, Certificates, Gala 2019 -2020 event graphics, social media designs, campaigns, etc.
Role - UX Designer
TIMELINE - Sept 2018 - 2021
Tools - Illustrator, Photoshop, Wordpress, Adobe XD
client - Asia Initiatives
APPROACH
Employed the design thinking process to empathize, define, ideate, prototype & test solutions for updating the webpages. The process was carried out in the following phases feature definition, research, analysis, design & validation.
analyze
Insights
After critically analyzing the current website and its site map for the ease of use and effectiveness in displaying information, I came up with the following insights to inform the design process.
•Unclear navigation to project pages with no single page that displayed all projects at once.
• Multiple styles used to create project pages which caused confusion in digesting information on page.
•Too much information on a single page with missing visual hierarchy making it hard to focus.
• Undefined grouping of multiple types of data on the home page.
Based on the above insights, I decided to work on the following:
1. Add a new 'our work' page, so that there was one page where all projects could be displayed together.
2. Re-design the template for 'project pages', so that all pages were organized uniformly & clearly.
3. Re-design 'our story' page to give it a visual hierarchy and make it appealing for the readers.
Site map
To get a better understanding of how the user would navigate the website, and also due to the fact that AI's website is an information heavy website, any new modifications needed to be carefully integrated to create a clear flow. Which is why I decided to lay down a site map of the website with the new integrated updates.
DESIGN
wireframes
To understand the content/information relationship & priorities, wireframes options for the our work page, project information page & our story page were detailed out.
Our Work
Project PageS
Our Story Page
REFINE
HI-fidelity PROTOTYPE
You can view the website here.
