Sign-up Units

Kate Spade sign-up unit mocks

Working with clients’ individual brands in mind, I designed and built sign-up units that fit seamlessly with their sites, social media, and in-store collateral.

3 mobile fullscreen sign-up units: h&m, cerebelly, and jockey

Companies looking to grow their email and SMS subscriber list use the Attentive product to reach their users through text messages. I created a tailored experience for users to sign up for emails and texts to grow each company’s subscriber list. Every client asset I designed met Attentive’s standards of compliance regarding TCPA (Telephone Consumer Protection Act) and ADA (Americans with Disabilities Act) Guidelines.

I have designed, built, and tested thousands of sign-up units for as many brands during my four years at Attentive. My designs have led to millions of subscriber sign-ups for brands. One of my most successful landing pages grew a brand’s subscriber list by 600,000 users in 24 hours.

Desktop

Mobile

L'ange Desktop Sign-up Unit Mock
L'ange mobile sign-up unit mock

Crafting sign-up units for brands involves two steps. I created assets in Figma before sharing them with the client. Following client approval, I built out the designs using the Attentive Creative Builder. Once activated, they were instantly accessible to users on the brand’s website.

L'ange desktop and mobile sing-up units mocked in browser

When I joined Attentive, the Creative Builder product was very bare. Every sign-up unit had to be customized using CSS. For high-priority clients, I would also use HTML for additional features to make sure I met all their needs.

As Attentive extended its sign-up unit offerings, I collaborated on the creation of new unit types such as Instagram Stories and Landing Pages. I also consulted on the experience of using the Builder as a user throughout my time, so when the Creative Builder became client-facing, the user’s experience was as successful as possible.

Mobile

Full mobile sign-up unit flow

The most popular sign-up flow was the mobile web flow. A brand could collect emails and then capture mobile numbers with Attentive’s patented two-tap sign up. The user clicks the sign-up button and they are instantly linked to the messaging app with the message prefilled. All they had to do was hit SEND, and they were signed up.

All of Attentive’s sign-up units were responsive. When designing for mobile screens, I had to adjust the designs to make sure they would look perfect on any size or type of phone.

Desktop

Desktop Flow from email sign up through sms sign up

The desktop sign-up flow worked a little differently than mobile. Users had to type out their email addresses and mobile numbers in the inputs. When they clicked the last CTA button, they sent themselves a text message from the brand. All the user had to do next was reply ‘Y’ in their messaging app and they were officially signed up. Like mobile, desktop sign-up units were responsive. However, I had more control of the design elements because I could control the frame size of the unit.

BH Cosmetics Desktop Sign-up Unit

Landing Pages

Fashion Nova Landing Page
Charlotte Tillbury Landing Page

Almost every client requested a landing page to go along with their desktop and mobile units. Unlike those units, one landing page is built for both mobile and desktop screens. I had to use a large amount of custom CSS, and in some cases, HTML to design and build out these landing pages so they were responsive to every screen size. I’ve worked on multiple, crucial landing page campaigns for high-priority clients that required quick turnarounds and high levels of customization.

Instagram Stories

Compilation of different instagram sign-up units

Brands were able to leverage Attentive’s two-tap technology with Instagram story sign-up units. Clients were offered custom-made Instagram assets with a sticker for users to sign up for texts in two steps, like the mobile sign-up unit. Instagram story sign-up units were some of the few types of assets that were not responsive, so I had some flexibility in designing while still using a client’s branding seamlessly.

When the unit type was going through its testing phase, I was the designer consulting on the features for the stories and the landing pages needed in the Creative Builder. I built out the first designs and created the client request process that is still used today. The first Instagram story sign-up unit that went live was for one of the biggest celebrity brands in the world. While I can't reveal their name, it was exciting to create and see my design in their Instagram stories.

Text-to-Join

Framebridge exterior signage showing a text-to-join sign-up unit
Framebridge TTJ sign-up unit mock

I not only designed digital assets for clients but also developed print collateral (aka Text-to-Join at Attentive). Brands could encourage sign-ups through offline channels, including in-store signage, checkout kiosks, packaging, receipts, mailers, event collateral, and more. This was a popular way to grow a brand’s subscriber list while users were shopping in person. It also incentivized shoppers to sign up for texts while waiting in line to unlock exclusive savings at checkout.

in-store signage mock