How might we help customers when our page doesn't match what they expect?
The "Communication Preferences" page allows customers to manage their marketing preferences across several channels. Occasionally, the email marketing team flags a customer's email as "spam" and stops sending them communications. How might we fix this issue for the customer, and resolve it within our limits?
Role: UX Designer
Role: UX Designer
* mention cliff's issue
* explain technical details
* show design
*clarify how design helps
* explain technical details
* show design
*clarify how design helps
In this matrix, we were given direction on a hero image, a banner, a section to showcase the app features, how it works, and another FAQ section. The images were provided separately, although many did not work.
This was a very helpful jumping-off point, but left many of our questions unanswered. There is no video explaining what Hubspace is, or how to connect it to your smart devices. |
After tweaking some copy, we had built the page below. The videos we were hoping for were not ready for implementation yet, so I substituted with static images. I also included the Google, Apple and Alexa badges to show with what Hubspace works.
From this last iteration, we learned we needed to add a few more things to promote the value proposition of a "consistent, simple experience" and and demonstrating use cases.
The copywriter and I worked to find a place and format for the blurb, which was to sit right below the hero. We wanted to call out Hubspace's exclusivity with Home Depot in the hero, but it could not fit. The blurb mentions that and also gives the reader a brief explanation which makes the rest of the page more digestible.
Videos were a staple for this page. They weren't made available to us until the end, but it helped to replace the static images that were in place beforehand. Static images with no linking destination do not perform well.
- A blurb spelling out how easy the app is to use.
- Videos demonstrating how to connect your smart devices.
- Links to products that work with Hubspace.
The copywriter and I worked to find a place and format for the blurb, which was to sit right below the hero. We wanted to call out Hubspace's exclusivity with Home Depot in the hero, but it could not fit. The blurb mentions that and also gives the reader a brief explanation which makes the rest of the page more digestible.
Videos were a staple for this page. They weren't made available to us until the end, but it helped to replace the static images that were in place beforehand. Static images with no linking destination do not perform well.
Lastly, we added products to the Hubspace page. Originally, our content was going to sit on an automatically generated list of Hubspace products, but due to technical limitations we could not accomplish this. In our tight timeframe I had to rebuild the entire page on a separate platform. On this new platform we listed all of the Hubspace products that had launched, noting that there would be more to come. The goal here was to convert readers once they felt comfortable enough with the Hubspace products.