• Concept Thinking

  • Interface Design

  • Web Development

My Deliverables :

Mar 2025 - Jun 2025

Robotic arm UR5e, Touch designer, Python

Python, Django, HTML, CSS, Java Script, Figma

Duo project

Agile Web Development , UX/UI

A minimalistic audio-based social media app designed for "yapping" your heart out. We listen and we don't judge.

THE YAPP

This app combines minimal interface design, audio interaction, and social media dynamics. A black-and-white platform allows users to record and share short voice messages in a simple feed, similar to apps like BeReal.

The project focuses on reducing visual pressure by prioritizing voice, encouraging users to share thoughts and stories without fear of judgment. Inspired by the phrase “We listen and we don’t judge,” popularized on TikTok, it presents a more intimate, audio-first alternative to traditional social media.

From there, we moved on to first HTML-based wireframes to test basic structure and functionality. These were followed by more detailed, design-focused wireframes, gradually refining and developing the user interface.

We started the interface design with a simple visual sitemap to understand the structure of the app. Using post-its, we wrote down all the key interactions to see what users need and how everything connects. This helped us keep the app intuitive and plan the layout more clearly.

THE YAPP

The web development process began using the Django framework and Python once the final interface design was completed and ready to be implemented. The goal was to translate the design into a functional application.

Some features, such as customized audio waveforms or allowing users to choose their location, were not fully realized at this stage. However, these remain technically achievable and can be incorporated in future development iterations.

Registration/Login

Audio record/Post

MyYap/Settings

Feed/Hashtag search

Development

THE YAPP

THE YAPP

The web development process began using the Django framework and Python once the final interface design was completed and ready to be implemented. The goal was to translate the design into a functional application.

Some features, such as customized audio waveforms or allowing users to choose their location, were not fully realized at this stage. However, these remain technically achievable and can be incorporated in future development iterations.

The web development process began using the Django framework and Python once the final interface design was completed and ready to be implemented. The goal was to translate the design into a functional application.

Some features, such as customized audio waveforms or allowing users to choose their location, were not fully realized at this stage. However, these remain technically achievable and can be incorporated in future development iterations.

Development

Development

From there, we moved on to first HTML-based wireframes to test basic structure and functionality. These were followed by more detailed, design-focused wireframes, gradually refining and developing the user interface.

From there, we moved on to first HTML-based wireframes to test basic structure and functionality. These were followed by more detailed, design-focused wireframes, gradually refining and developing the user interface.

Designing The App

Designing The App

We started the interface design with a simple visual sitemap to understand the structure of the app. Using post-its, we wrote down all the key interactions to see what users need and how everything connects. This helped us keep the app intuitive and plan the layout more clearly.

We started the interface design with a simple visual sitemap to understand the structure of the app. Using post-its, we wrote down all the key interactions to see what users need and how everything connects. This helped us keep the app intuitive and plan the layout more clearly.

Site Map

Site Map

This app combines minimal interface design, audio interaction, and social media dynamics. A black-and-white platform allows users to record and share short voice messages in a simple feed, similar to apps like BeReal.

The project focuses on reducing visual pressure by prioritizing voice, encouraging users to share thoughts and stories without fear of judgment. Inspired by the phrase “We listen and we don’t judge,” popularized on TikTok, it presents a more intimate, audio-first alternative to traditional social media.

Python, Django, HTML, CSS, Java Script, Figma

Duo project

Mar 2025 - Jun 2025

Agile Web Development , UX/UI

  • Concept Thinking

  • Interface Design

  • Web Development

My Deliverables :

A minimalistic audio-based social media app designed for "yapping" your heart out. We listen and we don't judge.

A minimalistic audio-based social media app designed for "yapping" your heart out. We listen and we don't judge.

THE YAPP

THE YAPP