georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
Type
Type
Website
Website
My Role
My Role
UI/UX designer
UI/UX designer
Year
Year
2024
2024
Software
Software
Overview
Overview
BookVerse is a digital platform for physical book lovers, offering a visually rich experience that helps users discover new genres, curated collections, and connect with a passionate reading community.
BookVerse is a digital platform for physical book lovers, offering a visually rich experience that helps users discover new genres, curated collections, and connect with a passionate reading community.
Problem Statement
Problem Statement
Many platforms overlook the emotional connection to physical books, focusing only on functionality. BookVerse fills this gap with intuitive design and features that celebrate the joy of reading.
Many platforms overlook the emotional connection to physical books, focusing only on functionality. BookVerse fills this gap with intuitive design and features that celebrate the joy of reading.
Goals
Goals
Design a visually inspiring homepage that captures the magic of books
Design a visually inspiring homepage that captures the magic of books
Showcase key features like genre browsing, curated collections, and discovery tools
Showcase key features like genre browsing, curated collections, and discovery tools
Create an engaging experience that mirrors a physical bookstore
Create an engaging experience that mirrors a physical bookstore
Connect readers with stories that inspire, educate, and entertain
Connect readers with stories that inspire, educate, and entertain
Competitors
Competitors
Strengths:
Strengths:
Huge book selection, smart recommendations, low prices, and global delivery.
Huge book selection, smart recommendations, low prices, and global delivery.
Weaknesses:
Weaknesses:
Functional but cluttered interface, lacks emotional/visual appeal and community.
Functional but cluttered interface, lacks emotional/visual appeal and community.
Opportunities for BookVerse:
Opportunities for BookVerse:
Offer a more immersive, bookstore-like experience with curated picks and stronger community features for reader engagement.
Offer a more immersive, bookstore-like experience with curated picks and stronger community features for reader engagement.
Strengths:
Strengths:
Strong reader community with reviews, ratings, challenges, and personalized lists.
Strong reader community with reviews, ratings, challenges, and personalized lists.
Weaknesses:
Weaknesses:
No book sales, outdated interface, and disconnected shopping experience.
No book sales, outdated interface, and disconnected shopping experience.
Opportunities for BookVerse:
Opportunities for BookVerse:
No book sales, outdated interface, and disconnected shopping experience.
No book sales, outdated interface, and disconnected shopping experience.
Strengths:
Strengths:
Focus on affordability, second-hand options, and free global shipping—great for budget- and eco-conscious readers.
Focus on affordability, second-hand options, and free global shipping—great for budget- and eco-conscious readers.
Weaknesses:
Weaknesses:
Basic design, limited discoverability, and weak personalization.
Basic design, limited discoverability, and weak personalization.
Opportunities for BookVerse:
Opportunities for BookVerse:
Enhance visual storytelling, offer curated collections, and add social features like virtual shelves for sharing book lists
Enhance visual storytelling, offer curated collections, and add social features like virtual shelves for sharing book lists
Strengths:
Strengths:
Trusted brand, strong physical book focus, seamless online-store integration, and curated genre sections.
Trusted brand, strong physical book focus, seamless online-store integration, and curated genre sections.
Weaknesses:
Weaknesses:
Outdated website design, minimal personalization, and lack of community features.
Outdated website design, minimal personalization, and lack of community features.
Opportunities for BookVerse:
Opportunities for BookVerse:
Elevate the visual design, add personalized recommendations, and build social features to engage modern readers.
Elevate the visual design, add personalized recommendations, and build social features to engage modern readers.
Strengths:
Strengths:
Appeals to indie book lovers with curated picks, rare finds, and special editions.
Appeals to indie book lovers with curated picks, rare finds, and special editions.
Weaknesses:
Weaknesses:
Limited scalability, outdated UX, and higher prices than major retailers.
Limited scalability, outdated UX, and higher prices than major retailers.
Opportunities for BookVerse:
Opportunities for BookVerse:
Combine indie charm with a modern, scalable design—highlight exclusives, themed collections, and inspiring, story-driven content.
Combine indie charm with a modern, scalable design—highlight exclusives, themed collections, and inspiring, story-driven content.
Quantitative Research
Quantitative Research
Audience: 1,000 U.S. readers (ages 25–45) who buy physical books.
Key Insights:
Audience: 1,000 U.S. readers (ages 25–45) who buy physical books.
Key Insights:
56%
56%
buy online.
buy online.
65%
65%
are influenced by social media trends and book recs.
are influenced by social media trends and book recs.
45%
45%
miss the in-store browsing experience.
miss the in-store browsing experience.
48%
48%
want a platform that blends discovery, community, and shopping.
want a platform that blends discovery, community, and shopping.
62%
62%
depend on curated recommendations.
depend on curated recommendations.
78%
78%
prefer physical books for their tactile and collectible nature.
prefer physical books for their tactile and collectible nature.
User Persona
User Persona
Emma Connor
Emma Connor
Age
Age
28
28
Profession
Profession
Writer
Writer
Location
Location
Portland, Oregon
Portland, Oregon
Status
Status
Engaged
Engaged
Income
Income
$42,000/year
$42,000/year
About
Loves physical books and bookstore culture
Loves physical books and bookstore culture
Drawn to platforms like BookVerse for discovery and storytelling features
Drawn to platforms like BookVerse for discovery and storytelling features
Enjoys curated collections and community recommendations
Enjoys curated collections and community recommendations
Goals
Goals
Discover books that match her tastes without endless searching.
Discover books that match her tastes without endless searching.
Recreate the feeling of wandering a bookstore through curated and themed collections.
Recreate the feeling of wandering a bookstore through curated and themed collections.
Access authentic recommendations from readers and writers she trusts.
Access authentic recommendations from readers and writers she trusts.
Pain Points
Pain Points
Overwhelmed by the sheer volume of book choices online.
Overwhelmed by the sheer volume of book choices online.
Struggles to find trustworthy, personalized recommendations.
Struggles to find trustworthy, personalized recommendations.
Misses the sense of community and conversation around books.
Misses the sense of community and conversation around books.
James Patel
James Patel
Age
Age
45
45
Profession
Profession
High School English Teacher
High School English Teacher
Location
Location
Austin, Texas
Austin, Texas
Status
Status
Divorced
Divorced
Income
Income
$62,000/year
$62,000/year
About
About
Always on the lookout for books to recommend to students or add to his classroom library.
Always on the lookout for books to recommend to students or add to his classroom library.
Drawn to platforms like BookVerse for their thoughtful design, curated collections, and community-driven features.
Drawn to platforms like BookVerse for their thoughtful design, curated collections, and community-driven features.
Enjoys sharing his passion for books and exchanging recommendations with fellow readers.
Enjoys sharing his passion for books and exchanging recommendations with fellow readers.
Goals
Goals
Inspire students to appreciate literature and encourage lifelong reading habits.
Inspire students to appreciate literature and encourage lifelong reading habits.
Discover new books aligned with his teaching goals and personal interests.
Discover new books aligned with his teaching goals and personal interests.
Easily access curated collections of classic and historical literature.
Easily access curated collections of classic and historical literature.
Pain Points
Pain Points
Finds it challenging to identify trustworthy, well-curated book recommendations.
Finds it challenging to identify trustworthy, well-curated book recommendations.
Overwhelmed by the abundance of online book choices.
Overwhelmed by the abundance of online book choices.
Digital bookstores often feel transactional, lacking the warmth of physical browsing.
Digital bookstores often feel transactional, lacking the warmth of physical browsing.
Costumer Journey Map
Costumer Journey Map
Stages
Goals
Touchpoints
Actions
Emotions
Pain Points
Awarness
Discover BookVerse as a trusted brand books.
Discover BookVerse as a trusted brand books.
Social media, influencer content, search engines
Social media, influencer content, search engines
Click a promoted post or banner linking to BookVerse.
Click a promoted post or banner linking to BookVerse.
Curious, excited
Curious, excited
Unsure if BookVerse has their favorite genres
Unsure if BookVerse has their favorite genres
Consideration
Evaluate value and book selection
Evaluate value and book selection
Homepage, reviews, social content
Homepage, reviews, social content
Browse collections, compare reviews and prices
Browse collections, compare reviews and prices
Hopeful, analytical
Hopeful, analytical
Worries about pricing, delivery, or returns
Worries about pricing, delivery, or returns
Purchase
Buy a book confidently
Buy a book confidently
Product pages, payment flow, confirmation email
Product pages, payment flow, confirmation email
Add to cart, review checkout, confirm order
Add to cart, review checkout, confirm order
Confident, eager
Confident, eager
Concerns about delivery delays or book condition
Concerns about delivery delays or book condition
Engagement
Share experience and connect with the brand
Share experience and connect with the brand
Thank-you email, community prompts, social features
Thank-you email, community prompts, social features
Post on social, join email list or reading challenge
Post on social, join email list or reading challenge
Proud, trusting
Proud, trusting
Engagement feels generic or one-sided
Engagement feels generic or one-sided
Retention
Return and become loyal
Return and become loyal
Newsletters, events, loyalty dashboard
Newsletters, events, loyalty dashboard
Use loyalty rewards, visit site regularly
Use loyalty rewards, visit site regularly
Loyal, excited
Loyal, excited
Lack of fresh content or evolving value
Lack of fresh content or evolving value
User Flow Example
User Flow Example
Site Map
Site Map
Wireframes
Wireframes
Genres and Product Carousel on Homepage
Genres and Product Carousel on Homepage
Product Template Page
Product Template Page
Order Page
Order Page
Typography
Typography
MuseoModerno
MuseoModerno
Aa
Aa
Used for
Used for
Headings
Headings
Reasons
Reasons
Expressive & distinctive
Expressive & distinctive
Brand personality
Brand personality
Hierarchy clarity
Hierarchy clarity
Weights
Thin
Extra Light
Light
Regular
Medium
Semibold
Bold
Extra Bold
Weights
Thin
Extra Light
Light
Regular
Medium
Semibold
Bold
Extra Bold
Robotto
Robotto
Aa
Aa
Used for
Used for
Paragraphs
Paragraphs
Product Names & Prices
Product Names & Prices
Buttons
Buttons
Reasons
Reasons
High readability
High readability
Neutral & versatile
Neutral & versatile
Consistency in UI
Consistency in UI
Good scalability
Good scalability
Weights
Thin
Extra Light
Light
Regular
Medium
Semibold
Bold
Extra Bold
Weights
Thin
Extra Light
Light
Regular
Medium
Semibold
Bold
Extra Bold
Colors
Colors
#FFFFFF
#FFFFFF
Used For
Headings
Buttons' text
Used For
Headings
Buttons' text
Reasons
Ensures readability
Highlights key content
Reasons
Ensures readability
Highlights key content
#5B4DFF
#5B4DFF
Used for
Buttons' bg
Used for
Buttons' bg
Reasons
Draws attention
Encourages interaction
Reasons
Draws attention
Encourages interaction
#01030B
#01030B
Used for
Overall Bg
Used for
Overall Bg
Reasons
Creates contrast
Reduces eye strain
Reasons
Creates contrast
Reduces eye strain
#0C1124
#0C1124
Used for
Genres' bg
Used for
Genres' bg
Reasons
Adds depth
Differentiates sections
Reasons
Adds depth
Differentiates sections
Final Design
Final Design
Landing Page
Landing Page
georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
georgeantonio.framer.website
Product Page with Filter
Product Page with Filter
Product Page with Cart
Product Page with Cart
Product Template Page
Product Template Page
Shipping
Shipping
Payment
Payment
Order
Order
Light Theme
Light Theme
Product Template Page
Product Template Page
