Case study

Architecture, delivery, and impact — how this product was scoped and shipped.

Chill có Gu – A Media Survey Platform to Understand Audience Preferences
Survey

Chill có Gu – A Media Survey Platform to Understand Audience Preferences

7 features3 roles7 technologies1 repositories

Stack

Technologies

Next.jsTypeScriptFirebase Realtime DatabaseTailwind CSSFramer MotionVercelGoogle Analytics

Access

User roles

GuestUserAdmin

Overview

Product & engineering

  • Chill có Gu is an interactive web app designed to help media organizations understand Gen Z better through creative and visually appealing questionnaires.
  • Engaging Experience: The interface is designed to be fun and smooth, keeping users interested from the first question to the last.
  • Real-time Data Collection: Built with Firebase to capture and calculate survey responses instantly for researchers.
  • Mobile-First Design: Optimized perfectly for smartphones to ensure a seamless experience via social media redirect links.
  • Reached over 1,000 unique users with high completion rates.
  • Achieved the #1 SEO ranking on Google for the brand name.

Scope

Key features

  • Psychology-based Interactive Surveys
  • Real-time Data Visualization
  • Dynamic Multi-step Form Flow
  • Custom Result Analytics for Users
  • SEO-friendly Content Management
  • Full Responsive & Mobile-first UI
  • Social Media Meta Tag Optimization

Ownership

My contributions

  • UI/UX Design & Brand Identity
  • Frontend Engineering & State Management
  • Real-time Database Architecture
  • SEO Strategy & Analytics Implementation
  • Performance Optimization for Mobile Devices

Visuals

Interface gallery

Production screens — layout, density, and real-world states.

Project screenshot 1
Project screenshot 2
Project screenshot 3