B2B Brand Customization
Built self-serve brand tools for company admins on public profile pages so identity updates did not need support tickets.
Overview
On a consumer platform with performance-sensitive public profile pages, I worked on brand customization tools so company admins could manage identity without filing support tickets.
Problem
Profile customization options were thin, so company admins had little control over how the public profile looked beyond basic fields. We needed self-serve tools simple enough for non-technical admins.
Constraints
- Public profile pages: performance mattered.
- Existing monolithic frontend.
- UX had to work for non-technical company admins.
Architecture
Refactored the profile editor with custom cover cropping, Unsplash, and video. Moved editor state from prop-drilling to Context API.
Key Decisions
Context API for editor state
Prop-drilling had become unmanageable. Context was enough for that editor at the time.
Unsplash plus cropping
Gave admins a usable image library and consistent cover framing.
Styled Components from Figma
Matched DevMode specs without inventing a parallel design language.
Tech stack
- React
- TypeScript
- Context API
- Styled Components
- Unsplash API
- Figma
Impact
Admins could set cover crop, Unsplash images, and video on the public profile from the editor.
Learnings
- Editor state belongs close to the surface that owns cropping and media choices; Context beat prop-drilling here without a heavier store.