← HOMEPAGE

PAGEPALS

YEAR
2024
PLATFORM
Web
PRODUCT
Social reading platform
MY ROLE
Freelance Product Designer
TOOLS USED
Figma
◆ PROJECT OVERVIEW

PagePals is a user-centered digital library and community platform that modernizes outdated book sites by solving their navigation complexity, stale interfaces, and weak social ecosystems.

◆ HYPOTHESIS

Users will read more — and catalog consistently — if the platform feels relatable, engaging, and social rather than a cold utility.

◆ THE PROBLEM

Existing book platforms suffer from outdated interfaces, complex navigation, and weak community — recommendations feel generic, and discovery feels lonely.

◆ THE SOLUTION

A static book catalog turned into an interactive, gamified social space — filter by mood, track milestones, read together.

◆ USABILITY TEST

Validating social reading engagement.

The core goal of PagePals was to increase social reading engagement — getting users to discover books through each other, not just algorithms. Here's how a usability test with 20 participants played out around a single shared activity post on the homepage feed:

Prototype test · n=20 · Homepage feed interaction task

Participants
20
usability sessions
Any engagement
75%
15 of 20 took action
Book discovery
25%
added to library
Conversion depth
3
avg actions per active user
◆ ENGAGEMENT BREAKDOWN — RESPONSES TO A SINGLE SHARED ACTIVITY POST
  • Reacted (liked)
    10 / 20
  • Left a comment
    2 / 20
  • Added book to library
    3 / 20
  • Re-shared the post
    1 / 20
  • Clicked book detail
    7 / 20
  • Joined a challenge
    4 / 20
  • No interaction
    5 / 20
Social signal Book adoption Platform depth
◆ KEY INSIGHT
75% of participants engaged with at least one element of the shared feed post — validating that social activity on the homepage drives discoverability. 3 users (15%) added the book directly to their library after seeing a peer's post, representing peer-to-peer book adoption without any algorithmic recommendation.
PagePals — overview

Having established the problem, the core hypothesis, and a proposed solution, the next step is conducting user research to validate these theories.

◆ USER RESEARCH

A quantitative + qualitative survey.

15 active book-platform users, ages 18–40, were surveyed to surface core friction points and drop-off behaviors.

PagePals — survey insights
◆ KEY PAIN POINTS
40%

Cite complex navigation and stagnant community features as immediate friction.

66.7%

Are frustrated by generic, unvetted recommendations — personalization is a top priority.

◆ CORE MOTIVATIONS
73.3%

Discover their next book via recommendations from friends or family.

60%

Stay active when they can see what their network is reading.

53.3%

Want real-time tracking of live reading status; 33.3% are driven by reading challenges.

01 / DISCOVERY

Advanced filtering.

Break away from rigid catalogs. Sort and filter directly on the homepage by Genre, Author, Awards, Length, Mood (Sad, Happy, Calm, In Love), Series, Country, Release Date, and Duration.

02 / MOTIVATION

Social reading challenges.

Set a book goal, track personal stats, and invite friends or groups into collaborative or competitive reading challenges.

03 / TRACKING

Comprehensive shelf management.

Categorize a collection into Favorites, Read, Currently Reading, Want to Read, and DNF — with optimized status tracking.

04 / COMMUNITY

Interactive hub & rewards.

Discussion groups, virtual reading clubs, user reviews, and a rewards program with earnable badges that incentivize engagement.

Information Architecture

◆ ECOSYSTEM MAP
PagePals — information architecture
◆ 01 · PRE-LOGIN GATEWAY

Value before sign-up.

The public gateway lets unauthenticated visitors feel the platform's value immediately — maximizing conversion.

  • Conversion-focused homepage with global reading trends
  • Curated public discovery and popular lists
  • Frictionless global search across the database
  • Multi-parameter advanced filtering (mood, length, country)
◆ 02 · POST-LOGIN MEMBER SYSTEM

A personalized workspace.

Once authenticated, the platform becomes a member workspace split across three engagement routes.

  • Personalized dashboard around individual interests
  • Interactive challenges — personal targets and group milestones
  • Tailored discover feed — no more generic browsing
  • Centralized profile: live activity, badges, custom shelves

Bringing it to life

◆ HIGH FIDELITY WIREFRAMES
PagePals — high fidelity wireframes
PagePals — Signed-in homepage
PagePals — Book information page
PagePals — Profile page
PagePals — Sign in page

Design System

◆ COLOR · TYPE · COMPONENTS
PagePals — Color palette
PagePals — Typography, logo & contrast

Components

PagePals — components 1
PagePals — components 2

Structure first

◆ LOW FIDELITY WIREFRAMES
PagePals — Signed-in homepage
PagePals — Book information page
PagePals — Discover page
PagePals — Profile page
NEXT CASE / 07
iKeep
OPEN →