Octi was an experimental AR-powered social media platform designed to merge video sharing with interactive 3D experiences, allowing users to layer augmented reality animations, objects, and effects onto their videos. As an early competitor to TikTok, Octi aimed to create an engaging way for users to express themselves through short-form video content enhanced by gamified AR features.
Role: Visual Designer
Focus: Social Media Interaction & Motion UI
Goal:
Worked on UI design and motion concepts for Octi, an interactive social media platform focused on augmented reality and creator-driven content—preceding the emergence of apps like TikTok. The project focused on building motion-based interaction models, onboarding flows, and a visual language designed for fluid, expressive user experiences.
Approach:
Designed interaction patterns and UI concepts for key user flows, including feed browsing, content creation, and profile interactions.
Created motion-driven transitions, loading states, and interaction feedback that enhanced the platform’s playful and real-time social nature.
Collaborated with product, motion, and development teams to explore prototypes that balanced brand expressiveness with usability.
Developed initial visual direction for key screens and microinteractions that shaped the app’s identity.
Design Challenges:
Designing for emerging behavior patterns in short-form, creator-led video platforms before this category was fully mature.
Creating visual and motion systems that felt playful, intuitive, and lightweight without overwhelming the user.
Balancing experimental UI with scalability for mobile responsiveness and future product features.
Solutions:
Built animated UI concepts for transitions, content loading, and microinteractions to support a seamless, engaging user flow.
Designed playful yet functional screen layouts for video browsing, interaction layers (likes, comments, sharing), and profile management.
Developed motion prototypes that informed interaction design—creating visual systems that responded to gestures, taps, and real-time content shifts.
Crafted design documentation that guided engineering on animation behavior, timing curves, and UI responsiveness.
Delivered the first-generation UI and motion language that shaped the Octi app’s product launch.
Helped define interaction models that influenced the next wave of social media products in the AR and short-form content space.
Provided a flexible design foundation that supported evolving features as the platform grew.
Key Contributions:
UI Design - Interaction concepts, screen layouts, and content-driven interfaces
Motion Systems - Loading screens, transitions, and gesture-driven feedback
Brand Expression - Visual language balancing playfulness and clarity
Cross-Team Collaboration - Worked with motion, engineering, and product to translate concepts into scalable experiences
Social Metaverse