Web Design
After designing the mobile experience for ImmigrAid, the next step was to expand the platform into a desktop web version. While mobile devices are commonly used by immigrants for quick access to information, many important tasks such as reading detailed guides, exploring resources, and comparing services are easier to perform on a larger screen.
Information Architecture
I developed the information architecture to support users at different stages of their journey. By grouping content into logical sections, I enabled users to easily find information, complete tasks, and engage with the community.
.png)
Wireframe
I used wireframes to explore different layout solutions and establish a clear structure for each page. This step helped me validate user flows and make design decisions before applying visual styles.
Responsive Design
For this project, responsive design was a key focus because the platform is meant to be accessible to users across different devices and screen sizes, especially for immigrants who often rely heavily on mobile phones.
Login Page Design
I created a simple and welcoming login experience with a clean layout and minimal fields, making it easy and intuitive to use across all devices.
.png)
Home Page - Web Version
I designed the homepage to feel inclusive and easy to explore, using clear structure, strong visuals, and simple navigation to help users quickly find what they need.
The blog section shares helpful articles and practical tips to support newcomers in their daily life. Users can explore topics related to immigration, living in the country, and useful guidance written in simple language.
Blog
This section provides direct access to the key resources that support the tasks listed in the checklist. Users can explore information related to topics such as healthcare, housing, education, and legal services in one organized place.
Resources
The news section highlights the latest updates and important information related to immigration policies, services, and announcements that may affect newcomers.
News & Updates
Testimonials / Member Feedback
This section highlights feedback from users who have benefited from the platform. Their experiences help build trust and show how ImmigrAid supports newcomers in navigating important services and resources.
The footer provides quick access to important links, including key sections of the platform, resources, and support pages. It helps users easily navigate the platform and find essential information.
Footer
The community section allows users to discover and join groups based on shared interests or life situations, such as sports, parenting, or hobbies. Users can ask questions, exchange experiences, and create their own communities.
Communities
This section connects users to a first-year checklist designed to guide immigrants through important steps after arriving in a new country. The checklist is organized by time periods such as the first week, first month, and first three months. Each task is supported by related resources grouped into categories like housing, healthcare, and education.
Check-list and Resources
Hero Section
First impression & quick action
The hero section introduces ImmigrAid and clearly communicates its mission: helping immigrants easily access essential services and information in their new country.
Laptop Version
This video showcases the homepage experience, highlighting the welcoming design, clear structure, and easy navigation.
.png)
Home Page – Tablet Version
I adapted the homepage for tablet by creating a more compact layout while maintaining the same clear and welcoming design. Key sections remain easy to access, and the experience stays smooth and intuitive.
.jpg)
.png)