book exchange app

Type of project: School project. Netcraft Academy
Date Completed: 07.2020
Materials: Adobe XD, Adobe Photoshop, Adobe Illustrator, XMind, Paper, Pen

Сoncept

BookDrop is in a sense a new approach to the book exchange. Or new take on the idea of BookCrossing but made much simpler. Without printing stickers and tracking the further fate of each book.

Idea was born from seeing this pictures:

Challenges

Two main flows

If you have a book that you don't need anymore:

If you are looking for new books:

Sketching the idea

Initial screens and flow ideas
Small "Book card" and picking up the book

App architecture

Wireframes

Barcode scanner
Book Info
Library
Drop a book
Drop a book (map view)
Delete book from the library
New available books (with distance)
Mark as favorite
Delete (Not interested in this book)
Notification about new book
Map view
Book card on map screen (if distance
from the book location > 10m)
Book card on map screen (if distance from the
book location < 10m)

Colors and Typography

Iconography

Visual Design

Splash screen

Onboarding

Onboarding 1
Onboarding 2
Onboarding 3
Onboarding 4

Adding a book to the Bookshelf

Barcode scanner
Scanning a barcode
Book information (received automatically)
Bookshelf (List View)
Bookshelf (Cover View)

Dropping the book

Drop from List View
Drop from the Book Card
Check location and confirm the Drop

Explore (Map View)

Map View with Drop icons
Tap on an icon opens small pop-up window
with some info, distance and opportunity
to add book to favorites
Long press on icon or tap on pop-up window
opens book card. Possible actions in the card
differ depending on the distance from
book's location
Map with pop-up window. User near the book
When the distance from the book location is
10 meters or less, the user can press the
Pick Up button. Book will be added to his
bookshelf and will disappear from the map.

Explore (List View and Cover View)

Explore. List View
Explore. Cover View
Swipe right to add to favorites
Swipe left to delete

A route

In the app, you can build a route to any point, such as work or home. Next, the app will show which books (if any) you can pick up on the way.

Press "Route" button
Choose one of the predefined places or choose
any location on map
Confirm your choice
The app will build a route and will show all the
drops on the way. Acceptable deviation from the
route set in the app preferences
Settings screen

Prototype

And finally, you can try live prototype.

See the Demo