Neighbourly

UI/UX Designer

·

January - April 2024

Mobile App
Prototyping
Front-end Development
Figma
Adobe Illustrator
Html/CSS
Next.js
Overview

Where Neighbours Share More Than a Street

Neighbourly is a community marketplace app inspired by the spirit of groups like Buy Nothing and the accessibility of the gig economy, but kept intentionally local. The app is location-based and neighbourhood-restricted, connecting people within their own community to share skills, offer services, and discover local experiences.

Neighbourly was built as a 4-month school project spanning UI/UX design, design systems, and front-end development in Next.js.

Neighbourly mobile app — home feed showing local services and categories

What You Can Find On Neighbourly

Two smartphones display app screens, one showing a Services page with categories like Mentorship Program and Furniture Building, the other showing a Classes page with class options including Pottery, Drumming, Global Mixing, and Cooking. To the left are three yellow rounded rectangles listing Local Service Listing, Learning & Workshops, and Mentorship Opportunities.

Key Features

Collage of mobile app screens showcasing features for home repairs, pottery class booking, mentorship profiles, and user reviews, displaying names, photos, service details, booking options, and ratings.
Heading titled 'Interactive Map' with subtext explaining how to find local services and listings on an interactive map.
"Multi Language Support" heading with text below stating: Breaking language barriers to make Neighbourly accessible to all communities.
Text reading 'Personalized Recommendation' in bold, followed by smaller text: 'Not sure where to start? Genie asks a few questions and finds something just right for you.'Screens from Neighbourly’s “Genie” feature displaying a personalized recommendation quiz. Users answer illustrated questions about mood, group, and budget, guided by the friendly gnome mascot before receiving tailored activity suggestions.

Visual System

Design system overview showing a colour palette with teal, yellow, white, dark grey, and neutrals, typefaces named Sen and Hind with sample alphabets, brand characters featuring four friendly gnomes holding a welcome sign, and UI feedback states with mobile screens displaying messages: request received with green gnome, confirmation prompt with yellow gnome, and error message with red gnome.
⇱ view project