top of page

ImmigrAid

Helping immigrants start their new life in Sweden with clarity, confidence, and independence.

iPad Mini.png
ImmigrAid Cover (2).png

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.

Frame 1362790206 (1).png

Login Page Design

Here, the login page is designed to be simple and welcoming so users can access the platform easily without feeling overwhelmed. I kept the layout clean with only the essential fields, making it quick and intuitive to use. The visual style and imagery reflect inclusivity and help users feel comfortable from the first interaction. The page is fully responsive, so it works smoothly on both desktop and mobile devices, with clear text and easy-to-tap buttons. Overall, this login page creates a smooth and confident entry point into the platform.

Login.png

Home Page - Web Version

Here on the web homepage, I wanted to create a welcoming and clear first impression. You can see the diverse imagery and headline right at the top, which immediately shows users what the platform is about. The layout is clean and organized, so everything is easy to find. The navigation at the top is clear, and the main sections, like housing, healthcare, and work, are structured so users can quickly see and access the resources they need. Overall, it’s simple, inclusive, and easy to explore.

Desktop - 24.png

Home Page – Tablet Version

On the tablet version, the homepage adapts to a medium-sized screen while keeping the same welcoming and clear design. The layout becomes slightly more compact than the web version, but everything is still easy to read and navigate. Key sections like housing, healthcare, and work are clearly visible, and the navigation remains accessible at the top. The images and headline stay prominent, keeping the sense of community and inclusion. Overall, it’s smooth, balanced, and easy to explore on a tablet.

Tablet.png

Home Page – Mobile Version

On the mobile version, the homepage is designed for smaller screens while keeping the same welcoming feel. The layout shifts to a single column, so users can scroll easily and focus on one section at a time. Key categories like housing, healthcare, and work are stacked clearly, and the navigation is simplified for easy access. The images and headline remain prominent to maintain a sense of community and inclusivity. Overall, it’s smooth, easy to use, and perfect for users on the go.

Smart phone (1).png
bottom of page