Discover wants to improve online credit card application rates, and also create a modular visual design system for Adobe Experience Manager (AEM), in anticipation of an upcoming brand identity update. This undertaking creates a new visual template which improves the user experience of learning about Discover's value propositions, whilst also being easily expandable and editable for content managers.
Working with an already strongly established but very lightly defined identity, here we distill the key elements of Discover's current brand identity and product line pages that can be flexed into a more contemporary feeling, yet easily expandable experience.
Based on the core brand elements we've determined will be our foundation upon which to create a new design system, here we make initial explorations on how our product pages can be a bolder, more accessible experience. Combined with more product benefit focused messaging, we can create an updated, contemporized digital expression of the brand that can be used for user testing.
To establish a foundation for more complete and informative user testing, we've transformed both the product and category pages. Providing as much of the entire user journey as we can with our initial concepts will help validate our strategic decisions across both the individual card and broader card category experiences.
cash back card product page before/after
student cards category page before/after
With input on our initial concepts from developers and consumers alike after user testing, a viable design system starts to take shape. Working with the Discover brand design team, here we streamline our work into a highly flexible design system that meets both Discover's brand identity and accessibility standards.
example variants of one AEM module
After the final rounds of user testing and developer input, we can now implement our design system across a range of pages and viewports. Combined with the design system, this aggregation of assets, grids, and styles will act as a toolkit for Discover's internal team to utilize within AEM as a design template for future relevant product pages and other various sections of their site.