Say hello at

francescocarlucci.work@gmail.com

Copied to clipboard.

Or get in touch on

(

)

Francesco Carlucci Portfolio 2024

Say hello at

francescocarlucci.work@gmail.com

Copied to clipboard.

Or get in touch on

(

)

Francesco Carlucci Portfolio 2024

Say hello at

francescocarlucci.work@gmail.com

Copied to clipboard.

Or get in touch on

(

)

Francesco Carlucci Portfolio 2024

( UX / UI )

COLLEKT, Digital Bookshop

Bridging the gap between discovering and buying books.

COLLEKT, Digital Bookshop

( About the Project )

( Client )

( Client )

( Client )

Personal project.

( Results )

( Results )

( Results )

Concept for a mobile application.

( My Role )

( My Role )

( My Role )

Product Design,

Product Design,

Product Design,

IA,

IA,

IA,

UX/UI,

UX/UI,

UX/UI,

Prototyping.

Prototyping.

Prototyping.

( TL;DR )

In a hurry? Just read this section.

PROBLEM

Book lovers lack a unified platform to discover, discuss and purchase books online, resulting in fragmented experiences across multiple platforms.

APPROACH

Envisioned a social platform tailored to digital natives, focused on seamless book discovery, discussion and purchase. Developed the basic infrastructure, prioritizing key features to minimize complexity. Adopted a modular design system to ensure design consistency and recognizable UI patterns across 50+ screens.

SOLUTION

Developed COLLEKT, a digital bookstore with integrated social features. Implemented personalized collections, intuitive search capabilities and seamless e-reader synchronization.

RESULTS

Conceptualized mobile application offering a cohesive digital ebook ecosystem. Experimented with engagement techniques through thematic collections to encourage community interaction.

( Full Case Study )

How do people discover new books?

Most people discover new reading through friends, or rely on experts and influencers they admire, then turn to Amazon to buy and perhaps review the book.

There is a compelling business opportunity to bring these activities together in a single, seamless experience.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

( User )

A literary salon for digital natives.

The ideal customers for the new social platform are digital natives who read regularly and are interested in doing so on digital devices.

Their discussions about the books they read take place entirely online, from the moment they discover the book to the moment they finish it.

( Information Architecture )

Building from the ground up.

The groundwork for this project was establishing the basic application infrastructure. It was important to understand which key areas needed to be included, along with the project's main focus, while eliminating any unnecessary features.

Creating a comprehensive sitemap was crucial for maintaining consistency in the development of the flows.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

( Explore Sitemap )

Swipe

Swipe

( User Flow )

Exporting a book from a private collection.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

Step 01

The user can access personal collections from the Collections tab.

The user can click on any collection to open it.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

Step 02

The user is presented with all the books in the collection. They can click on any of them to access a detailed page of the book.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

Step 03

The user is taken to the book page, where they can either export the book or send it to their devices.

Within a collection, the book page opens as a carousel, allowing the user to browse through the collected books.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

Step 04

When the user presses the "Send to" button, the product suggests a list of available devices.

The user can press the "send to all" button to instantly send the book to their devices.

Alternatively, the user can select which devices should receive it.

The user should be able to add a new device from here.

( User Flow )

Exploring a public collection to find new books.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

Step 01

The user can start the search from the home screen by clicking on the search input.

Alternatively, they can explore suggested collections from the home page.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

Step 02

The user receives a keyboard prompt within a search overlay and can enter their search.

As the user types, the product displays a list of previous searches.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

Step 03

The user is presented with many search results.

The product defaults to searching for books, but it can be changed to search for collections instead.

Step 04

As the search results change, the user can now access any collection by clicking on it.

Step 05

The user is presented with all the books in the collection. They can click on any of them to access a detailed page of the book.

It is possible to share or save the collection to easily find it in the future.

Step 06

The user is taken to the book page, where they can buy directly, add to the wishlist, view a detailed description and read reviews.

Once a book has been added to the wishlist, a second tap will remove it.

COLLEKT, Digital Bookshop

Step 04

As the search results change, the user can now access any collection by clicking on it.

COLLEKT, Digital Bookshop

Step 05

The user is presented with all the books in the collection. They can click on any of them to access a detailed page of the book.

It is possible to share or save the collection to easily find it in the future.

COLLEKT, Digital Bookshop

Step 06

The user is taken to the book page, where they can buy directly, add to the wishlist, view a detailed description and read reviews.

Once a book has been added to the wishlist, a second tap will remove it.

01

Thematic collections.

Explore collections from people you like.

02

Selected readings.

Discover your new favourite book.

03

Curated information.

See what the community is saying about it.

04

Seamless device sync.

Enjoy it on your trusted e-reader.

( Design System )

Design system.

The app required over 50 screens, covering user on-boarding, collection boards, book pages, and social interactions.

To ensure a consistent and efficient design, I developed a modular design system based on reusable components and their states. The design system includes cards, list items, and controls that can be rearranged and combined while maintaining design consistency and recognizable UI patterns for the user.

COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop
COLLEKT, Digital Bookshop

( Related Work )

What's next?