Rumbo | Web Design
Project Brief
Design and code a single-page website to showcase the Rumbo app redesigned in IOW 300.4 and IOW 300.5.
Deliverables
1. Process work
2. Single-page interactive desktop site
Design Strategy
The colour palette was slightly adjusted from the IOW 300.5 project, replacing the dark blue with a dark grey and focusing more on the interplay between orange, black and white. Motion is a crucial aspect for the website, considering that Rumbo is being advertised as an app for transportation. Incorporating animations of how the app would function assists in convincing the user to download it, since they'll feel a bit more comfortable with the idea of using it after already seeing the interface.
Subtle details like responsive buttons and smoother scrolling comtribute to the interactivity of the site, making it as easy and enjoyable as possible.
01 | Process Work
Click here for the HTML and CSS coding
Style Guide
02 | Single-page Interactive Website
Interaction
A video going through the website and interacting with the elements
Animations
(Right): The sticky nav bar decreases in opacity when the user starts scrolling down, adding to the sense of immersion
Static Design
