My

Work

User Experience / Product Design

NameStudioAPI Demo

COMPANY

Year

2019

Skills

UX Design

Product Design

Tools

Jeremy J. McLean

Jeremy J. McLean

After designing NameStudio — a user-friendly domain name generator — we needed to show how its powerful machine-learning engine could work for developers.

The NameStudio API opened that engine to the world, but we needed an interactive demo that would make the technology clear, approachable, and inspiring for developers evaluating integration.

“How do you make a complex backend easy to understand?”

Making the API Approachable

  • Mapping the endpoints: Broke the API into Spin Word, Add Prefix, Add Suffix, and other key functions.

  • Clarifying complexity: Designed a modular interface that grouped results by endpoint for easy comparison.

  • Showing logic clearly: Surfaced key backend details without overwhelming users.

  • Keeping it on-brand: Maintained the NameStudio look and feel for a developer audience.

  • 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.

screenshot of the NameStudio API demo page
screenshot of the NameStudio API demo page
screenshot of the NameStudio API demo page
Screenshot of the NAmeStudioAPI demo showing the spin word option
Screenshot of the NAmeStudioAPI demo showing the spin word option
Screenshot of the NAmeStudioAPI demo showing the spin word option
Screenshot of the NAmeStudioAPI demo showing the add Prefix / suffix option
Screenshot of the NAmeStudioAPI demo showing the add Prefix / suffix option
Screenshot of the NAmeStudioAPI demo showing the add Prefix / suffix option

Collaboration & Delivery

I partnered closely with engineering and product teams to ensure the frontend experience matched the API’s backend logic. The final design informed not only the demo but also developer documentation and onboarding materials, supporting adoption by registrars and partners.

Impact

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

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

Still used and iterated on today, the demo accelerated early integrations and continues to support platforms like Wix and Shopify.

See Live Demo

Visit the NameStudioAPI site to see the full demo.

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