MeBook
A one page website for a service that turns photos and Facebook memories into a printed book to keep on the shelf. We designed a warm, friendly page in blue and white, with a family photo hero, customer quotes, a four step guide, a clear pricing table and a free trial call to action.
- Client
- MeBook
- Industry
- Photo books
- Specialism
- Facebook memories in print
- Style
- Blue and white
- What we did
- Website design
The brief
MeBook turns photos and Facebook memories into a printed book that can sit on the shelf. People connect to Facebook, choose what to include, and review the whole book before they confirm an order.
The design had to explain a new idea quickly, build trust with real quotes and a no risk free trial, and make the pricing easy to understand.
A hero that shows the finished book
A warm photo of a mother and child looking through a book fills the hero. In the centre, the headline Your life story in pages sits above a photo of the MeBook, with a blue ribbon, a line saying it takes three minutes and needs no credit card, and two buttons: Try now for free and Learn more. A white rounded header holds the logo, a Photos link, a Try now for free button and social icons.
Four customer quotes on a blue band
On a deep blue band over a faded photo, four quotes sit in two rows. Each has a round photo with a white ring and a dark blue panel with a name and a short quote, and the photos sit on the outer edges, on the left in the first column and on the right in the second.
Introducing the book
A light section with a faded photo explains the idea in a short paragraph under a book icon. A white bar then introduces MeBook with a Watch video button, with a large book photo overlapping it on the left and three more book covers on the right.
Three reasons in three columns
On deep blue, three columns each have a white heading and short paragraphs: Preserve your precious memories, The book for all occasions and The perfect gift. A faded group photo sits behind the first column and a photo of three books closes the third.
A four step guide with round icons
Under a thumbs up icon and the title Quick and easy, four round icons show the steps: connect to Facebook, select the subject, choose the sections and review the book. Dotted lines link the steps, and a Create my MeBook button follows.
A clear pricing table
A bright blue band holds a cart icon and a table with three columns: number of pages, price and price per page. Five rows run from 36 to 200 pages, with a dark blue header row and white text so the numbers are easy to scan.
A free trial call to action
A deep blue band over a faded family photo explains that creating a MeBook is free. A white rounded box in the middle repeats the promise of no obligations and no risks, and a bright Create my MeBook button overlaps its bottom edge.
A simple footer with contact details
An envelope icon and an email address sit on the left, a photo of the books in the centre, and a phone icon and number on the right. Facebook and Twitter squares and the copyright line sit under the books, with a round blue button at the right edge.
Colour and type
Deep blue carries the quotes, the three benefit columns and the free trial section, while a brighter blue is saved for the pricing band so it stands out. White and soft grey sections with faded photos give the page room to breathe.
Round shapes (pill buttons, circular photos and icons) keep the mood friendly. Headings and body text use a clean sans serif, with the logo set as a serif wordmark and the hero headline mixing light and bold words.
Want a store like this?
Tell us what you sell and we will design it, build it and launch it for one fixed price.