People Data Labs
Project type
Motion Design
Illustration
Visual Design
Art Direction
My role
As a member of the design team, I help set the standards and define how our brand looks and feels across multiple touch points. The primary touch point is the marketing website. The first major project of the rebrand, after crafting the new brand guidelines, was to redesign the People Data Labs website.
Web Animation & Motion Design
Context
Background
The design team completed a full rebrand of the People Data Labs identity in Q2 of 2022. The highest priority project was a redesign of the marketing website. Since the website is often the first touchpoint for our customers, it was imperative to create a positive and holistic user experience. I worked with the marketing, product and product marketing teams, as well as executive leadership, to build out the visual content for this project. I crafted customer-centric layouts, interactions, animations and illustrations.
The Results
Product demos
The finished redesigned website consisted of 52 pages, 13 of which were new and based on the strategic decision to add new content about the features and potential use cases for the APIs and data. The product team is in the process of setting up A/B tests for copy and visuals so we can further optimize for the effectiveness of the website. The project has been handed off to the web team and is currently in development. The new website is set to launch in Q1 2023. Below are examples of a few of the different types of pages. Please reach out for more work if interested.
Navigation
The navigation bar had several nested menus, so the layout, interaction, and motion had to be carefully considered.
Homepage
The homepage features a hero Lottie animation, an animated map, and several other components that are repeated throughout the site, including interactive code blocks, dual CTAs, and customer testimonials.
Product Pages
Product pages describe use cases and implementation for each of the 11 APIs. Lottie animations help illustrate API functionality.