Amazon Interactive Map Widget

Kiesha Allen

0

Graphic Designer

Web Designer

UI Designer

Figma

I worked with the Amazon team to design an interactive map for their bestselling books, I knew I wanted to create something both engaging and seamlessly integrable. I designed an interactive experience that would naturally draw users into exploring bestsellers across different states, whether checking their own state's top reads or discovering what's popular across the country. The design challenge was creating something that felt native to Amazon's ecosystem while being distinctive enough to capture attention. I focused on a clean, minimalist interface with a dark-themed map that makes the interactive elements pop. I carefully considered the user journey, implementing an intuitive dropdown for state selection and designing book preview cards that provide just enough information to spark interest. The mobile experience was particularly crucial - I redesigned the interface to maintain the same level of engagement while optimizing for touch interactions and smaller screens. The result was a highly interactive feature that Amazon could flexibly embed across their platform.
Interactive Map : Desktop
Interactive Map : Desktop
The client provided data that included which book was bestseller for each state. Starting with the wireframes, I explored how to present this information in a way where it would be most useful and engaging to our users. Should they see all of these books upfront or hidden behind an interface element like hotspots? Does seeing one specific title entice more engagement than just taking general list of of book covers in a side menu? In the end we decided that having the map front and center was most important stripping away the books, not to be seen until hovering or clicking on a state.
This is ideal because it allows the user to look for their state first istead of a book. Putting the ephasis on location helps drive home the initial goal of client which is to try to drive engagament through community.
In a follow-up meeting the client also revealed that the book map would living on many marketing landing pages. Allowing marketing teams to place where needed in their campaigns. Gathering this new information meant that I needed to revise the look and feel of the creative so it can live seamlessly on any page on Amazon's website versus a interactive landing page that had to hold it's own creatively.
In the end I presented them with a seamless interactive experience that they can plugin to any page they desire (thanks to Ceros).
Like this project
0

Posted Nov 6, 2024

Designed an engaging interactive map experience for Amazon, showcasing bestselling books state by state. Users explore local favorites through an intuitive inte

Likes

0

Views

7

Clients

Amazon

Tags

Graphic Designer

Web Designer

UI Designer

Figma

LoneFox Custom E-commerce Design
LoneFox Custom E-commerce Design
Clinique iD Interactive Landing Page
Clinique iD Interactive Landing Page
Om On Wellness App Landing Page
Om On Wellness App Landing Page
Ami Wellness Custom E-commerce Design
Ami Wellness Custom E-commerce Design