Camelias Project Cover

Connecting Residents at Camelias

Aug 2019 ~ Apr 2020



Camelias is the given name of a condo where I used to live.

It has 48 buildings, 16 apartments each, with around 2000 people living there, and at the time, 10% of the residents were service providers.

Camelias condo


People weren’t very close, so they didn’t know there were some service providers they could request.

When they needed a plumber, for example, the first thing to do was to search on Google and wait for someone that sometimes could take several hours to be there and do the job.

As a remedy, one resident created a Whatsapp group and started to list the name, number, and the services the residents provided in the condo so based on that the receivers in the group could see who could potentially solve their problems nearby.

One of their printed listsPrinted list

Considering the fact they didn’t have a budget to build something robust, that worked, but they still had to deal with a difficult process:

  1. Add all the info in an Excel spreadsheet.

  2. Print that spreadsheet.

  3. Take a photo of the paper.

  4. Share the photo on Whatsapp group.

  5. Redo all the steps above for every new person to be included.


Seeing that, I started to interview some residents and ask for pain points and requests in a way this could be improved. So they told me things like:

I also identified the following data when speaking to the audience:


I’ve explored many alternatives, searching for something that made sense to their context and a UI that could reflect on their expectations.

Design ReferencesUI references


Then I created simple prototypes to see it in action and get feedback from users.

The concept was a page to list the available people with cards, an action button at the top to open a modal where they can fill their info and send, and a fixed search bar.


The users approved the concept, so we were able to come up with the final designs.

Each card can show up to 3 tags containing the services the person can provide and an action row where is placed their phone to call, Whatsapp to send a message, and a website link.

Home PageHome Page

The modal for adding new services is composed of the fields: name, services, phone number, and link.

We also added two required fields to the building and apartment numbers, so we can avoid spammers and people that don’t live there.


The off-canvas menu is being used to display some helpful information about the condo, like gate numbers, management, postal office, and billing.

Off-canvas menuOff-canvas menu


The first step was to improve the Excel file, so we moved to Google Sheets to keep in the cloud, and several people could edit together, removing friction.

We also added a new column for the websites and adopted the tag concept for the services.

Updated SpreadsheetUpdated Spreadsheet

Next, we automated the requests with Zapier, so on every form submission on the website, we create a new issue on Github so one of the admins must review and approve it, then the spreadsheet and the website could be both updated with new data.

Zapier AutomationZapier Automation


Here are some highlights after some months of usage:

Visit Page