My

Work

User Experience / Product Design

NameStudioAPI Web Component

COMPANY

Year

2020

Skills

UX Design

Product Design

Tools

Jeremy J. McLean

Jeremy J. McLean

After creating the NameStudio API Demo, we saw a clear gap: many registrars wanted NameStudio’s powerful domain-suggestion engine but lacked the bandwidth for a full API build.

The solution was the NameStudio API Web Component — a lightweight, embeddable tool that delivers intelligent domain search out of the box while letting partners style it to feel native to their brand.

What if building a full API integration isn’t an option?

Making the Component Adaptable

  • Defining what could flex: Identified safe-to-customize variables — color, typography, layout, behavior.

  • Building a scalable UI: Designed a modular system that adapts to any brand without breaking usability.

  • Balancing polish & flexibility: Made it feel native everywhere while preserving functionality.

  • Simplifying setup: Kept integration lightweight and developer-friendly.

  • Storyboarding concepts: Before animating, I sketched out simple storyboards to explore how each message could unfold visually — mapping the motion, pacing, and key moments of impact.

  • Turning words into visuals: Using the approved storyboard direction, I illustrated custom vector graphics that embodied the message — bold, clear, and unmistakably tied to the .com identity.

  • Building repeating animations: In After Effects, I animated each concept so it could play as a short story that repeats cleanly, keeping the message clear and attention-grabbing on a loop.

  • Designing for performance: Each GIF was carefully optimized to stay crisp and engaging while meeting strict file-size requirements for digital and social platforms.

Collaboration & Delivery

I partnered closely with engineering to shape the component’s architecture and ensure every customizable element stayed robust and easy to implement. I also worked with the design team to create an intuitive configuration interface, enabling partners to preview and apply their brand styles in real time.

Impact

The NameStudio API Web Component gave registrars and partners — especially those without the resources for a full API integration — a plug-and-play way to deliver intelligent domain search.

The demo gave developers a hands-on way to explore NameStudio’s machine-learning engine, turning raw API data into a clear, interactive experience.

See the Live Configurator

Visit the NameStudioAPI site to the web component in action.

Jeremy J. McLean

jeremy@jjmclean.net

Designed and developed by JJMcLean.net.
All rights reserved, ©2025

Built with

Jeremy J. McLean

jeremy@jjmclean.net

Designed and developed by JJMcLean.net.
All rights reserved, ©2025

Built with

Jeremy J. McLean

jeremy@jjmclean.net

Designed and developed by JJMcLean.net.
All rights reserved, ©2025

Built with