Withfriends: Lead design, 2019

As a facet of the onboarding redesign, I redesigned the Withfriends lead page to clarify what Withfriends is. Every element of the site was considered as an opportunity to teach potential accounts and customers about our product and our brand.

When visitors arrive at withfriends.co, the first module on the page promotes a one-liner explaining the businesses proposition, with a stats ticker that highlights the value add of using the product. 

Below that, featured businesses and events help to illustrate the types of businesses who use the product as well as the types of events. Category tags on the business cards help identify the businesses to visitors who might be from other cities where they wouldn’t know the name of a given space, but might be interested to know that it is a music venue, for example.

Every page ends with an upsell module that emphasizes the value add of the product and has a CTA that begins the onboarding process. On the landing page, there is also a module to encourage visitors to sign up to the Withfriends newsletter.


The business directory serves as a placeholder until discovery features can be developed. This page serves to further the goal of illustrating the types of businesses and organizations that use Withfriends, in order to encourage similar businesses to use the product. Seeing an established and iconic business like Bluestockings in New York on this page makes businesses more trusting and excited to use the product.


Similarly, the featured events page highlights some significant events at a variety of businesses. 


The primer page begins the onboarding process by clarifying the steps in using Withfriends and once again emphasizing the value add and the types of businesses that use the product.