Skip to content

Product polish: UTMs, random start, sticky mobile preview, expanded palettes#78

Merged
bluerssen merged 5 commits into
masterfrom
product-polish
Jul 3, 2026
Merged

Product polish: UTMs, random start, sticky mobile preview, expanded palettes#78
bluerssen merged 5 commits into
masterfrom
product-polish

Conversation

@bluerssen

Copy link
Copy Markdown
Contributor

Summary

Five product improvements, one commit each:

  1. Remove the Sketch/Gumroad promo section — the link was stale; the card now ends at the Download button.
  2. UTM tracking on draftbit.com linksutm_source=personas&utm_medium=referral&utm_campaign=avatar-generator with utm_content per placement (header-wordmark, footer-wordmark, footer-link). Only draftbit.com links are tagged.
  3. Randomized starting avatar — each page load starts from a random persona instead of the fixed default (reuses randomizeStyles).
  4. Sticky avatar preview on mobile — reimplements the idea from Added sticky position to avatar preview #40 / Make the Avatar preview sticky #34 by @luanraithz for the current layout: below 768px the preview pins 20px from the viewport top so changes stay visible while scrolling the stylers. Desktop keeps the original absolute positioning (the floating avatar covered controls there).
  5. Expanded palettes + hidden style — all color palettes grow to 12 swatches (hair finally gets blonde, plus blue/green/grey); the finished-but-unlisted Curlybun hairstyle ships (now recolorable, keeping its pink hair-tie), and the duplicate Hat entry is removed.

Verification

  • rescript compiles with zero warnings; vite build clean.
  • Headless-browser QA on the production bundle: all three UTM hrefs verified in the DOM; no Gumroad remnants; three reloads produced three different starting avatars; sticky verified at 375×812 (position: sticky, pins at 20px) and desktop unchanged (absolute); Curlybun reached via HAIR arrows and recolored blonde with the tie accent intact; new swatches render as tidy 3×4 grids; PNG export still produces a valid image.

🤖 Generated with Claude Code

bluerssen and others added 5 commits July 3, 2026 15:47
The Gumroad Sketch-file promo is stale; drop the card footer and its
assets.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
utm_source=personas, utm_medium=referral, utm_campaign=avatar-generator,
with utm_content distinguishing placement (header-wordmark,
footer-wordmark, footer-link). Also fixes a 'fobust' typo in the footer
link title.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
New visitors now start from a random persona instead of the fixed
default; reuses randomizeStyles from the Randomize button.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Reimplements the sticky-preview idea from PR #40 (issue #34) by
@luanraithz against the current layout: on <768px viewports the avatar
sticks 20px from the top so style and color changes stay visible while
scrolling the styler list. Desktop keeps the original absolute
positioning since the card mostly fits in one viewport there.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- Grow skin/hair/facial-hair/body/background palettes from 8-9 to 12
  swatches each (adds blonde, blue, green, and grey hair among others),
  keeping the flat pastel aesthetic; hair and facial hair stay in sync
- Add the finished-but-never-listed Curlybun style to hairStyles and
  make its curls respect the chosen hair color (pink hair-tie accent
  kept to distinguish it from Buncurls' teal tie)
- Remove the duplicate Hat entry from hairStyles

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@bluerssen bluerssen merged commit 8bb3ddd into master Jul 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant