Back
Customizable Personas Design System

A tool to help personalize and humanize UIs.

Meeting users expectations for bespoke experiences that cater to their individuality not only improves user satisfaction but also fosters deeper engagement and brand loyalty in an increasingly competitive digital world. This tool is one asset to improve how people interact with digital platforms—making technology more human and meaningful.

Company

Open-Source Asset

My Role

UX Designer

Duration

January 2025 (1 Week)

Contributions

Illustration / Visual Design / Design System Development

9
Variable Categories
67,200
Variant Combinations
Overview

Customizable Personas

Users expect more than just functionality—they seek personalized, adaptable experiences that cater to their unique preferences. From AI support chatbots to profile personalization, individuals want interfaces that feel tailored to their aesthetics and behaviors. In response to this growing demand, I created a free resource to integrate adaptable avatars that could be used to personify an AI model or customize users' profiles.

Variant Combination Examples Endless customization is available to create unique personas for different scenarios.

System Breakdown

Components

The personas are composed of 6 customizable layers: background, pronouns, hair style, outfit, speech, and glasses. Nested instances in each layer allow for infinite personalization to meet UI needs.

Design System Guidelines Documentation to summarize all components, variants, scale, and acceptable usage.

Color Strategy

Brand Opportunities

Personas are designed to reflect brand colors while still adapting to brightness values representing different skin tones.

Applied Color and Skin Tone A visualization of how the design system reacts to different accent colors.

Applications

Education

Utilize the customizable personas and speech bubbles to give a virtual AI tutor a personal touch, enhancing an online learning experience.
Applications

Communication

Incorporate personalized yet consistent illustrations into an internal team chat, enabling individuals to have unique profiles instead of just their initials.
Applications

Healthcare

Integrate personas to present detailed doctor overviews, providing users with a clearer and more personalized understanding of their health results within the app.
Applications

E-Commerce

Enhance the credibility of product offerings by adding a human touch to reviews, making them more authentic and relatable to potential customers.
Outcome

Future Considerations

I'm exploring ways to expand the system, including moods and expressions, facial hair, mirrored views, and more outfits. Also, I'm interested in how this design system could apply to other markets like travel, entertainment, and collaboration tools.