Novel Rate
Crowd-sourced book ratings and reviews app
At a glance
I designed Novel Rate, a mobile app where readers rate and review books together, so anyone can quickly find what to read next.
- My role
- UX/UI Designer
- Platform
- Mobile
- Process
- Research to visual design
- Type
- Consumer app
The challenge
Readers had no simple way to see what other readers thought of a book before choosing their next one.
What I led
- Researched how readers choose what to read next
- Wireframed and prototyped the browse, book detail and review flows
- Designed a star rating system backed by full written reviews
- Created the visual design and a demo video of the app
The outcome
A clear, easy-to-browse app where crowd-sourced star ratings and full reviews help readers decide what to read next.
Overview
Novel Rate was designed to rate books through crowd sourcing. A star system plus full reviews helps readers select what they would like to read next.
Services
Research, Wireframe, Prototype, Interaction Design, Visual Design
Client name
Novel Rate
Team
UX/UI Designer (John Karl)
Ratings & Reviews
Goal:
Make it quick to see what other readers think.
Star ratings on every book for a fast read of quality
Full reviews for readers who want more detail
Browse by suggestions, author and best sellers
Novel Rate mobile app home screen.
Final observations
Pairing a quick star rating with full reviews served both fast browsers and careful readers, and kept the app simple to use.
John Karl
19 Years • Product & UX Design Leader Leading Mobile Product for 500K+ Users
If you like what you see or have any questions, feel free to send me an email anytime.
Selected work
[2010 -2025]
Icon set for the mobile app
Bibliophiles: Book Discovery & Reading Community App for iPhone
V2 of the 2016 book-rating concept rebuilt as a native iPhone app that learns your taste, opens the copy you own and connects readers who like what you like
View case study →
Icon set for the mobile app
Groundtruth: FEMA Damage Assessment Platform
Phone photos in, FEMA-ready damage records out, with AI that separates every photo and a person who confirms every item
View case study →
Icon set for the mobile app
ShowDeck: Live Show & DJ Audio App for Mac, iPad and iPhone
One offline app to run live shows, worship services, water-ski shows, live music and radio, with AI as the build team
View case study →
Icon set for the mobile app
Halo: Vehicle Experience Concept
One driving experience across an AR head-up display, instrument cluster, center screen, CarPlay and CarPlay Ultra
View case study →
Icon set for the mobile app
Gumdrop Grid: Candy Puzzle Game for iPhone
A candy puzzle where gummies melt and the board cascades, taken from concept through App Review with AI as the build team
View case study →
Icon set for the mobile app
HoneyDo Scan: LiDAR Measuring App for Field Estimates
An iOS field app that scans rooms with LiDAR, reads documents and collects signatures, then sends it all straight to the estimate
View case study →
Icon set for the mobile app
AI-Powered Field Service Management Platform
A cloud platform with a built-in AI agent that runs a service company's scheduling, estimates, invoicing, payments and reporting, so crews can focus on the real work
View case study →
Icon set for the mobile app
HoneyDo Crew Website
A brand-forward website with a custom AI assistant that turns local homeowners into booked visits
View case study →
Icon set for the mobile app
Schoolnight
A vibe-coded family app that turns Canvas homework into one calm daily summary
View case study →
Icon set for the mobile app
Workflow Studio
Empowering users to independently design and refine supply chain workflows for greater efficiency and agility
View case study →
Icon set for the mobile app
Workflo AI
Innovating AI Guided Back Office Workflows
View case study →
Icon set for the mobile app
Mobile Design System
Leading UX and Dev to one source of truth for the driver-app UI
View case study →
Icon set for the mobile app
Wallet
All Digital Discounted Fueling at your Fingertips
View case study →
Icon set for the mobile app
Scorecard Feature
Designed gamification elements for the mobile user experience to encourage positive driver behaviors, enhance engagement, and contribute to improved company performance scores—ultimately supporting reduced insurance costs through safer driving habits.
View case study →
Icon set for the mobile app
In Application Voice Agent
Conversational voice assistant that keeps truck drivers informed, hands-free and compliant
View case study →
Icon set for the mobile app
Trucking Mobile Application
Drivers All-In-One Workspace Mobile Application
View case study →
Icon set for the mobile app
Event-Management SaaS: Brand, Web App & Launch
A full brand system, 40+ web app screens and a launch commercial for an event-planning startup
View case study →
Icon set for the mobile app
Lakeside Resort: Brand, Video & Print Campaign
A new resort identity, location video, website and print campaign for a waterfront campground destination
View case study →
Icon set for the mobile app
Marketing Platform: Web Redesign & Content Program
A responsive redesign, mobile app screens and an ongoing content program for a brand-marketing start-up
View case study →
Icon set for the mobile app
Spine Surgery Practice: Brand, Website & Patient Print
A brand system, website redesign and patient print materials for an orthopedic spine practice
View case study →
Icon set for the mobile app
Video Studio: Physician, Insurance & Event Production
Physician introductions, a weekly insurance video series and drone event coverage from Entangle Media's in-house studio
View case study →
Icon set for the mobile app
Agency Growth, Brand & Marketing
Growing a Tampa creative agency as Director of Marketing & UX: agency brand, marketing and new service lines
View case study →
Icon set for the mobile app
International Auditing Prototype
Research and Development initiative to design and build the innaResearch and Development initiative to design and build the international auditing software platform utilized by one fo the top auditing firms in the world.
View case study →
Icon set for the mobile app
Novel Rate
Crowd-sourced book ratings and reviews app
View case study →
Icon set for the mobile app
R&R Divide Insurance Portal
Insurance agency web app with a KPI dashboard and agent directory
View case study →
Icon set for the mobile app
Amprop Ventures Website
Website design and branding for a real estate developer
View case study →
Icon set for the mobile app
Quik Tracks
iOS app for firing sound effects and backing tracks live
View case study →
Icon set for the mobile app
Quidamo
A watch-face style circular interface, designed from concept to launch
View case study →
Icon set for the mobile app
Bibliophiles: Book Discovery & Reading Community App for iPhone
V2 of the 2016 book-rating concept rebuilt as a native iPhone app that learns your taste, opens the copy you own and connects readers who like what you like
View case study →
Icon set for the mobile app
Groundtruth: FEMA Damage Assessment Platform
Phone photos in, FEMA-ready damage records out, with AI that separates every photo and a person who confirms every item
View case study →
Icon set for the mobile app
ShowDeck: Live Show & DJ Audio App for Mac, iPad and iPhone
One offline app to run live shows, worship services, water-ski shows, live music and radio, with AI as the build team
View case study →
Icon set for the mobile app
Halo: Vehicle Experience Concept
One driving experience across an AR head-up display, instrument cluster, center screen, CarPlay and CarPlay Ultra
View case study →
Icon set for the mobile app
Gumdrop Grid: Candy Puzzle Game for iPhone
A candy puzzle where gummies melt and the board cascades, taken from concept through App Review with AI as the build team
View case study →
Icon set for the mobile app
HoneyDo Scan: LiDAR Measuring App for Field Estimates
An iOS field app that scans rooms with LiDAR, reads documents and collects signatures, then sends it all straight to the estimate
View case study →
Icon set for the mobile app
AI-Powered Field Service Management Platform
A cloud platform with a built-in AI agent that runs a service company's scheduling, estimates, invoicing, payments and reporting, so crews can focus on the real work
View case study →
Icon set for the mobile app
HoneyDo Crew Website
A brand-forward website with a custom AI assistant that turns local homeowners into booked visits
View case study →
Icon set for the mobile app
Schoolnight
A vibe-coded family app that turns Canvas homework into one calm daily summary
View case study →
Icon set for the mobile app
Workflow Studio
Empowering users to independently design and refine supply chain workflows for greater efficiency and agility
View case study →
Icon set for the mobile app
Workflo AI
Innovating AI Guided Back Office Workflows
View case study →
Icon set for the mobile app
Mobile Design System
Leading UX and Dev to one source of truth for the driver-app UI
View case study →
Icon set for the mobile app
Wallet
All Digital Discounted Fueling at your Fingertips
View case study →
Icon set for the mobile app
Scorecard Feature
Designed gamification elements for the mobile user experience to encourage positive driver behaviors, enhance engagement, and contribute to improved company performance scores—ultimately supporting reduced insurance costs through safer driving habits.
View case study →
Icon set for the mobile app
In Application Voice Agent
Conversational voice assistant that keeps truck drivers informed, hands-free and compliant
View case study →
Icon set for the mobile app
Trucking Mobile Application
Drivers All-In-One Workspace Mobile Application
View case study →
Icon set for the mobile app
Event-Management SaaS: Brand, Web App & Launch
A full brand system, 40+ web app screens and a launch commercial for an event-planning startup
View case study →
Icon set for the mobile app
Lakeside Resort: Brand, Video & Print Campaign
A new resort identity, location video, website and print campaign for a waterfront campground destination
View case study →
Icon set for the mobile app
Marketing Platform: Web Redesign & Content Program
A responsive redesign, mobile app screens and an ongoing content program for a brand-marketing start-up
View case study →
Icon set for the mobile app
Spine Surgery Practice: Brand, Website & Patient Print
A brand system, website redesign and patient print materials for an orthopedic spine practice
View case study →
Icon set for the mobile app
Video Studio: Physician, Insurance & Event Production
Physician introductions, a weekly insurance video series and drone event coverage from Entangle Media's in-house studio
View case study →
Icon set for the mobile app
Agency Growth, Brand & Marketing
Growing a Tampa creative agency as Director of Marketing & UX: agency brand, marketing and new service lines
View case study →
Icon set for the mobile app
International Auditing Prototype
Research and Development initiative to design and build the innaResearch and Development initiative to design and build the international auditing software platform utilized by one fo the top auditing firms in the world.
View case study →
Icon set for the mobile app
Novel Rate
Crowd-sourced book ratings and reviews app
View case study →
Icon set for the mobile app
R&R Divide Insurance Portal
Insurance agency web app with a KPI dashboard and agent directory
View case study →
Icon set for the mobile app
Amprop Ventures Website
Website design and branding for a real estate developer
View case study →
Icon set for the mobile app
Quik Tracks
iOS app for firing sound effects and backing tracks live
View case study →
Icon set for the mobile app
Quidamo
A watch-face style circular interface, designed from concept to launch
View case study →
