project background

Announcing Newly Launched Locality! 
How We Reimagined A Site Experience To Optimize for Increased Conversions
(Work was done under discretion of Athletics Agency)

Athletics Agency partnered with Locality to support a series of brand launch announcement activities. Within this project, I worked as the sole UX/UI Designer, alongside of team of Brand Designers, Strategist and Developers to deliver a strong landing page that introduced Locality, with a goal in making splash in the streaming and broadcast ad world.

Situation

Gamut and CoxReps underwent a merger, bridging the local broadcasting experience with tech streaming products. As a result, Locality was formed and we were tasked with creating an online experience to celebrate and communicate this announcement to the world.

Key Info

This would be the first announcement and introduction of Locality to the general public, so we had to ensure the first impression was memorable and clearly communicated the company's new mission.

How can we create an experience that celebrates and introduces the emergence of Locality, while effectively showcasing the new product offerings?

Solution

research

being not well-versed in streaming/media industry meant I needed to check out the competition.. most sites are showing the same

My cross-analysis of 4 competitor platforms gave me a good understanding of any repeating patterns, content hierarchy, interesting features, interactions, and opportunities for improvement. It seemed most of these competitors showed the same type of information, laid out in a similar way.

I also ran an internal site analysis of CoxReps and Gamut (the OG sites), as this gave me great insight into what the two original companies showcased on their sites. This is where I identified (and later confirmed with the client) that we needed the following elements:

Service Icon

Product OFferings

Short, but informational, details on the product offerings from Locality

Service Icon

About US, Leadership

It was important to Locality to showcase who leadership was post-merger

Service Icon

Contact Form

Even though this would only serve as the first phase of this site, we needed a way to start collecting user outreach to generate leads

ideate - content wireframes

content wireframes were ideal for sharing the layout structure with the client + team, before getting to far into the designs

I utilized Content Block Wireframes, which I found to be super helpful in visualizing site structure, for this project. Why? At this point the client agreed with what content was most important to showcase on this website launch, and it would be easy to communicate site structure to the rest of the internal team, who would come in to help with applying the new visual brand.

1 or 2 Page Layout??

Our client initially pushed our team to think about making this site two pages, with the About Us/Leadership on its own separate page.

However, we knew that historically click rate to the About Us page had a risk of being low. We also knew that it was important to showcase leadership on this launch, so we advocated for this info to live on the landing page, ensuring each user that came to the new site would see the leadership section.

wireframing & Sketching

Sketching provided refreshing ideas on how to showcase the most important information  -> the product offerings

Now that we had an approved content wireframe, I moved into low-fidelity wireframing and sketching to get ideas on how each content block could transform into a blueprint element.

Design - ui

incorporating the new brand guidelines was fun, we wanted to show the client multiple options to get their Excitement up and feel included

The super talented team at Athletics delivered a new rebranded style guide, to which myself and a Brand Designer were able to apply to the wireframes. We worked through sketches and ideas, and ultimately came to our finalized high fidelity wireframes together. To make the site feel livelily, we added in a couple interactions!

Interactions were added to bring life and movement to the site

final design

Takeaways

As we were ready to hand off design annotations to the client, there was a last minute request to see if our in-house product team would develop the site. This was unexpected as the original agreement was to only pass off the design specs. We quickly scheduled a call with our dev team to see what was doable, but ultimately in the end the client's product team was able to pull through to get the site up and running in time! This served as a good reminder that plans can pivot at any time and unexpectedly. The client was happy with the design deliverables, and we were excited to be a part of their own celebration as a new company! 

star icon design

Interested in working together? want to talk coffee and plant tips?

CTA Concept Image