Overview //
This project involved designing and developing a responsive website that helps students and visitors discover hidden, calming places in Aarhus. These locations — The Infinite Bridge, Park 13 (Japanese Garden), and The Botanical Garden — offer peaceful escapes from everyday stress.
The primary goal was to create a digital experience that is easy to navigate, visually immersive, and encourages users to explore these spots in real life.
Overview //
This project involved designing and developing a responsive website that helps students and visitors discover hidden, calming places in Aarhus. These locations — The Infinite Bridge, Park 13 (Japanese Garden), and The Botanical Garden — offer peaceful escapes from everyday stress.
The primary goal was to create a digital experience that is easy to navigate, visually immersive, and encourages users to explore these spots in real life.
Overview //
This project involved designing and developing a responsive website that helps students and visitors discover hidden, calming places in Aarhus. These locations — The Infinite Bridge, Park 13 (Japanese Garden), and The Botanical Garden — offer peaceful escapes from everyday stress.
The primary goal was to create a digital experience that is easy to navigate, visually immersive, and encourages users to explore these spots in real life.
Project Name // Aarhus Relax
Industry // Relaxation
Category // Website
Project Name // Aarhus Relax
Industry // Relaxation
Category // Website
Project Name // Aarhus Relax
Industry // Relaxation
Category // Website
Many locals, including students, did not know about several of these hidden spots.
Many locals, including students, did not know about several of these hidden spots.
Competitors have too many fees Adding fees on both the seller and the buyer.
Users prefer quiet, accessible, and visually appealing locations.
Users prefer quiet, accessible, and visually appealing locations.
Users prefer quiet, accessible, and visually appealing locations.
They want visual content (photos/videos), directions, and short descriptions over long texts.
They want visual content (photos/videos), directions, and short descriptions over long texts.
They want visual content (photos/videos), directions, and short descriptions over long texts.
Sketching & Wireframing
Brainstormed with mind maps and quick sketches.
Created low-fidelity wireframes to plan the structure and flow.
Designed for both desktop and mobile, ensuring consistent UX.
Lo-fi to Hi-fi Transition
Initial designs were immersive but visually crowded.
Simplified the interface to focus on calm colors, clean spacing, and easy navigation.
Implemented a muted blue-grey palette to match the relaxing theme.
Usability Testing
Conducted user tests on both desktop and mobile versions.
Adjusted spacing, color scheme, and content layout based on feedback.
Made the navigation bar sticky and improved text clarity for better user flow
Sketching & Wireframing
Brainstormed with mind maps and quick sketches.
Created low-fidelity wireframes to plan the structure and flow.
Designed for both desktop and mobile, ensuring consistent UX.
Lo-fi to Hi-fi Transition
Initial designs were immersive but visually crowded.
Simplified the interface to focus on calm colors, clean spacing, and easy navigation.
Implemented a muted blue-grey palette to match the relaxing theme.
Usability Testing
Conducted user tests on both desktop and mobile versions.
Adjusted spacing, color scheme, and content layout based on feedback.
Made the navigation bar sticky and improved text clarity for better user flow
Sketching & Wireframing
Brainstormed with mind maps and quick sketches.
Created low-fidelity wireframes to plan the structure and flow.
Designed for both desktop and mobile, ensuring consistent UX.
Lo-fi to Hi-fi Transition
Initial designs were immersive but visually crowded.
Simplified the interface to focus on calm colors, clean spacing, and easy navigation.
Implemented a muted blue-grey palette to match the relaxing theme.
Usability Testing
Conducted user tests on both desktop and mobile versions.
Adjusted spacing, color scheme, and content layout based on feedback.
Made the navigation bar sticky and improved text clarity for better user flow
Prototype // Home Page & Location
System // Desktop
Showcasing // Pages
Prototype // Home Page & Location
System // Desktop
Showcasing // Pages
Prototype // Home Page & Location
System // Desktop
Showcasing // Pages
Prototype // Home Page & Location
System // Mobile
Showcasing // Pages
Prototype // Home Page & Location
System // Mobile
Showcasing // Pages
Fonts
Fonts
Fonts
Contrail One
Contrail One
Contrail One
Arial
Arial
Arial
Light
Light
Light
Bold
Bold
Bold
#E8EBF3
#E8EBF3
#E8EBF3
#4C708D
#4C708D
#4C708D
#B6410E
#B6410E
#B6410E
#282828
#282828
#282828
#593322
#593322
#593322