Formulation
Discover wants to improve online credit card application rates, and also create a modular visual design system for Adobe Experience Manager (AEM), their new content management system of choice. 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 base upon which to create a new design system, here we make initial explorations on how a Discover product page can be a bolder, more accessible, more informational 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.
cash back card product page before/after
student cards category page before/after
Implementation
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.
