Sparkdriverapp.com design refresh
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.
Collaborators
Content, graphic design, product, creative production, and engineering
Timeline
Q2 2024
Role
Solo designer, responsible for research and end-to-end design
Background
Sparkdriverapp.com, formerly drive4spark.walmart.com, is the primary recruitment tool for the Spark Driver™ app. While the app has evolved, the website remained outdated and inconsistent, creating friction for prospective drivers.
Leveraging a CMS migration, the team initiated a design refresh of the site to modernize the interface, align with the brand, and optimize the mobile experience.
Research
Competitor analysis
I analyzed key competitors to help me structure information and optimize the mobile long-scroll experience. Major takeaways include:
-
Use short, action-oriented headlines and minimal copy
-
Keep the “Sign-up” button visible throughout the scroll
-
Use icons, bullet points, and white space to support mobile browsing experiences
Heuristic evaluation / site audit
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.
Ideate
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 design
Home page
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
The redesign integrated points into the offer card and added a summary screen to provide clear visibility into points activity and metric updates.
Blog
Upon achieving Silver, drivers receive a celebratory message guiding them to their new rewards. Tier benefits will also be reflected on the offer cards, highlighting the value of the rewards program.
FAQs
The redesign integrated points into the offer card and added a summary screen to provide clear visibility into points activity and metric updates.
Responsive design
Although over 90% of the traffic is via mobile, the website was designed with responsiveness in mind.
Here I am showing a few screens as examples.
Reflections
Impact & growth
Change the text and make it your own. Click here to begin editing.
Things I would do differently
Change the text and make it your own. Click here to begin editing.
