AUTM

Experience Design, Technology

cocktail glasses
cocktail glasses
cocktail glasses
a cocktail glass with a cherry
a cocktail glass with a cherry
a cocktail glass with a cherry
Industry
Experience Design, Technology
Client
AUTM
Tools used
Next.js, Three.js
Services
web development

AUTM approached us to create a platform that enables people to enjoy innovative experiences both online and in real life. Their brand vision was to bridge digital fun and real-world connections—a mission that called for a vibrant, user-friendly website highlighting their portfolio, live events, and interactive activities.

a man holding a cocktail
a man holding a cocktail
a man holding a cocktail

PROCESS

PROCESS

PROCESS

Initial client workshops to map out vision and pain-points.
Competitor and inspiration audit of lifestyle/experience brands.
Co-creation sessions where the AUTM team shared brand stories, moodboards, and desired features.
Agile sprints: user stories → wireframing → testing → iterations.
Weekly demo sessions and open channels for real-time feedback and collaboration.

a cocktail glass
a cocktail glass
a cocktail glass
a man holding a cocktail
a man holding a cocktail
a man holding a cocktail

USER RESEARCH

USER RESEARCH

USER RESEARCH

Conducted interviews with 20 potential users (urban youth, creators, event-goers).
Held online surveys to understand feature preferences (live chat, event RSVP, photo sharing).
Hosted feedback sessions after early wireframe prototypes.
Key Insight: Users craved seamless transitions between digital updates and real-world participation, plus visual excitement.

Conducted interviews with 20 potential users (urban youth, creators, event-goers).
Held online surveys to understand feature preferences (live chat, event RSVP, photo sharing).
Hosted feedback sessions after early wireframe prototypes.
Key Insight: Users craved seamless transitions between digital updates and real-world participation, plus visual excitement.

WIREFRAME

WIREFRAME

WIREFRAME

Low-fidelity wireframes presented core flows: event discovery, registration, user engagement, and profile management.
Iterations based on usability testing—streamlined navigation, clear CTAs, and community-driven features enhanced.

WEBFLOW SUMMARY

WEBFLOW SUMMARY

WEBFLOW SUMMARY

Users arrive at a vibrant landing page highlighting brand identity, featured events, and straightforward onboarding for new users. They can easily browse and filter upcoming and past digital and in-person events, with rich media previews for each. The community section offers group chats, creative forums, submission areas, and spotlights to foster engagement. Smooth event sign-up and confirmation, including reminders and digital tickets, streamline participation. A personalized dashboard lets users track activities, manage their profile, and view rewards, while accessible contact and support options—including FAQs and live chat—ensure ongoing assistance and feedback channels.

WEBFLOW SUMMARY

WEBFLOW SUMMARY

Users arrive at a vibrant landing page highlighting brand identity, featured events, and straightforward onboarding for new users. They can easily browse and filter upcoming and past digital and in-person events, with rich media previews for each. The community section offers group chats, creative forums, submission areas, and spotlights to foster engagement. Smooth event sign-up and confirmation, including reminders and digital tickets, streamline participation. A personalized dashboard lets users track activities, manage their profile, and view rewards, while accessible contact and support options—including FAQs and live chat—ensure ongoing assistance and feedback channels.

WEB DESIGN

WEB DESIGN

WEB DESIGN

Vivid color gradients, playful iconography, and custom brand illustration set a welcoming tone.
Responsive layouts for smooth mobile and desktop experience.
Animated elements to emphasize energy and fun.

a cocktail glass
a cocktail glass
a cocktail glass

More Projects