Sales and promotions are always exciting, especially when they can lower your mortgage interest rate! As I was working on Rocket Mortgage’s storefront design team, we were always the first to jump in whenever there was a promotion for our clients. Naturally, I eagerly raised my hand because I thrive on the fast-paced, chaotic quick turnaround of these projects. Before long, I became the go-to designer for flash sales. While I do love the chaos, I started to think there might be a smarter way to handle these projects. I quickly realized that for a majority of the sales we ran we always used very similar elements. That’s when I decided to create a reusable set of promotional components including animated banners, tags and card banners. Now, every sale could be handled more efficiently, making life easier for everyone myself, the stakeholders, and even the tech team.
Sales and promotions are always exciting, especially when they can lower your mortgage interest rate! As I was working on Rocket Mortgage’s storefront design team, we were always the first to jump in whenever there was a promotion for our clients. Naturally, I eagerly raised my hand because I thrive on the fast-paced, chaotic quick turnaround of these projects. Before long, I became the go-to designer for flash sales. While I do love the chaos, I started to think there might be a smarter way to handle these projects. I quickly realized that for a majority of the sales we ran we always used very similar elements. That’s when I decided to create a reusable set of promotional components including animated banners, tags and card banners. Now, every sale could be handled more efficiently, making life easier for everyone myself, the stakeholders, and even the tech team.
1
Expedited asset creation for flash sales and promotions. This has proven invaluable during recent flash sales, where tight deadlines require pre-existing assets for swift deployment across multiple product pages, maintaining high design standards.
Expedited asset creation for flash sales and promotions. This has proven invaluable during recent flash sales, where tight deadlines require pre-existing assets for swift deployment across multiple product pages, maintaining high design standards.
Expedited asset creation for flash sales and promotions. This has proven invaluable during recent flash sales, where tight deadlines require pre-existing assets for swift deployment across multiple product pages, maintaining high design standards.
2
Helped conduct a test for one of our offerings in a hero section utilizing these elements, resulting in a 15.5% increase in application starts and a 6.6% increase in mortgage leads solely through design adjustments alone.
Helped conduct a test for one of our offerings in a hero section utilizing these elements, resulting in a 15.5% increase in application starts and a 6.6% increase in mortgage leads solely through design adjustments alone.
Helped conduct a test for one of our offerings in a hero section utilizing these elements, resulting in a 15.5% increase in application starts and a 6.6% increase in mortgage leads solely through design adjustments alone.
3
Annotated each component and made sure they were ready for handoff to the tech team. Throughout the process, I worked closely with the development team to refine the elements. I also added them to our design system library, making them easily accessible for everyone on the team.
Annotated each component and made sure they were ready for handoff to the tech team. Throughout the process, I worked closely with the development team to refine the elements. I also added them to our design system library, making them easily accessible for everyone on the team.
Annotated each component and made sure they were ready for handoff to the tech team. Throughout the process, I worked closely with the development team to refine the elements. I also added them to our design system library, making them easily accessible for everyone on the team.
Various examples of how we used these elements in banner, hero sections, and within cards.
Various examples of how we used these elements in banner, hero sections, and within cards.
Role
As an experience designer, I created all the promotional elements and worked on the animations for the banners. I collaborated closely with design leads responsible for our design system and tech to develop these elements.
As an experience designer, I created all the promotional elements and worked on the animations for the banners. I collaborated closely with design leads responsible for our design system and tech to develop these elements.
As an experience designer, I created all the promotional elements and worked on the animations for the banners. I collaborated closely with design leads responsible for our design system and tech to develop these elements.
Goal
Enhance conversion rates during sales and promotions while reducing turnaround times for creating and launching them.
Enhance conversion rates during sales and promotions while reducing turnaround times for creating and launching them.
Observe how the promotional banner functions on the site
The collection of promotional element variants designed to work across multiple pages, scenarios and modes.
Observe how the promotional banner functions on the site
The collection of promotional element variants designed to work across multiple pages, scenarios and modes.
Results
By creating these assets, I empowered our team to rapidly deploy new banners showcasing the latest rates and promotions. Often within just a few hours. Moreover, these elements served as a sturdy foundation, enabling us to iteratively optimize the designs over time and drive increased conversion rates.
By creating these assets, I empowered our team to rapidly deploy new banners showcasing the latest rates and promotions. Often within just a few hours. Moreover, these elements served as a sturdy foundation, enabling us to iteratively optimize the designs over time and drive increased conversion rates.
By creating these assets, I empowered our team to rapidly deploy new banners showcasing the latest rates and promotions. Often within just a few hours. Moreover, these elements served as a sturdy foundation, enabling us to iteratively optimize the designs over time and drive increased conversion rates.
Various examples of how we used these elements in banner, hero sections, and within cards.
The collection of promotional element variants designed to work across multiple pages, scenarios and modes.
Observe how the promotional banner functions on the site
Rocket Mortgages welcome page to Rocket's online mortgage application flow, where we've crafted a warm neighborhood ambiance featuring a diverse community.
