Portfolio
UX/UI Design

Sage eReader 3.0

Starter design work for Sage Publishing's next-generation academic eReader — a foundational design system, library experience, customizable reader, and dark/light theming for students and faculty.

Scroll to explore
Starter Designs
eReader 3.0 Mockups

Foundational screens, design system, and components for Sage's new academic eReader. Click any design to view full size.

Design Brief

One-pager: principles, audience, goals, and key features
Sage eReader 3.0 - Design Brief

Sign In

Authentication & onboarding
Sage eReader - Sign In Page

My Library — Light Mode

Dashboard with course textbooks and recently accessed
Sage eReader - My Library Light Mode

My Library — Dark Mode

Dashboard in dark mode
Sage eReader - My Library Dark Mode

Display Settings — Light Mode

Reader customization with live preview
Sage eReader - Display Settings Light Mode

Display Settings — Dark Mode

Theme & accessibility options in dark mode
Sage eReader - Display Settings Dark Mode

Mobile Reader

Reading view on mobile
Sage eReader - Mobile Reading View

Design System

Color, typography, spacing, icons
Sage eReader - Design System

Components

Buttons, forms, badges, cards, progress bars
Sage eReader - Components