Sparkdriverapp.com design refresh
Mobile web & CMS migration | Walmart Global Tech | 2024 🚀
Role
Solo designer, responsible for research and end-to-end design
Timeline
Q2 2024
Overview
I led the early vision and pilot design of the Spark Driver rewards program to strengthen driver engagement through greater visibility and motivation.
Redesign before & after
About the product
Sparkdriverapp.com, previously known as drive4spark.walmart.com, serves as the main recruitment hub for the Spark Driver app. The website offers comprehensive insights into the benefits of delivering for Spark Drivers, detailing the mechanics of earnings and the various types of offers available.
Why redesign
Outdated Visuals & Brand Alignment
The current design no longer reflects the brand’s evolving identity. A refresh ensures the website feels modern, and consistent with the later in-app experience.
Improve Usability and Engagement
Current site creates friction in navigation and doesn’t fully adapt to mobile-first behaviors. A refreshed design can highlight CTA more clearly, streamline information hierarchy, and ultimately improve engagement metrics.
Scalability and Management
The site is migrating to a site management system (CMS). The team saw it as the perfect opportunity to fresh up the design.
Research
Competitor analysis
I analyzed competitors to help me identify best practices for structuring information, prioritizing key features, and optimizing the long-scroll experience to drive engagement and discoverability.
Key takeaways include:
- Use short, action-oriented headlines and minimal copy
- Keep the “Sign-up” button visible throughout the scroll
- Highlight earnings, flexibility, and sign-up steps early
- Break content into clear sections — hero, benefits, process, sign-up
- Use icons, bullet points, and white space to support mobile reading.
Site audit & Heuristic analysis
I also conducted a heuristic evaluation of the existing site to identify usability issues. This helped me uncover friction points and prioritize areas for improvement.
Ideation
Sitemap
Ideation began with aligning on the site structure and content strategy. I worked with stakeholders closely to define the sitemap, clarify key interactions, and determine what content belonged on each page.
Wireframe
Once the structure was agreed upon, I created low-fidelity wireframes of the mobile experience to align everyone on layout, key sections, and primary calls-to-action before moving into higher-fidelity design.
Final designs
Homepage
The site opens with an autoplay video to set expectations, followed immediately by a primary 'Sign Up' CTA. The layout then addresses top driver questions such as earnings, trip types, and eligibility, with a "Learn more" CTA for more details.
To improve mobile usability, the redesign features a persistent 'Sign Up' button and uses color-blocked sections to break the long scroll into scannable, digestible chunks.
Navigation
The new side menu streamlines access to key areas like earnings, offers, rewards, and FAQs, along with language and login settings.
The menu expands and anchors to specific sections of the page, allowing users to preview the page content at a glance and instantly navigate to the content they need.
Subpages
Users can navigate to subpages through the side menu or the homepage’s “Learn More” CTA. Each subpage focuses on a single topic—such as earnings, offers, or rewards, and presents detailed information in a structured, long-scroll layout.
Content is broken into clearly labeled sections using short titles and color-blocked backgrounds, making the experience easy to scan, intuitive to navigate, and consistent with the homepage design.
Blogs
The blog highlights driver stories and platform updates, with a featured article at the top of the page followed by a list of past posts.
The redesign emphasizes clarity and consistency by adding tags and release dates and standardizing the blog card layout, making articles easier to scan, compare, and discover.
FAQs
The FAQ redesign improves discoverability and readability by introducing a search bar and strengthening the visual hierarchy between questions and answers. Related questions are clearly grouped by topic, making it easier for users to scan and locate the information they need.
Reflections
Challenges & constraints
This project was delivered under several key constraints that shaped both the design process and the final outcome.
First, the project operated on a tight release timeline, requiring multiple teams, including design, creative production, and content, to work in parallel. As content continued to evolve throughout the process, designs needed to be iterated on frequently.
Second, the CMS we were migrating to offered limited flexibility for mobile experiences, as it primarily supported desktop use. Only a limited set of components was available for responsive design. As a result, the mobile experience prioritized simplicity and structural clarity over more expressive interactions, ensuring the designs could be implemented reliably within the system’s constraints.
Impact & growth
The redesign improves usability, navigation, and scannability while supporting a CMS migration through modular layouts and reusable components, enabling both a better user experience and easier content management.
Things I would do differently
Given the quick release timeline, this redesign prioritized speed high-fidelity iterations. In future projects, I would spend more time working on wireframes and collaborate with the visual design team earlier to incorporate feedback throughout the process.
Sparkdriverapp.com design refresh
Mobile web & CMS migration | Walmart Global Tech | 2024 🚀
Role
Solo designer, responsible for research and end-to-end design
Timeline
Q2 2024
Overview
As part of the migration to a CMS tool, I led the end-to-end redesign of the Spark Driver website, aligning the experience with the Spark Driver app to enhance usability and increase driver sign-ups.
Redesign before & after
About the product
Sparkdriverapp.com, previously known as drive4spark.walmart.com, serves as the main recruitment hub for the Spark Driver app. The website offers comprehensive insights into the benefits of delivering for Spark Drivers, detailing the mechanics of earnings and the various types of offers available.
Why redesign
Outdated Visuals & Brand Alignment
The current design no longer reflects the brand’s evolving identity. A refresh ensures the website feels modern, and consistent with the later in-app experience.
Improve Usability and Engagement
Current site creates friction in navigation and doesn’t fully adapt to mobile-first behaviors. A refreshed design can highlight CTA more clearly, streamline information hierarchy, and ultimately improve engagement metrics.
Scalability and Management
The site is migrating to a site management system (CMS). The team saw it as the perfect opportunity to fresh up the design.
Research
Competitor analysis
I analyzed competitors to help me identify best practices for structuring information, prioritizing key features, and optimizing the long-scroll experience to drive engagement and discoverability.
Key takeaways include:
- Use short, action-oriented headlines and minimal copy
- Keep the “Sign-up” button visible throughout the scroll
- Highlight earnings, flexibility, and sign-up steps early
- Break content into clear sections — hero, benefits, process, sign-up
- Use icons, bullet points, and white space to support mobile reading.
Site audit & Heuristic analysis
I also conducted a heuristic evaluation of the existing site to identify usability issues. This helped me uncover friction points and prioritize areas for improvement.
Ideation
Sitemap
Ideation began with aligning on the site structure and content strategy. I worked with stakeholders closely to define the sitemap, clarify key interactions, and determine what content belonged on each page.
Wireframe
Once the structure was agreed upon, I created low-fidelity wireframes of the mobile experience to align everyone on layout, key sections, and primary calls-to-action before moving into higher-fidelity design.
Final designs
Homepage
The site opens with an autoplay video to set expectations, followed immediately by a primary 'Sign Up' CTA. The layout then addresses top driver questions such as earnings, trip types, and eligibility, with a "Learn more" CTA for more details.
To improve mobile usability, the redesign features a persistent 'Sign Up' button and uses color-blocked sections to break the long scroll into scannable, digestible chunks.
Navigation
The new side menu streamlines access to key areas like earnings, offers, rewards, and FAQs, along with language and login settings.
The menu expands and anchors to specific sections of the page, allowing users to preview the page content at a glance and instantly navigate to the content they need.
Subpages
Users can navigate to subpages through the side menu or the homepage’s “Learn More” CTA. Each subpage focuses on a single topic—such as earnings, offers, or rewards, and presents detailed information in a structured, long-scroll layout.
Content is broken into clearly labeled sections using short titles and color-blocked backgrounds, making the experience easy to scan, intuitive to navigate, and consistent with the homepage design.
Blogs
The blog highlights driver stories and platform updates, with a featured article at the top of the page followed by a list of past posts.
The redesign emphasizes clarity and consistency by adding tags and release dates and standardizing the blog card layout, making articles easier to scan, compare, and discover.
FAQs
The FAQ redesign improves discoverability and readability by introducing a search bar and strengthening the visual hierarchy between questions and answers. Related questions are clearly grouped by topic, making it easier for users to scan and locate the information they need.
Reflections
Challenges & constraints
This project was delivered under several key constraints that shaped both the design process and the final outcome.
First, the project operated on a tight release timeline, requiring multiple teams, including design, creative production, and content, to work in parallel. As content continued to evolve throughout the process, designs needed to be iterated on frequently.
Second, the CMS we were migrating to offered limited flexibility for mobile experiences, as it primarily supported desktop use. Only a limited set of components was available for responsive design. As a result, the mobile experience prioritized simplicity and structural clarity over more expressive interactions, ensuring the designs could be implemented reliably within the system’s constraints.
Impact & growth
The redesign improves usability, navigation, and scannability while supporting a CMS migration through modular layouts and reusable components, enabling both a better user experience and easier content management.
Things I would do differently
Given the quick release timeline, this redesign prioritized speed high-fidelity iterations. In future projects, I would spend more time working on wireframes and collaborate with the visual design team earlier to incorporate feedback throughout the process.
Sparkdriverapp.com design refresh
Mobile web & CMS migration | Walmart Global Tech | 2024 🚀
Role
Solo designer, responsible for research and end-to-end design
Timeline
Q2 2024
Overview
As part of the migration to a CMS tool (AEM), I led the end-to-end redesign of the Spark Driver website, aligning the experience with the Spark Driver app to enhance usability and increase driver sign-ups.
Redesign before & after
About the product
Sparkdriverapp.com, previously known as drive4spark.walmart.com, serves as the main recruitment hub for the Spark Driver app. The website offers comprehensive insights into the benefits of delivering for Spark Drivers, detailing the mechanics of earnings and the various types of offers available.
Why redesign
Outdated Visuals & Brand Alignment
The current design no longer reflects the brand’s evolving identity. A refresh ensures the website feels modern, and consistent with the later in-app experience.
Improve Usability and Engagement
Current site creates friction in navigation and doesn’t fully adapt to mobile-first behaviors. A refreshed design can highlight CTA more clearly, streamline information hierarchy, and ultimately improve engagement metrics.
Scalability and Management
The site is migrating to a site management system (CMS). The team saw it as the perfect opportunity to fresh up the design.
Research
Competitor analysis
I analyzed competitors to help me identify best practices for structuring information, prioritizing key features, and optimizing the long-scroll experience to drive engagement and discoverability.
Key takeaways include:
- Use short, action-oriented headlines and minimal copy
- Keep the “Sign-up” button visible throughout the scroll
- Highlight earnings, flexibility, and sign-up steps early
- Break content into clear sections — hero, benefits, process, sign-up
- Use icons, bullet points, and white space to support mobile reading.
Site audit & Heuristic analysis
I also conducted a heuristic evaluation of the existing site to identify usability issues. This helped me uncover friction points and prioritize areas for improvement.
Ideation
Sitemap
Ideation began with aligning on the site structure and content strategy. I worked with stakeholders closely to define the sitemap, clarify key interactions, and determine what content belonged on each page.
Wireframe
Once the structure was agreed upon, I created low-fidelity wireframes of the mobile experience to align everyone on layout, key sections, and primary calls-to-action before moving into higher-fidelity design.
Final designs
Homepage
The site opens with an autoplay video to set expectations, followed immediately by a primary 'Sign Up' CTA. The layout then addresses top driver questions such as earnings, trip types, and eligibility, with a "Learn more" CTA for more details.
To improve mobile usability, the redesign features a persistent 'Sign Up' button and uses color-blocked sections to break the long scroll into scannable, digestible chunks.
Navigation
The new side menu streamlines access to key areas like earnings, offers, rewards, and FAQs, along with language and login settings.
The menu expands and anchors to specific sections of the page, allowing users to preview the page content at a glance and instantly navigate to the content they need.
Subpages
Users can navigate to subpages through the side menu or the homepage’s “Learn More” CTA. Each subpage focuses on a single topic—such as earnings, offers, or rewards, and presents detailed information in a structured, long-scroll layout.
Content is broken into clearly labeled sections using short titles and color-blocked backgrounds, making the experience easy to scan, intuitive to navigate, and consistent with the homepage design.
Blogs
The blog highlights driver stories and platform updates, with a featured article at the top of the page followed by a list of past posts.
The redesign emphasizes clarity and consistency by adding tags and release dates and standardizing the blog card layout, making articles easier to scan, compare, and discover.
FAQs
The FAQ redesign improves discoverability and readability by introducing a search bar and strengthening the visual hierarchy between questions and answers. Related questions are clearly grouped by topic, making it easier for users to scan and locate the information they need.
Reflections
Challenges & constraints
This project was delivered under several key constraints that shaped both the design process and the final outcome.
First, the project operated on a tight release timeline, requiring multiple teams, including design, creative production, and content, to work in parallel. As content continued to evolve throughout the process, designs needed to be iterated on frequently.
Second, the CMS we were migrating to offered limited flexibility for mobile experiences, as it primarily supported desktop use. Only a limited set of components was available for responsive design. As a result, the mobile experience prioritized simplicity and structural clarity over more expressive interactions, ensuring the designs could be implemented reliably within the system’s constraints.
Impact & growth
The redesign improves usability, navigation, and scannability while supporting a CMS migration through modular layouts and reusable components, enabling both a better user experience and easier content management.
Things I would do differently
Given the quick release timeline, this redesign prioritized speed high-fidelity iterations. In future projects, I would spend more time working on wireframes and collaborate with the visual design team earlier to incorporate feedback throughout the process.