Salesforce Marketing Cloud Page Redesign

2024

Project Overview

This page aims to increase awareness of Salesforce Marketing Cloud's capabilities in launching omnichannel marketing campaigns.

Objective

The challenge was to redesign and improve the existing layout, which was not responsive and overloaded with text. The previous design included screenshots of interfaces that were resized and difficult to interpret, making it challenging for users to understand the features being demonstrated.

Approach

To enhance scannability, the information was reorganized into a more concise, digestible format. We reduced unnecessary animations to create a cleaner experience and implemented a dynamic tab section to display the images in a more user-friendly way.

Skills & Tools

Ideation, Wireframing, Sketching, Prototyping, Usability Testing, Front-End Development (HTML, CSS, JS), SFMC, Bootstrap 5

Become a Customer Redesign

2022

Project Overview

"Become a Customer" is a lead-generation landing page designed to direct potential customers to the market response team and streamline the Sysco Shop's prospect workflow.

Objective

To reimagine and enhance the existing layout in a way that effectively communicates Sysco’s value propositions with a more engaging presentation that increases conversion.

Approach

Leveraged UI best practices to design a high-conversion layout, integrating a Bootstrap CSS framework. The redesign incorporates a parallax effect, with dynamic micro-interactions and animations to create a more immersive user experience. The revised layout lists benefits to address pain points with clear and compelling copy, and incorporates an FAQ section to proactively answer questions and prevent unqualified leads from applying.

Result

The redesign led to a 5% increase in click-through rates across all components and a 17% boost in form section conversions. The new layout has since been repurposed as a template for dynamically populated pages tailored to segmented audiences.

Skills & Tools

Ideation, Wireframing, Sketching, Prototyping, Usability Testing, Front-End Development (HTML, CSS, JS), SFMC, Bootstrap 5

Market Corner Redesign

2020

Project Overview

Sysco Market Corner is a weekly report that provides key commodity insights, keeping users informed and supporting them in managing their business.

Challenge

To redesign the page to present the full report and provide a seamless option for users to download the attached PDF.

Approach

Conducted research on UX/UI best practices to improve scannability and optimize common user scanning patterns. The redesign employs the Z-pattern layout to establish a clear visual hierarchy, positioning key information in the most prominent areas for better user navigation and engagement.

Skills & Tools

Ideation, Wireframing, Sketching, Prototyping, Usability Testing, Front-End Development (HTML, CSS, JS), SFMC, Bootstrap 5