Internship • Figma → Unity
Tahpin — UI & Icon Design
Across two internships (Jan–Apr 24 and Sep–’Dec ’24) I designed Tahpin’s app flows in Figma, implemented responsive UI in Unity for iOS/Android, and created a set of 2D icons for the points-earning game loop. A consumer loyalty program that uses mini-games to drive socially impactful initiatives. Players collect and spend points at nearby merchants inside a fun, engaging ecosystem.
Winter ’24: User Experience Designer
Fall ’24: Game Designer
Platforms: iOS • Android • Desktop
Tools: Figma • Unity • C#
Design flows/components in Figma → implement UI/navigation in Unity; design the mini-game icon set; design sections for the marketing site.
Quick Facts
AudienceShoppers earning points via quick games; local merchants who accept points.
ScopeCategory, Store, and Merchant layouts; navigation flows; responsive rules (iPhone 13 mini baseline); desktop variants.
Unity ImplementationRecreated Figma navigation, anchors/pivots, and interactive flows on mobile targets.
CollaborationWeekly mentor reviews (Earl); clear goals per sprint; project paused pre-ship.
Figma → Unity Handoff
What I designed
- Category, Store, and Merchant layouts and navigation.
- Responsive rules from iPhone 13 mini baseline; desktop variants for web.
- Low, mid, and high-fidelity frames with component & style tokens.
What I shipped in Unity
- UI canvases with safe-area, anchors, and pivots for mobile.
- Navigation/state to match Figma prototypes one-to-one.
- Clickable demo flows for reviews and playtests.
iOS Flows (designed)
Responsive iOS layouts: Category, Store, Merchant.
Desktop Website Layouts
Desktop/website variants showing low → mid → final for Category, Store, and Merchant pages.
Wireframes → Mid-Fi (iOS)
Low-fi to mid-fi evolution across the core flows, with annotations used during mentor reviews.
Icon Set for the Mini-Game
Vector 2D icons created for the in-app game where players earn points. Designed for instant readability at small sizes.