3d character tool development case study at Hygge Software

MB Character Tool: Proving Creative AI on Your Own Website

An agency wanted visitors to experience its creative AI credentials. The tool sits inside the existing marketing site, takes a prompt, and hands back a character worth sharing.

Make Believe character generator in edit mode with image upload and cartoon, photoreal and restore original style options

Ready to Put an AI Tool on Your Site

A generator embedded in your own site demonstrates more than a page describing one. Hygge scopes that build the way this one ran.

What the AI Character Generator Does

A small product with a specific job, and the pieces that make an AI avatar generator work in public.

Prompt to Character

A visitor enters a prompt and reference details, and the tool generates a character image, with regeneration available when the first result misses.

In-Browser Editing

Light manual editing controls alongside refresh and regenerate, so a visitor can steer the result.

Token-Based Sharing

Unique shareable links built on tokens, so a shared result reveals nothing about the system behind it.

Verified Accounts and Storage

Firebase authentication with email verification, and generated images stored against the account so a visitor can come back to what they made.

Clean Iframe Embedding

Embedded into the client's existing Squarespace site with styling and sizing treated as first-class, so the tool reads as part of the site.

Admin and Moderation

A lightweight admin panel for monitoring activity and moderating content, which any public generation tool needs from day one.

The Challenge

The agency needed a public demonstration of creative AI capability that a casual visitor could use without instructions and would want to share afterward. Anything requiring a signup wall before the first result would have defeated the purpose. It also had to live inside the existing Squarespace marketing site, which put embedding quality and styling on the critical path.

As an existing client relationship, the build started without a discovery ramp, which is part of why eight weeks was enough.

Our Solution

Hygge built the generation loop first, then the editing controls, then sharing, then the admin layer, with a demo at the end of each weekly milestone so the agency saw the tool take shape. Sharing runs on generated tokens, and the whole application embeds by iframe with sizing and styling tuned against the live site.

A lightweight admin panel covers activity monitoring and content moderation, since a public generation tool needs a way to see and stop misuse.

What the AI Character Generator Changed

What a visitor found on the agency site before, and what eight weeks put there.

1 prompt

From Landing on the Site to a Result

1 iframe

Puts the Tool Inside the Existing Site

1 link

Shares a Result With No Account Anywhere

8 weeks

From an Empty Repository to Live on the Site

The Stack Behind the AI Avatar Generator

MongoDB

Firebase

Firebase Auth

OpenAI API

Node.js

React

TypeScript

Services Involved

Generative AI Development Web Application Development MVP Development

Okay, yeah, that makes sense. That looks great.
Chris Keys
Creative Director
Verify on LinkedIn

Eight Weekly Milestones

Step 1 - Backend Scaffolding

The data layer for users, prompts and generation history, built first so every later feature had somewhere to write to.

Step 2 - Accounts and Verification

Sign-up with email verification, so a shared result belongs to a real account and storage stays attributable.

Step 3 - Prompt to Character

The generation loop itself: a prompt plus reference details turned into an image request, tuned until the first pass was usable.

Step 4 - In-Browser Editing

Regenerate and refresh inside the browser, so a user reaches the result they wanted without starting the prompt again.

Step 5 - Token-Based Sharing

Share links built on tokens, so a result can be sent to anyone without exposing an internal ID or the account behind it.

Step 6 - Email Delivery

Results delivered to the inbox as well as the screen, which is what makes the tool useful to somebody who closed the tab.

Step 7 - Admin and Moderation

A lightweight panel for activity and moderation, so the agency can see what is being generated on its own site.

Step 8 - Squarespace Embedding

Iframe embedding into the live marketing site with styling tuned to match, so the tool reads as part of the agency brand.

Track Record

Company-wide numbers, built from every project Hygge has delivered since 2019.

7 years

in continuous production engineering and AI delivery since 2019

200 +

end-to-end projects shipped for clients since 2019

3

independent quality and security certifications

Industries We Serve

Industries that share the shape of the problem MB Character Tool solved: a generative feature that has to live inside an existing site, a brand that owns the look of everything it produces, and a build measured in weekly milestones.

All Hygge Industries

Marketing & Creative

Turning agency method into software, with generative tools that sharpen a person's thinking.

Explore the industry

Media & Entertainment

Marketplaces, real-time video and collectibles platforms built for audiences who will leave at the first confusing screen.

Explore the industry

Retail & E-Commerce

Recommendation engines, retail media platforms and the billing accuracy that decides whether store partners stay.

Explore the industry

EdTech

Learning platforms that have to work for years, carry real enterprise customers, and add AI without teaching anyone something false.

Explore the industry

More Products Hygge Has Shipped

Projects that share the same shape of problem as this AI character generator: a generative feature living inside an existing site, and a brand that owns the look of everything it produces.

All Hygge Case Studies

Creative Technology

CreAItivity

A creative agency turned two decades of structured ideation practice into a working AI product, then kept expanding it for a third year.

36 widgetsCarry a method that needed a facilitator
20+ yearsOf agency practice turned into software
3rd yearShipping on the architecture chosen at the start

Read the case

EdTech

Smarter Humans

Seven years building an AI-powered learning platform, from the original spaced-repetition web app to production AI content generation and retrieval-augmented chat.

93 %Cut off a twenty-second document load
1 uploadReplaces the card writing people quit over
7 yearsOn one product without a handover

Read the case

AI Character Generator: Frequently Asked Questions

Why embed the tool inside the existing marketing site?

Because the tool exists to demonstrate the agency's capability, and a visitor who leaves the marketing site to try it has already half left. Embedding by iframe with matched styling keeps the demonstration inside the brand.

Why token-based sharing links?

Sharing links built from database identifiers leak information about the system and invite guessing at other records. Generated tokens carry no meaning outside the share itself.

Does the tool need moderation?

Any public generation tool does. The admin panel covers activity monitoring and content moderation, which is the minimum for something anyone on the internet can prompt.

Why eight weeks?

Weekly milestones with a demo at each one, and an existing client relationship that removed the discovery ramp. The team already knew how the agency worked, so the first week went into building.

Let's Build Something That Matters

We're your one-stop Digital Engineering Partner - tell us the process, product, or data problem you're trying to solve, and Hygge scopes AI and software work around a business result before any code gets written.

Tell Us What You're Building

Share the product, process, or data problem behind the request, along with the systems, data, or timeline the build has to work around.

Get an Audit-Backed Consultation

Hygge reviews the systems and data behind the request before the first call, so the conversation opens with real specifics already on the table.

Receive a Scoped Proposal

A plan with the approach, team, timeline, and cost, built around the business result the project needs to hit.