My Bookshelf

App My bookshelf in Android and iOS devices

About the project

This project focuses on designing a multiplatform reading app that enhances book organization and discovery through a user-friendly UX/UI. It aims to create a cohesive and intuitive experience for managing physical and digital book collections.

Roles & Responsibilities

UX Design, UI Art, Flutter Programming

Timeline

6 weeks

Challenges

  • Ensuring consistent UX/UI across both Android and iOS platforms despite their different design conventions.
  • Learning and applying Flutter effectively using the best code practices.
  • Designing intuitive navigation and interactions that feel native on both operating systems.
  • Translating high-fidelity Figma designs accurately into functional UI components in Flutter.

Tools

Figma, Android Studio, XCode

UI Style Guide

Developing a comprehensive style guide was crucial for achieving a cohesive design that evokes the serene ambiance of browsing through a library to find one's favorite book.

Style Guide

Figma Design

The design process was carried out using Figma, which allowed to create some High-Fidelity Mock Ups of each screen in the app.

Figma Board

User Flow

User Flow of My Bookshelf

Final

Final Screenshots of My Bookshelf Final Screenshots of My Bookshelf Final Screenshots of My Bookshelf Final Screenshots of My Bookshelf