I decided to create my Hi-fi mock-ups on Illustrator as this allowed me to create flexible designs reflecting my initial lo-fi wireframes. Illustrator is the vector-based meaning I don’t have to worry about the sizing and it allows me to simply export the layers on Adobe XD. Additionally, the illustrator allowed me to measure everything to fit e.g. the branches in the mood tree to ensure it all fitted on the prototyping stage. Below I have screen grabbed some of my hi-fi mock-ups:
(Although while making this, my processor couldn’t handle all of the vectors on screen so I decided to overwrite some of the artboards – something I regret doing now)
Goals, Profile & Music
Mood Tree (Parent & Child version), profile selection screen
Onboarding & Chat
