ZoosPIN - Interaction Design Mockup for Accessibility & Inclusivity

Created by our team for an assignment on Interaction Design.
PXL University College Hasselt
Associate degree in Digital Design (Applied Computer Science)
2023-2024
Assignment: create a fictional login screen for a mobile app with accessibility as the primary goal. The design should have a PIN screen and a redirect to a static screen when the correct PIN is entered.
We created a child-friendly PIN which can be used in a teaching environment, making sure there are different options for visuals (white vs color), a sound button and large pictures with easy and intuitive scrolling.
We had a lot of fun and we hope you like it too.
Correct pin for this design: lion - cat - giraffe - crocodile
This project was designed in Figma and coded in Webstorm. Scripting language is Javascript. Github link available on request.
Team:
Eline Moessen
Dylan van Vugt
Heleen Evers (me)
Tutors:
Nicolas Schepers
Sam Agten
Credits:
Envato Elements for the music and the mockup template.
Veed.io for the voice overs.