Tonic Social App
A social media app that's actually social: The "Go Touch Grass" app that propels people to look beyond the digital and seek out embodied, synchronous, and meaningful connections in real life with people they truly "vibe" with.
Type
Personal Project
Timeframe
6 months
Toolkit
Fusion360
Year
2024




Research
Gathered statistics about declining mental health as caused by rising social media use.
Took inspiration from The Anxious Generation by Jonathan Haidt

Research
Gathered statistics about declining mental health as caused by rising social media use.
Took inspiration from The Anxious Generation by Jonathan Haidt

Research
Gathered statistics about declining mental health as caused by rising social media use.
Took inspiration from The Anxious Generation by Jonathan Haidt

Research
Gathered statistics about declining mental health as caused by rising social media use.
Took inspiration from The Anxious Generation by Jonathan Haidt

Ideation
Determined structure and features of app through qualitative evaluation and relationship app case studies.

Ideation
Determined structure and features of app through qualitative evaluation and relationship app case studies.

Ideation
Determined structure and features of app through qualitative evaluation and relationship app case studies.

Ideation
Determined structure and features of app through qualitative evaluation and relationship app case studies.

Relationship App Studies
Though Tonic isn't a dating app, I analyzed relationship apps to learn how to structure Tonic to connect people.

Relationship App Studies
Though Tonic isn't a dating app, I analyzed relationship apps to learn how to structure Tonic to connect people.

Relationship App Studies
Though Tonic isn't a dating app, I analyzed relationship apps to learn how to structure Tonic to connect people.

Relationship App Studies
Though Tonic isn't a dating app, I analyzed relationship apps to learn how to structure Tonic to connect people.

Working as Project Lead
Directed team of 7 people through 5-week process of developing app interface, frontend, backend, towards Exhibition Day.

Working as Project Lead
Directed team of 7 people through 5-week process of developing app interface, frontend, backend, towards Exhibition Day.

Working as Project Lead
Directed team of 7 people through 5-week process of developing app interface, frontend, backend, towards Exhibition Day.

Working as Project Lead
Directed team of 7 people through 5-week process of developing app interface, frontend, backend, towards Exhibition Day.

Working as UI/UX Developer
I also developed the Tonic app interface through Crazy Eights and wireframing on Figma.
Working as UI/UX Developer
I also developed the Tonic app interface through Crazy Eights and wireframing on Figma.
Working as UI/UX Developer
I also developed the Tonic app interface through Crazy Eights and wireframing on Figma.
Working as UI/UX Developer
I also developed the Tonic app interface through Crazy Eights and wireframing on Figma.



Along the way, I revamped the design using better UI techniques.

Along the way, I revamped the design using better UI techniques.

Along the way, I revamped the design using better UI techniques.

Along the way, I revamped the design using better UI techniques.

My process includes continual reiterations with feedback.

My process includes continual reiterations with feedback.

My process includes continual reiterations with feedback.

My process includes continual reiterations with feedback.

Exhibition Day
Designed posters to explain Tonic app for live table demonstration, garnering attention of 120+ people.

Exhibition Day
Designed posters to explain Tonic app for live table demonstration, garnering attention of 120+ people.

Exhibition Day
Designed posters to explain Tonic app for live table demonstration, garnering attention of 120+ people.

Exhibition Day
Designed posters to explain Tonic app for live table demonstration, garnering attention of 120+ people.

Final App
My teammates converted the wireframes into a functional app with frontend code and API connections.
We connected the frontend code with Firebase and various Google APIs.

Final App
My teammates converted the wireframes into a functional app with frontend code and API connections.
We connected the frontend code with Firebase and various Google APIs.

Final App
My teammates converted the wireframes into a functional app with frontend code and API connections.
We connected the frontend code with Firebase and various Google APIs.

Final App
My teammates converted the wireframes into a functional app with frontend code and API connections.
We connected the frontend code with Firebase and various Google APIs.



Let's Work Together!
From UI to strategy to storytelling, I bridge craft and vision. Let’s make something unforgettable.
Let's Work Together!
From UI to strategy to storytelling, I bridge craft and vision. Let’s make something unforgettable.
Let's Work Together!
From UI to strategy to storytelling, I bridge craft and vision. Let’s make something unforgettable.
Let's Work Together!
From UI to strategy to storytelling, I bridge craft and vision. Let’s make something unforgettable.


