A high-impact brand identity and motion design for "Fingerspelling," a digital platform teaching the American Sign Language alphabet. This hero section highlights our studio's expertise in 3D animation and brand storytelling for innovative tech startups. Combining vibrant Swiss-inspired color palettes with fluid motion, we’ve created a compelling first impression for this AI-driven educational tool. Our design agency specializes in building unique brand ecosystems that prioritize clean technology and user engagement.

Fingerspelling

Context

Fingerspelling.xyz is a browser-based app that uses machine learning to analyze hand movements via webcam.

Insight

The creative strategy focused on a playful visual identity to lower the barrier to entry. By gamifying the experience and using a joyful aesthetic, the design invites users to learn faster through a sense of discovery rather than formal study.

Solution

The app uses machine learning to analyze hand shapes via webcam, providing instant feedback. The design features a friendly 3D hand that balances realism with a cartoon style to show finger positioning clearly. A bold color palette and dynamic typography - with angled glyphs that mirror hand gestures - create an energizing environment that encourages continuous practice.

  • Category:

  • Branding

  • Branding

  • Website

  • UI

A minimalist digital interface displays a bold purple card with the word "Talking" in yellow. This UX design element shows how the software guides users through the sign language curriculum with clear, high-contrast typography.
A minimalist digital interface displays a bold purple card with the word "Talking" in yellow. This UX design element shows how the software guides users through the sign language curriculum with clear, high-contrast typography.
A vibrant 3D cartoon-style hand in a purple finish makes a peace sign over the text "Learn Machine Give Fingerspelling Sign." This hero visual represents the intersection of brand strategy and emerging technology for a sign language learning tool.
A person holds a smartphone in a sunlight-dappled setting, displaying the "Fingerspelling with machine learning" home screen. This lifestyle mockup emphasizes the global accessibility and portability of the software designed by the branding studio.

Experience the future of accessible education with our machine learning-powered ASL learning tool. This interface showcases how our Zurich-based creative studio integrates advanced technology with intuitive UI/UX design. By using real-time webcam hand-tracking and 3D modeling, we’ve developed a gamified experience that teaches fingerspelling with precision. Our branding and technology strategy focuses on making complex digital products inclusive, functional, and engaging for global learners.

A silver laptop displays a "110 points" achievement screen on a bright purple background. This gamification strategy demonstrates how the Swiss design agency uses interactive feedback to keep students engaged in learning sign language.
A silver laptop displays a "110 points" achievement screen on a bright purple background. This gamification strategy demonstrates how the Swiss design agency uses interactive feedback to keep students engaged in learning sign language.
A clean, cream and purple UI mockup for a fingerspelling alphabet software. It features a 3D hand model, a "The Story" text section, and a minimalist alphabet footer, highlighting the studio's expertise in user-centered design.
A sequence of five smartphone screens showing the mobile app UX flow, from selecting hand dominance to activating a webcam for hand-tracking. The flow illustrates a seamless digital product design for educational tech.
A sequence of five smartphone screens showing the mobile app UX flow, from selecting hand dominance to activating a webcam for hand-tracking. The flow illustrates a seamless digital product design for educational tech.

  • Credits:

  • Anders Ahrensbach Mikkelsen

  • Anders Ahrensbach Mikkelsen

  • Anders Sønderby Jessen

  • Anders Sønderby Jessen

  • Jeppe Aaen

  • Victor Hansen

More projects

Wanna work with us?

SEND US A MESSAGE

Wanna work with us?

SEND US A MESSAGE

Wanna work with us?

SEND US A MESSAGE