IOW 300.6 Design for web
Rumbo
Design and code a single-page website to showcase and advertise the redesign of the Rumbo App done during the Design Social Innovation (DSI) project. This must be done in a way that makes the user feel compelled and excited to engage with it and learn more. Apply a proficient understanding of user experience and user interface design, emphasising an empathetic understanding of the users’ needs. Highlight the features and flows you identified and redesigned in the previous project.
Design deliverables
Design strategy
Tasked to create a website for Rumbo, the web design is modern and simple. The website utilised animation, carousels and cards effectively communicate how Rumbo works. The visual language includes bright blues and purples, building on top of Rumbo’s identity. To highlight the South African commuters bright orange is introduced, this aids in creating contrast and moments of interest throughout the website. The website has two viewing modes, light and dark mode, which allows accessibility to be improved.
Wireframes
Gradients
Gradients for dark and light mode. The gradients each feature Rumbo's colours with the addition of a brighter colour to imply dark and light.
Animations
The animations are executed both light and dark mode.
Code
High fidelity website
Play-through
Thank you
