MotiZone case study

Project
Overview

Role:
Ux/Ui Designer
Timeline:
8 weeks

This was a academic project I worked on. I started this project due to how growing up in a digital-first environment impacts Gen Z, and what those behavioural shifts mean for future generations.

Problem Statement

Gen Z students often have strong connections online but desire deeper, more meaningful relationships in the real world, which can lead to mental fatigue.

Line illustration of a person resting their head on their hand

Research Key Points

  • 46% of Gen Z digital and real world personalities differ
  • 53% feel more comfy talking online rather in person
  • Easier to communicate online
  • Anxious about interests

Growing up with digital influence creates significant emotional barriers when it comes to forming real-world connections for most Gen Z.

Interviews

I wanted to clearly understand the impacts of social media on Gen Z’s lives and how it could affect future generations. Interviews amongst people my age was made to further gain insight based on research.

Key questions:

  • Digital Habits & Trust
  • Identity & Connection
  • Well-being & Friction
  • Social media content

Interview answers

  • ‘short attention span, lack of information, stealing content’

    — Participant 1

  • “It’s like clearly some videos just can’t be turned into long form content. – but like and the other end we have short form content that it’s really just made just to like gauge as much interaction as possible, it’s not really there to like try be properly entertaining, if that makes sense”

    — Participant 2

  • ‘online is just a much easier. There’s like dedicated communities towards that when it’s in real life, you don’t really have as many people you can talk to about sort of things. So you kind of have to either learn how to talk about different things, like converse about different things’

    — Participant 2

  • I think it’s harder to find people who have the same interests and hobbies as me in person. With Online all I have to do is go through my favourite apps and games and people who use the same apps as me and share my interests will be way easier to find. Plus there’s a lot more people online from around the world. It’s kind of like convenience. Kind of like, a filter.

    — Participant 3

  • ‘Social media has a lot of different opinions that have gotten me confused sometimes. There are many topics that are controversial and so many people have conflicting arguments that it’s hard to tell what to think. I can get quite overwhelmed’

    — Participant 3

Brand

MotiZone is a community website/app with the main goal of helping and inspiring Gen Z to be more motivated to create deeper connections outside the online space.

MotiZone brand tone and colour palette

Initial prototype

Initial MotiZone mobile prototype screens

User testing

A Prototype of MotiZone was made on Figma for a user test for Gen Z students ages 19–20. The main goal was to navigate the app using filters & viewing a video.

Key features includes filters for various types of content and a insight button to help get users outside the online space.

Feedback

Confusing filters

  • users found content and tags to be similar

Layout

  • A lot of prominent ui elements which lead to confusion

Mobile

MotiZone mobile mockups showing filters and content sections

Simplified filter

  • Simplified filters
  • Users can sort content by filter

Simpler layout

  • Less prominent elements
  • Use of sections for each content category
  • Use of more negative space
  • Less darker background

AI was used in generating thumbnail images.

Desktop

MotiZone desktop mockups on laptops

Reflection

Through user interviews, I gained deep insights into the genuine struggles Gen Z faces when trying to connect both online and in real life. Additionally, user testing highlighted just how critical visual hierarchy and intuitive navigation are to the overall user experience, specifically showing that colour choices and layout directly impacts user engagement.