Branding, concept, and UI development for gamified microlearning platform that uses healthy snacks for rewards.

Brief

Business Concept & Branding

As part of a related project aimed to guide entrepreneurs through the process of developing a working business plan, I chose to develop a business concept for an EdTech idea, which I code-named "Snacktopia". Snacktopia is an AI-powered educational platform that transforms any lesson into engaging microlearning games while rewarding student achievement with healthy snacks.

PART 01

Business Development

Using a variety of business structure templates such as "Business Canvas", I used Notion's built-in generative AI functionality to rapidly flesh out the various aspects of the business from branding and market research to supply chain and financing.

PART 02

Competitive Analysis

The main competitors in the game-based learning space include Kahoot!, Quizlet, Nearpod, and Gimkit, which all provide interactive quiz and learning platforms but lack a tangible reward system that promotes healthy habits, missing the opportunity to connect digital achievement with physical wellness rewards, and none offer AI-powered lesson conversion capabilities that could significantly reduce teacher workload.

PART 03

Site Map

In collaboration with several LLMs, I developed a site map outlining the various pages and sections for pages serving teachers, districts, and students including sales, support, and the application itself.

PART 04

Branding Development

I knew the brand needed to be fun, playful, and approachable and appeal both to students and adults, while conveying a positive healthy message. So, I gathered hundreds of images on Pinterest that aligned with the aesthetic I had in mind for the brand.

PART 05

Asset Gathering

Inspired by flat, minimalist, paper-cutout-style illustrations, I developed a series of characters and illustrations in Figma representing anthropomorphized snack mascots and gathered similarly-styled graphic assets to use the the site mockup.

PART 06

Character Design

To streamline the process of testing various facial expressions, I broke the characters up into components and variants in Figma.

PART 07

Sales Page Mockup

Using Figma, I brought the pieces together to create an introductory sales page along with some interior pages for the game setup on the teacher's end and the students' end.

Conclusion

This project was an engaging and rewarding deep dive into the full landscape of business development—from risk mitigation to scalability and revenue strategy. It gave me a richer understanding of the diverse challenges my clients face and clarified how I can better support them through thoughtful UX design and research.

Case Studies

Every project we deliver is a reflection of our commitment to quality, designed to inspire and drive success.

Enchanted Prompt Wizard

User research, branding, & prototyping of educational microlearning app, training teachers in prompt engineering.

UX Reserach

Instructional Design

Prototyping

Product Design

Branding

Snacktopia

Business plan / branding development, UX design, & prototyping of nutrition-driven gamified learning product

UX Reserach

Prototyping

Product Design

Branding

Solopreneur Starterkit

Branding, development, video production, & instructional design of online, 9-week training course for entrepreneurs.

Branding

Product Design

Instructional Design

UX Reserach

Vibe Coding

Series of experimental micro-apps built through with collaboration Anthropic's Claude & other coding agents.

Prototyping

Product Design

Web design

AI-First Development

The Integration Project

UX consultation & prototyping for key features of AI-driven healthy habits app startup.

Consulting

Prototyping

UX Reserach

Instructional Design

Amiara

Branding development, prototyping, and front-end design for AI-driven entrepreneurial startup.

Product Design

Web design

Branding

Duolingo Product Concept

Development of high-fidelity prototype of experimental learning feature concept for Duolingo app.

Prototyping

Product Design

AI-First Development

Instructional Design

UX Reserach

Whole Foods Market

Human-Computer Interaction research & hueristic analysis for Whole Foods self-checkout POS systems.

UX Reserach

Consulting

Apeiron

UX consultation & Website design/development for longevity and health optimization clinic in Austin.

Web design

Consulting

UX Reserach

Sharpnack Site Redesign

UX consultation, branding implementation, & Website design / development for Midwest lawfirm.

UX Reserach

Web design

Consulting

Cyberpunk Concept Site

Design & development of experimental cyberpunk concept site in Framer and Claude.

Web design

Branding

Graphic Design Collection

Collection of independent and commissioned poster & cover designs based on films and inspiring maxiums.

Branding

Synth Tabletop Game

Branding / concept development, & graphic design for physical, vaporwave-themed table-top game.

Prototyping

Product Design

Branding

Daily UI Practice

Documentation of collection of daily UI practice in Figma, replicating popular app UIs.

Prototyping

Web design

Case Studies

Every project we deliver is a reflection of our commitment to quality, designed to inspire and drive success.

Enchanted Prompt Wizard

User research, branding, & prototyping of educational microlearning app, training teachers in prompt engineering.

UX Reserach

Instructional Design

Prototyping

Product Design

Branding

Snacktopia

Business plan / branding development, UX design, & prototyping of nutrition-driven gamified learning product

UX Reserach

Prototyping

Product Design

Branding

Solopreneur Starterkit

Branding, development, video production, & instructional design of online, 9-week training course for entrepreneurs.

Branding

Product Design

Instructional Design

UX Reserach

Vibe Coding

Series of experimental micro-apps built through with collaboration Anthropic's Claude & other coding agents.

Prototyping

Product Design

Web design

AI-First Development

The Integration Project

UX consultation & prototyping for key features of AI-driven healthy habits app startup.

Consulting

Prototyping

UX Reserach

Instructional Design

Amiara

Branding development, prototyping, and front-end design for AI-driven entrepreneurial startup.

Product Design

Web design

Branding

Duolingo Product Concept

Development of high-fidelity prototype of experimental learning feature concept for Duolingo app.

Prototyping

Product Design

AI-First Development

Instructional Design

UX Reserach

Whole Foods Market

Human-Computer Interaction research & hueristic analysis for Whole Foods self-checkout POS systems.

UX Reserach

Consulting

Apeiron

UX consultation & Website design/development for longevity and health optimization clinic in Austin.

Web design

Consulting

UX Reserach

Sharpnack Site Redesign

UX consultation, branding implementation, & Website design / development for Midwest lawfirm.

UX Reserach

Web design

Consulting

Cyberpunk Concept Site

Design & development of experimental cyberpunk concept site in Framer and Claude.

Web design

Branding

Graphic Design Collection

Collection of independent and commissioned poster & cover designs based on films and inspiring maxiums.

Branding

Synth Tabletop Game

Branding / concept development, & graphic design for physical, vaporwave-themed table-top game.

Prototyping

Product Design

Branding

Daily UI Practice

Documentation of collection of daily UI practice in Figma, replicating popular app UIs.

Prototyping

Web design

Case Studies

Every project we deliver is a reflection of our commitment to quality, designed to inspire and drive success.

Enchanted Prompt Wizard

User research, branding, & prototyping of educational microlearning app, training teachers in prompt engineering.

UX Reserach

Instructional Design

Prototyping

Product Design

Branding

Snacktopia

Business plan / branding development, UX design, & prototyping of nutrition-driven gamified learning product

UX Reserach

Prototyping

Product Design

Branding

Solopreneur Starterkit

Branding, development, video production, & instructional design of online, 9-week training course for entrepreneurs.

Branding

Product Design

Instructional Design

UX Reserach

Vibe Coding

Series of experimental micro-apps built through with collaboration Anthropic's Claude & other coding agents.

Prototyping

Product Design

Web design

AI-First Development

The Integration Project

UX consultation & prototyping for key features of AI-driven healthy habits app startup.

Consulting

Prototyping

UX Reserach

Instructional Design

Amiara

Branding development, prototyping, and front-end design for AI-driven entrepreneurial startup.

Product Design

Web design

Branding

Duolingo Product Concept

Development of high-fidelity prototype of experimental learning feature concept for Duolingo app.

Prototyping

Product Design

AI-First Development

Instructional Design

UX Reserach

Whole Foods Market

Human-Computer Interaction research & hueristic analysis for Whole Foods self-checkout POS systems.

UX Reserach

Consulting

Apeiron

UX consultation & Website design/development for longevity and health optimization clinic in Austin.

Web design

Consulting

UX Reserach

Sharpnack Site Redesign

UX consultation, branding implementation, & Website design / development for Midwest lawfirm.

UX Reserach

Web design

Consulting

Cyberpunk Concept Site

Design & development of experimental cyberpunk concept site in Framer and Claude.

Web design

Branding

Graphic Design Collection

Collection of independent and commissioned poster & cover designs based on films and inspiring maxiums.

Branding

Synth Tabletop Game

Branding / concept development, & graphic design for physical, vaporwave-themed table-top game.

Prototyping

Product Design

Branding

Daily UI Practice

Documentation of collection of daily UI practice in Figma, replicating popular app UIs.

Prototyping

Web design

Let’s bring your vision to life

Free Chat

Ready for a serious chat?
Set up a time on our calendar to have a one-on-one discuss about your project goals.

Slide into our DMs.

Write us a quick message letting us know about your project.

Extreme close-up black and white photograph of a human eye

Contact us

Let’s bring your vision to life

Free Chat

Ready for a serious chat?
Set up a time on our calendar to have a one-on-one discuss about your project goals.

Slide into our DMs.

Write us a quick message letting us know about your project.

Extreme close-up black and white photograph of a human eye

Contact us

Let’s bring your vision to life

Free Chat

Ready for a serious chat?
Set up a time on our calendar to have a one-on-one discuss about your project goals.

Slide into our DMs.

Write us a quick message letting us know about your project.

Extreme close-up black and white photograph of a human eye

Contact us