DuolingoXR

DuolingoXR is an immersive language learning playground designed for XR Design Challenge 2024.

DuolingoXR won Best Mobile to XR and Best Use of Shapes XR, and was a Best Packaging Finalist out of 200+ projects and 3,000+ attendees.

DuolingoXR is not affiliated with Duolingo.

Role

3D Designer, Technical Artist, Animator, Video Editor

TOOLS

Figma, Blender, Unity, Premiere Pro, Substance Painter, DaVinci Resolve, Photoshop

TIMELINE

6 Weeks, Dec. 2024 to Jan. 2025

3D MODELING
VIDEO PRODUCTION
XR

Video Trailer

OVERVIEW

XR Design Challenge

XRDC was a global, open-ended challenge where participants were challenged to design creative concepts and new ideas in AR/VR interaction in 6 weeks.

XR DESIGN CHALLENGE WAS ORGANIZED BY IMMERSIVE INSIDERS.

OVERVIEW

Sponsors and Judges

Team Work

OVERview

Meet Team Lemon Sharks 🍋🦈

research

Team Research

Research and UX prototyping was organized on Figma.

Brand research Identifying the Duolingo mission and core principles of their brand identity. Understanding the features of the Duolingo app, and designing how key language learning skills can be taught in XR.

UI design Creating 2D UI in Duolingo's style to be imported into ShapesXR, and creating mockups for 3D UI to be created in Blender.

UX prototyping Design compelling mini-games, features, and interactions with techniques such as sketching and journey mapping.

Competitor research Looking at both language learning and virtual companion applications to understand how to combine the concepts into a spatial application.

Competitor research Looking at both language learning and virtual companion applications to understand how to combine the concepts into a spatial application.

UX prototyping Design compelling mini-games, features, and interactions with techniques such as sketching and journey mapping.

Research and UX prototyping was organized on Figma.

Brand research Identifying the Duolingo mission and core principles of their brand identity. Understanding the features of the Duolingo app, and designing how key language learning skills can be taught in XR.

UI design Creating 2D UI in Duolingo's style to be imported into ShapesXR, and creating mockups for 3D UI to be created in Blender.

Individual Work

BRAND research

Understanding Duolingo Visual Style

Duolingo's icons and artwork are playful, fun an abstract. However, they're designed in 2D in mind, meaning that most elements needed to be redesigned to be possible in 3D.

When designing what Duolingo could look like in 3D, it was important to use primitive shapes– spheres, beveled cubes, pills – and flat colors to keep the 2D feel.

3D Modeling

Duolingo Model and Animations

PACKAGING and Submission

Video Production

Using insights from immersive research, forum enthusiasts were surveyed (qualitative and quantitative) about their tool collection, FESTOOL brand perception, and experience with FESTOOL products. Of 11 survey respondents:

Final Hackathon Submission

HACKATHON SUBMISSION

Video Trailer

HACKATHON SUBMISSION

UX Features

Gameplay Features

Duo-centric UI access the menu and swap languages by interacting with Duo (Unity)‍

Level selection/curriculum Visit a planet-like level selector to choose your next lesson (Unity, ShapesXR)‍

Rewards chest with lingots, and XP boosts. (ShapesXR)‍

Duo handtracking interactions Pet, squeeze, shake him! Let him sit on your hand. (ShapesXR, Unity)‍

Streak mascot and celebrations (Blender)

Story Mode Learn by acting out Momotarō (桃太郎), a Japanese folktale, with Lily (ShapesXR)‍

Vocab Match Match the object to the vocabulary word, at your own pace. (ShapesXR)‍

Portal Punch objects are flying from a magic portal! Punch them to the correct target before they fall, featuring Duolingo characters Lily, Junior, and Falstaff. (ShapesXR)

Block Blitz Move your body to select the correct answer as it flies towards you (ShapesXR)‍

NASA INTERNSHIP  →

Thanks for checking out my work! Sarah Gordon Copyright © 2024