Cybersource
Elevating the digital payment experience.
Cybersource, a subsidiary of Visa specializing in e-commerce payment solutions, sought to revamp its website to enhance user experience and differentiate itself in the competitive landscape. As a Senior Designer, I collaborated with Publicis Sapient to create a solution-focused web experience that addresses client challenges and reinforces Cybersource's industry leadership.
Solution //
B2B, Website, Design System, CMS
Role // Senior Designer
Responsibilities
Developed a component-based design system
Ensured brand consistency with Visa's visual identity
Simplified site navigation for intuitive user experience
Collaborated with cross-functional teams to align design with business objectives
Project specifications
Tools:
Adobe XD
Adobe Photoshop
The Challenge
Cybersource's existing website faced several issues:
Brand Identity: Needed to align closely with Visa's branding while establishing its own distinct presence.
User Navigation: Complex site structure made it difficult for users to find relevant information.
Content Management: Lacked flexibility for updates, requiring a more dynamic solution.
Design Solutions
Component-Based Design System: Developed modular components allowing for easy updates and scalability, ensuring the website can evolve with the brand.
Brand Integration: Adopted Visa's color schemes and typography to build trust, while incorporating unique visual elements to distinguish Cybersource.
Streamlined Navigation: Simplified the site's navigation structure, enabling users to effortlessly access tailored content relevant to their needs.
Flexible Content Management System (CMS): Designed a CMS that empowers content managers to easily modify headers, images, and backgrounds without extensive technical knowledge.
Impact & Results
Enhanced User Engagement: The intuitive design and navigation led to increased user interaction and time spent on the site.
Improved Brand Perception: Aligning closely with Visa's branding while establishing a distinct identity reinforced Cybersource's credibility and market position.
Operational Efficiency: The flexible CMS reduced the time and resources needed for content updates, allowing for more dynamic and timely information delivery.
Team
—
Director: Erik Norgaard
Design Lead: Erin Magbee
Senior Designer: Mei Li
UX Designer Lead: Jonathan Chavez
UX Designer: Michael Mann
Project Manager: Gina Mortimer