diff --git a/book community application/Club_details page.md b/book community application/Club_details page.md new file mode 100644 index 0000000..767b3d1 --- /dev/null +++ b/book community application/Club_details page.md @@ -0,0 +1 @@ +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/a1299874-15b1-4f32-9761-58ea5a216919) diff --git a/book community application/View_follow_Profiles.md b/book community application/View_follow_Profiles.md new file mode 100644 index 0000000..9813c8c --- /dev/null +++ b/book community application/View_follow_Profiles.md @@ -0,0 +1,8 @@ + +#### Page Overview +This page enhances the social aspect of Story Haven, allowing users to explore and follow profiles of other readers within the community. This feature promotes interaction, fosters connections, and enriches the overall reading experience by providing insights into the reading preferences and activities of fellow community members. + +#### Design Screenshots + +**Screenshot: Profile Viewing and Follow Functionality** +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/986c80c5-a833-4ed3-b58c-2eb434a63275) diff --git a/book community application/create_or_leave_club.md b/book community application/create_or_leave_club.md new file mode 100644 index 0000000..af90929 --- /dev/null +++ b/book community application/create_or_leave_club.md @@ -0,0 +1,7 @@ +Create club: +
+![Screenshot 2024-01-28 232741](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/2237b27e-eec9-4e2e-8db2-747bdd5f1641) +
+Leave club: +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/410dee8a-3336-4266-a83e-23bb67529d37) diff --git a/book community application/quotes.md b/book community application/quotes.md new file mode 100644 index 0000000..f270608 --- /dev/null +++ b/book community application/quotes.md @@ -0,0 +1,7 @@ +#### Page Overview +The `Book_Quotes_Page` is a dedicated space within Story Haven where users can discover and share their favorite book quotes. This feature aims to celebrate the essence of literature by allowing readers to express and connect through impactful quotes from their most cherished books. + +#### Design Screenshots +**Screenshot: Quote Display and Sharing Interface** +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/6bcd6b52-a1d7-42e4-9fe4-91695c568ee5) diff --git a/book community application/readme.md b/book community application/readme.md index 02c2cfc..d0f692c 100644 --- a/book community application/readme.md +++ b/book community application/readme.md @@ -2,34 +2,51 @@ ## UI-UX Case Study -### Problem Statement - +### Table of Contents +1. [Problem Statement](#problem-statement) +2. [Challenges](#challenges) +3. [Solution](#solution) +4. [Design Principles](#design-principles) +5. [Design Screenshots](#design-screenshots) + +### Problem Statement Designing the UI for a book community application for readers to address challenges in user engagement, discoverability, community building, and personalization. -### Challenges - +### Challenges 1. **User Engagement:** Lack of an engaging and intuitive UI hinders readers from connecting with others who share similar literary interests. - 2. **Discoverability:** Readers struggle to discover new books and authors aligned with their preferences, limiting the diversity and excitement in their reading lists. - 3. **Community Building:** Establishing a sense of community is crucial for interaction, discussion, and collaboration among users. - 4. **Personalization:** Readers' unique preferences require a personalized UI experience to tailor the application to their individual needs and interests. -### Solution - +### Solution Story Haven addresses these challenges by providing a user-centric platform that not only connects individuals but also enhances their reading experience through personalized book suggestions. -### Design Principles - +### Design Principles 1. **User-Centric Design:** Prioritizing user needs and preferences throughout the design process. - 2. **Simplicity and Intuitiveness:** Ensuring a user-friendly interface that promotes a positive experience and easy navigation. - 3. **Visual Appeal:** Employing an aesthetically pleasing design reflecting the joy of reading and fostering a sense of community. - 4. **Personalization:** Tailoring user interactions based on individual preferences for a unique and engaging experience. -### Design Link: +### Design Screenshots Explore the designs for different pages on Figma [here](https://www.figma.com/file/pp4bNO3tyHfmRn10eCYqbO/Book-community?type=design&node-id=0%3A1&mode=design&t=xz3Tv0x8f1UaZkfW-1). + +**Screenshot 1: Login Page** +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/cecd5fc0-f70e-494c-b555-3681327f703e) + + +**Screenshot 2: Book Discovery** +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/62880565-81f0-41df-9561-8c1a9d693e9e) + + +**Screenshot 3: Clubs joined page** +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/7bae88b7-7b94-403c-9808-9707966b72c2) + + +**Screenshot 4: User Profile** +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/c8d808bc-5907-4b24-9bbd-4538c341f4ca) +