Neighborly

In today's digital age, customers are increasingly turning to e-commerce platforms for their shopping needs, including food and beverage products. Our goal is to offer the customer with the most fresh & delicious desserts online.

Neighborly

In today's digital age, customers are increasingly turning to e-commerce platforms for their shopping needs, including food and beverage products. Our goal is to offer the customer with the most fresh & delicious desserts online.

Neighborly

In today's digital age, customers are increasingly turning to e-commerce platforms for their shopping needs, including food and beverage products. Our goal is to offer the customer with the most fresh & delicious desserts online.

Neighborly

In today's digital age, customers are increasingly turning to e-commerce platforms for their shopping needs, including food and beverage products. Our goal is to offer the customer with the most fresh & delicious desserts online.

Type:

Shrink

Context:

UX/UI Designer

Year:

2019

Type:

Shrink

Context:

UX/UI Designer

Year:

2019

Type:

Shrink

Context:

UX/UI Designer

Year:

2019

Type:

Shrink

Context:

UX/UI Designer

Year:

2019

A header for desserts website with title "Cup cakes" to order it
A header for desserts website with title "Cup cakes" to order it
A header for desserts website with title "Cup cakes" to order it
A header for desserts website with title "Cup cakes" to order it

Background

The desserts shop website aimed to provide a simple and easy way for customers to order the best, delicious, and fresh desserts online. The challenge was to create a website that would make the process of ordering desserts easy and straightforward, while also providing customers with a wide selection of high-quality products. The website needed to be user-friendly, visually appealing, and easy to navigate, with a streamlined ordering process that would ensure customer satisfaction and encourage repeat business. In this case study, we will explore how the team tackled this challenge and created a successful e-commerce platform for a desserts shop.

User Scenario

Requirements Gathering: The team started by gathering requirements for the website, including the types of desserts to be sold, the target audience, and any special features or functionality required. This helped to ensure that the website was designed to meet the needs of both the business and its customers.


E-commerce Platform Selection: Once the design and layout were finalized, the team selected an e-commerce platform to build the website on. This platform needed to have the features required to support online ordering, payment processing, and other key functions.


Product Catalog Setup: With the e-commerce platform in place, the team worked on setting up the product catalog for the website. This involved creating product listings with descriptions, images, and pricing information, as well as organizing products into categories and subcategories for easy navigation.

Pain Points

The team created a visually appealing and user-friendly e-commerce platform that allowed customers to easily browse and order from the shop's selection of delicious desserts. The website featured a simple and intuitive layout with clear navigation, making it easy for customers to find what they were looking for and place their orders quickly.


To support online ordering, the team integrated a secure payment processing system into the website, allowing customers to pay for their orders using a variety of popular payment methods. The team also implemented a variety of delivery options, including local pickup and delivery, to accommodate different customer preferences and needs.

Competitive Analysis

100% of the interviewers confirmed that they use WhatsApp as their primary means of communication with both their neighbors and the building staff.


I also did a deep dive into the existing leading apps in the market, to identify the features that would set Neighborly apart.


100% of the interviewers confirmed that they use WhatsApp as their primary means of communication with both their neighbors and the building staff.


I also did a deep dive into the existing leading apps in the market, to identify the features that would set Neighborly apart.


100% of the interviewers confirmed that they use WhatsApp as their primary means of communication with both their neighbors and the building staff.


I also did a deep dive into the existing leading apps in the market, to identify the features that would set Neighborly apart.


100% of the interviewers confirmed that they use WhatsApp as their primary means of communication with both their neighbors and the building staff.


I also did a deep dive into the existing leading apps in the market, to identify the features that would set Neighborly apart.


UI Design

As part of the competitive analysis, I couldn't help but notice that most of them had outdated and unfriendly designs.

So, my goal was to give Neighborly a fresh, clean yet playful design, making the operations as simple and convenient as possible.

Theme

I created two versions of the app's design - light mode and dark mode - and users can select the one they prefer. In this case study, I'll showcase the dark one as it was more challenging for me to design, and I'm especially proud of how it turned out. 😁

Home Page

Through the quick action panel, users can get a lot done without having to navigate all over the place. There's also a social feed where neighbors can catch up with each other, share updates, answer surveys and more. Important messages can be pinned.

Payment

In the payment section, users can submit their fees online, along with the ability to effortlessly access their payment history and download receipts for their records.

Parking

In the parking section, residents can swap parking spaces with one another, making it more convenient for those who have different parking needs. Next steps could involve adding a gamification element to this section, such as earning points for accepting others' requests. This would provide an incentive for users to engage with this feature regularly and enhance their overall experience.

Finance Dashboard

The finance section provides residents with a clear overview of the building's income and expenses, promoting transparency and enabling them to better understand the financial health of the community.

Direct Messages

Residents can communicate with each other privately and securely, making it easier to coordinate events or discuss community issues.

DM

UI Design

As part of the competitive analysis, I couldn't help but notice that most of them had outdated and unfriendly designs.

So, my goal was to give Neighborly a fresh, clean yet playful design, making the operations as simple and convenient as possible.

Theme

I created two versions of the app's design - light mode and dark mode - and users can select the one they prefer. In this case study, I'll showcase the dark one as it was more challenging for me to design, and I'm especially proud of how it turned out. 😁

Home Page

Through the quick action panel, users can get a lot done without having to navigate all over the place. There's also a social feed where neighbors can catch up with each other, share updates, answer surveys and more. Important messages can be pinned.

Payments

In the payment section, users can submit their fees online, along with the ability to effortlessly access their payment history and download receipts for their records.

Parking

In the parking section, residents can swap parking spaces with one another, making it more convenient for those who have different parking needs. Next steps could involve adding a gamification element to this section, such as earning points for accepting others' requests. This would provide an incentive for users to engage with this feature regularly and enhance their overall experience.

Finance Dashboard

The finance section provides residents with a clear overview of the building's income and expenses, promoting transparency and enabling them to better understand the financial health of the community.

Direct Messages

Residents can communicate with each other privately and securely, making it easier to coordinate events or discuss community issues.

UI Design

As part of the competitive analysis, I couldn't help but notice that most of them had outdated and unfriendly designs.

So, my goal was to give Neighborly a fresh, clean yet playful design, making the operations as simple and convenient as possible.

Theme

I created two versions of the app's design - light mode and dark mode - and users can select the one they prefer. In this case study, I'll showcase the dark one as it was more challenging for me to design, and I'm especially proud of how it turned out. 😁

Home Page

Through the quick action panel, users can get a lot done without having to navigate all over the place. There's also a social feed where neighbors can catch up with each other, share updates, answer surveys and more. Important messages can be pinned.

Payments

In the payment section, users can submit their fees online, along with the ability to effortlessly access their payment history and download receipts for their records.

Parking

In the parking section, residents can swap parking spaces with one another, making it more convenient for those who have different parking needs. Next steps could involve adding a gamification element to this section, such as earning points for accepting others' requests. This would provide an incentive for users to engage with this feature regularly and enhance their overall experience.

Finance Dashboard

The finance section provides residents with a clear overview of the building's income and expenses, promoting transparency and enabling them to better understand the financial health of the community.

Direct Messages

Residents can communicate with each other privately and securely, making it easier to coordinate events or discuss community issues.

Key Takeways & Next Steps

While the app hasn't been developed and used, this case study showcases its potential to transform residents' interactions and experiences.

Moving forward, next steps would involve testing the app's functionality and usability, as well as adding some additional gamification elements.

While the app hasn't been developed and used, this case study showcases its potential to transform residents' interactions and experiences. Moving forward, next steps would involve testing the app's functionality and usability, as well as adding some additional gamification elements.

While the app hasn't been developed and used, this case study showcases its potential to transform residents' interactions and experiences. Moving forward, next steps would involve testing the app's functionality and usability, as well as adding some additional gamification elements.

While the app hasn't been developed and used, this case study showcases its potential to transform residents' interactions and experiences. Moving forward, next steps would involve testing the app's functionality and usability, as well as adding some additional gamification elements.