AT&T Beta Product Microsite

A microsite that introduces a new product builds interest, and makes signing up for a beta program feel simple.

- Overview

THE CHALLENGE

AT&T needed a microsite to introduce a new product experience and encourage visitors to sign up for its beta program.

Because the product was new, visitors needed to understand what it offered, why it was worth trying, and what they could expect before deciding to participate.

The challenge was to communicate that information without overwhelming people or making the sign-up process feel complicated.

MY ROLE

I was responsible for shaping the microsite experience, from how information was organized to how visitors would move through the page and complete registration.

I created wireframes and recommendations focused on helping visitors understand the product, find answers to their questions, and take the next step with confidence.

Rather than treating the homepage as a marketing page, I structured it as a guided journey that progressively built confidence and encouraged action.

Each section was intentionally placed to answer the user's next question while reinforcing the product's value.

Please click on this image to view a PDF of the full wireframe

Introducing the Product Through its Value

I designed the hero to immediately show visitors what the product offers and why it's worth exploring. A clear headline, supporting copy, and prominent call-to-action introduce the product, while a video brings the experience to life. Together, these elements help visitors quickly understand the benefits, build interest, and feel confident taking the next step.

Helping Visitors Explore Features Without Feeling Overwhelmed

I organized the product information into sections that gradually introduced key features and benefits.

This gave visitors an opportunity to learn more as they scrolled, without having to absorb everything at once.

Why it matters: Breaking information into smaller, meaningful sections makes unfamiliar products easier to understand.

Helping Visitors Feel Confident About Signing Up

A quotes carousel was used to highlight real user perspectives, helping visitors see the value of the product through relatable experiences. The carousel allows visitors to explore different perspectives without taking up too much space on the page.

I also included an FAQ section to address common questions about the product, eligibility, and what participation involves. Together, these sections help build trust, reduce uncertainty, and give visitors the information they need to feel confident signing up for the beta program.

Making it easy to sign up

A dedicated sign-up section on the homepage and a simple registration page make joining the beta program feel straightforward. The goal was to give visitors a clear path to sign up once they understood the product and were ready to participate.

I also added a sticky “Sign Up” button at the bottom of the screen that stays visible as visitors scroll. This was an intentional decision to keep registration within reach, allowing people to sign up whenever they're ready without having to search for the next step or scroll back through the page.

The Outcome

The final wireframes outlined a complete microsite experience, including the product introduction, feature information, sign-up opportunities, and frequently asked questions.

The design gave stakeholders a clear direction for how the site could introduce the product, answer visitors' questions, and encourage beta registration.

The outcome was a proposed experience designed to support customer understanding and make participation easier.

This project reinforced how much the order of information can influence a digital experience.

It's not enough to explain what a product does. People also need to understand why it matters to them and feel comfortable taking the next step.

By focusing on those needs, I was able to create an experience that balanced product information with a simple path to registration.