Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Book community application #16 #33

Merged
merged 7 commits into from
Jan 29, 2024
+55 −15
Merged

Book community application #16 #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d97e967
Update readme.md: add table of contents, screenshots etc
Tech-neophyte Jan 28, 2024
82db735
Update readme.md
Tech-neophyte Jan 28, 2024
caea533
Update readme.md
Tech-neophyte Jan 28, 2024
9de3dfd
Create create_or_leave_club.md
Tech-neophyte Jan 28, 2024
29b7892
Create Club_details page.md
Tech-neophyte Jan 28, 2024
8fa3a83
Create View_follow_Profiles.md
Tech-neophyte Jan 28, 2024
0e0f684
Create quotes.md
Tech-neophyte Jan 28, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions book community application/Club_details page.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/a1299874-15b1-4f32-9761-58ea5a216919)
8 changes: 8 additions & 0 deletions book community application/View_follow_Profiles.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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)
7 changes: 7 additions & 0 deletions book community application/create_or_leave_club.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
Create club:
<br />
![Screenshot 2024-01-28 232741](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/2237b27e-eec9-4e2e-8db2-747bdd5f1641)
<br />
Leave club:
<br />
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/410dee8a-3336-4266-a83e-23bb67529d37)
7 changes: 7 additions & 0 deletions book community application/quotes.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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**
<br />
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/6bcd6b52-a1d7-42e4-9fe4-91695c568ee5)
47 changes: 32 additions & 15 deletions book community application/readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 <a name="problem-statement"></a>
Designing the UI for a book community application for readers to address challenges in user engagement, discoverability, community building, and personalization.

### Challenges

### Challenges <a name="challenges"></a>
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 <a name="solution"></a>
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 <a name="design-principles"></a>
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 <a name="design-screenshots"></a>

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**
<br />
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/cecd5fc0-f70e-494c-b555-3681327f703e)


**Screenshot 2: Book Discovery**
<br />
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/62880565-81f0-41df-9561-8c1a9d693e9e)


**Screenshot 3: Clubs joined page**
<br />
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/7bae88b7-7b94-403c-9808-9707966b72c2)


**Screenshot 4: User Profile**
<br />
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/c8d808bc-5907-4b24-9bbd-4538c341f4ca)