The International Institute of Wisconsin (IIWi) is an organization that facilitates services and programs for immigrants, refugees, and the community to assist with cooperation and integration into society. Their website is dedicated to share resources and promote multi-cultural understanding within the community.
How might we make it easier for users, especially immigrants and refugees, to find information/resources and feel inviting?
With a timeline of 2 weeks, deliver a set of high-fidelity UI mock-ups of each page of the redesigned IIWi website that is scannable and welcoming.
Due to the time constraint, this project will only include foundational research, a style guide, prototyping, and a final presentation.
Immigrants + Refugees
Donors+ Volunteers
Visitors learning more about IIWi
ACADEMIC
TEAM LEAD
Schedule and facilitate meetings.
Communicate with a UX Designer + a Front-End Developer.
Ensure design model and timeline align.
WEEK ONE
Research IIWi + website.
Identify what our team likes + areas of improvement.
Basic sketches + general ideas.
WEEK TWO
Figma website prototyping.
Alignment to IIWi branding + develop website style guide.
D-DAY
Present to stakeholders, professor, + peers.
Our Team's Design Process
We analyzed the current state of the IIWi website. This includes:
The style guide (colors, typography, and information hierarchy).
The verbiage utilized.
The images and media present.
Identifying Features of the Current Design
The Official IIWi Website
Sketching Shapes Based on the Logo
Website Redesign Style Guide
Homepage Artboard
Subpage Artboards
We researched IIWi’s current website design.
We produced 8 complete page frames.
We designed 5 unique components.
I facilitated 6 meetings.
I created the style guide incorporating ideas from the team.
How might we educate users and enforce IIWi’s message?
Conduct usability testing with the target demographic.
Test retention rates + document the user’s journey.
How might we create an experience that feels accessible?
Revise verbiage to an appropriate reading level for users.
Include visual elements/page readers in place of text.