Dawn Treader Books
Designing a seamless e-commerce experience for a local bookstore.
E-Commerce
UX Design
Role
UX Designer
Tools
Figma, Miro
Timeline
Aug 2025 - Oct 2025
OVERVIEW
Dawn Treader Book Shop is an antique bookstore in Ann Arbor.
As part of my course, SI 407: Interaction Design, we were tasked with evaluating and redesigning a local e-commerce store on campus.
PROBLEM
Understanding users and business needs.
I first wanted to gain a general understanding of what exactly I was "solving." In this case, what exactly is Dawn? I explored the browsing experience, its unique character — both online and in person — and how it translates online. To start, I conducted a heuristic evaluation of the Dawn Treader Book Shop’s website.
Right away, it became clear that the website functions more like a blog than a bookstore. It’s heavy on text and light on interactivity. There’s no shopping cart, no search or filters, and no straightforward way to browse or buy books. Instead, users are directed to a separate website that hosts Dawn’s product listings, which breaks the flow and makes it easy to get lost or frustrated.
What does the competitive landscape look like?
Through a competitive analysis of Barnes & Noble, Pegasus Books (a local bookstore in Berkeley, CA), and Books-A-Million, I found that all three prioritize clear navigation, strong visual hierarchy, and direct calls-to-action that guide users toward browsing and purchasing.
Defining the user
To better understand Dawn Treader’s audience, I developed a persona representing a typical customer — someone who values the charm of used books and enjoys the discovery process, but struggles with the store’s outdated and inconsistent online experience.
Problem Statement
Desk research showed that despite having a loyal customer base and strong community presence, Dawn Treader’s online experience fails to reflect the charm and accessibility of its in-store experience. The lack of clear CTAs, limited search options, and inconsistent visual hierarchy create friction in what should be an intuitive browsing experience. Users who want to explore inventory or make purchases online often encounter confusing navigation, inconsistent information, and limited functionality — leading many to abandon the website altogether in favor of larger, more convenient retailers.
Ultimately, I settled on three main goals:
01
Create a unified browsing experience that connects product discovery and purchase.
It is integral to make the storefront easy to spot and access for users.
02
Improve clarity around book availability and condition.
Users can see the book itself, however, the details surrounding it are vague and unclear.
03
Build trust through a modern, community-oriented online presence.
Specifically, the website should seem trust-worthy and legitimate, so the user is willing to spend both time and money on its products.
OUR CORE NEED
How might we streamline Dawn Treader's digital presense to merge discovery and purchase into a single, intuitive experiences?
DESIGN
Sketching
With peers, I used Crazy 8s to rapidly sketch design ideas and explore potential solutions. Drawing inspiration from the competitive analysis I conducted earlier, my initial focus was on three core features:
A consistent navigation bar across all pages for seamless browsing.
A prominent search bar to make product discovery effortless.
Immediate access to the shopping experience to reduce friction for users ready to purchase.
After sharing these sketches with my peer group, we came up with our final solution sketch.
One of my peers gave valuable feedback regarding the importance of establishing a unique voice for our business. In a crowded industry, it’s not enough to compete on functionality alone — the website should reflect the personality of the brand and foster a meaningful relationship with users.
User Flow
Design System
High-Fidelity Design - V1
EVALUATION
Usability Testing
I conducted three user tests on UserTesting.com. Each participant lives in the United States, has previous experience purchasing books online, and are in their adult years. Participants were asked to rank their frequency of purchasing books online on a scale from 1 to 5, with 1 being the lowest and 5 being the highest.
Participants were tasked with purchasing a copy of “Harry Potter and the Sorcerer’s Stone” on both the original Dawn Treader website and my current prototype. 3 out of 3 participants completed the task on the prototype, and 0 out of 3 participants completed the task on the website.
User 1 (29M)
Occasional Buyer (3/5).
Wants & Needs: Immediate access to purchase. Clear product listings and relevant details. Trust in website legitimacy for online transactions.
Paint Points:
Prototype: Confusion over checkout and “add to cart” method.
Website: No books in Shop Online section, unclear navigation, and need to contact someone to purchase.
User 2 (30F)
Frequent Buyer (5/5).
Wants & Needs: Legitimate, trustworthy, and modern browsing experience. Easy access to product listings. Accurate product details (specifically regarding condition).
Paint Points:
Prototype: Shipping dropdown confusing; “add to cart” not leading to next page.
Website: Confusing Shop Online page, difficult search, unsure if results are correct.
User 3 (46F)
Occasional Buyer (3/5).
Wants & Needs: Clear navigation and search functionality. Quick path to purchase. Faith that website is trustworthy and easy to use.
Paint Points:
Prototype: "Add to Cart" button.
Website: Navigation confusing; Shop Online section not clear. Difficulty identifying if the search results belong to Dawn Treader or elsewhere.
Affinity Map and Results
After analyzing these sessions, several patterns emerged:
Users struggled to find the separate hyperlink that directs to Dawn's storefront on AbeBooks. Even when they did, participants were unsure whether they were actually purchasing from Dawn Treader or from another bookstore, since AbeBooks hosts a variety of sellers across the country.
Users found the website's structure unclear, particularly the "Shop Online" section as it told users to contact Dawn via email and phone number. Many explored multiple tabs without success in locating where to purchase books.
Participants described the website as outdated, "drab", and less trustworthy and legitimate. They expected a more modern, streamlined experience that clearly connected users to products and purchase.
While the prototype was generally easier to navigate, participants noted issues with the "Add to Cart" functionality and some confusing elements during checkout, such as the "Shipping to..." dropdown.
SOLUTION
Final Prototype
Develop Handoff
Annotations were added to ensure my design was dev ready!
Thank you for visiting! Feel free to reach out at yutongdu@umich.edu
(Please let me know if you spot any bugs or errors on this page!)
