UX UI DESIGN / Web development

NobleDr

Brief

NobleDr is a an initiative started by a team of doctors that wants to provide quality healthcare for the marginalised community in Malaysia.

They needed a team to organise a more cohesive tone of voice for their brand, develop and design their website and also create a few social media postings to create awareness of the missions they're doing.

Year
2022
Role

My teammate Kelvin reached out to them to offer our services to them and we listened to the requirements that was needed by NobleDr's team before we decided what kind of services we were able to provide them on a pro-bono basis.

I worked on the website design and development in Webflow. The team wanted a space to document the missions they're doing within the community. They also wanted the website to be able to receive donation from the public to continue funding for future missions.

Team
Branding
  • Chan Siok Teng
  • Audrey Lim
Web Design + Development
  • Loo Jye Miin
Project Management
  • Kelvin Yap

Getting Started

Target Audience

Primary
Organisations that specialise in helping marginalised groups

Organisations that have access these marginalised groups would be NGOs / Activists that are also the main point of contact for smaller groups that would like to help: Volunteer groups (e.g. education sector, corporate companies) and religious institutions (e.g. churches)

Secondary
General public

Malaysians with access to the internet and social media users

Tertiery
The group of people who will be receiving healthcare via NobleDr+, the end users
  1. Undocumented migrants
  2. Stateless children
  3. Refugees
  4. Sex workers
  5. Immigrants who can’t afford healthcare

Branding & Communication

The NobleDr team already had a logo designed. We refined the logo slightly and created a brand and style guide for a wider visual application of the logo. We also worked on the communication and visuals of the presentation that is used to present NobleDr's mission.

Click on image to expand

UX UI

Low-fidelity wireframe

After understanding the requirements for the website, I did a low-fidelity wireframe to get approval from NobleDr before proceeding to create the high-fidelity screens.

Click on image to expand

High-fidelity wireframe

View the live site by clicking the button below
Visit NobleDr

Learnings

Social impact of our services

It’s the first project that I felt a direct social impact on the community. As we were constantly communicating with the doctors in the team, we realised the importance of a call for donation in a timely manner. A social media post could for example generate enough donation for an immigrant mother to give birth to her son without the financial worry for the C-section procedure.

Wanna create something with me?
Send me an email or connect with me.