All projects

Share your health goal on the pledge wall

AIA’s brand focuses on having a healthy lifestyle, and it encourages it’s employees to live a healthy life. With this pledge wall, employees can make their pledge to live a healthy life and post it on the wall for everyone to see. The goal can be big or small, as long as it pushes the user’s health agenda forward. The pledge is for everyone to see, on one hand inspiring others to make plans for their health agenda, on the other hand making it a commitment to everyone.

Company

AIA

Industry

Insurance

Deliverables

Website Design

Toolstack

Adobe XD

Team

Sole Designer

My Role

UI/UX Designer

Involvement

Research, User Flow, Wireframe, Mockup, User Testing

Making a difference starts with us. What's your pledge to live. healthier, longer, better life?

All projects

Share your health goal on the pledge wall

AIA’s brand focuses on having a healthy lifestyle, and it encourages it’s employees to live a healthy life. With this pledge wall, employees can make their pledge to live a healthy life and post it on the wall for everyone to see. The goal can be big or small, as long as it pushes the user’s health agenda forward. The pledge is for everyone to see, on one hand inspiring others to make plans for their health agenda, on the other hand making it a commitment to everyone.

Company

AIA

Industry

Insurance

Deliverables

Website Design

Toolstack

Adobe XD

Team

Sole Designer

My Role

UI/UX Designer

Involvement

Research, User Flow, Wireframe, Mockup, User Testing

Making a difference starts with us. What's your pledge to live. healthier, longer, better life?

All projects

Share your health goal on the pledge wall

AIA’s brand focuses on having a healthy lifestyle, and it encourages it’s employees to live a healthy life. With this pledge wall, employees can make their pledge to live a healthy life and post it on the wall for everyone to see. The goal can be big or small, as long as it pushes the user’s health agenda forward. The pledge is for everyone to see, on one hand inspiring others to make plans for their health agenda, on the other hand making it a commitment to everyone.

Company

AIA

Industry

Insurance

Deliverables

Website Design

Toolstack

Adobe XD

Team

Sole Designer

My Role

UI/UX Designer

Involvement

Research, User Flow, Wireframe, Mockup, User Testing

Making a difference starts with us. What's your pledge to live. healthier, longer, better life?

Project Goal

A physical pledge wall used to be located at the entrance of the office building. AIA has moved from a dedicated building to a shared office building. The physical pledge wall had to be removed. The new pledge wall was set to be digital based. In order to make it still accessible to their employees, they would like to make a digital version to be put on the internal website.

Project Goal

A physical pledge wall used to be located at the entrance of the office building. AIA has moved from a dedicated building to a shared office building. The physical pledge wall had to be removed. The new pledge wall was set to be digital based. In order to make it still accessible to their employees, they would like to make a digital version to be put on the internal website.

User Research

In order to understand how the old pledge wall was used, I asked some employees who have made their pledges on the original pledge wall, and below are some key takeaways.

User Research

In order to understand how the old pledge wall was used, I asked some employees who have made their pledges on the original pledge wall, and below are some key takeaways.

User Research

In order to understand how the old pledge wall was used, I asked some employees who have made their pledges on the original pledge wall, and below are some key takeaways.

Reading the user's own pledge is a good reminder of his/her workout routine

Reading the user's own pledge is a good reminder of his/her workout routine

Reading the user's own pledge is a good reminder of his/her workout routine

Sharing the pledge with colleagues to make plans together

Sharing the pledge with colleagues to make plans together

Sharing the pledge with colleagues to make plans together

Seniors sharing a pledge with the team is a big motivating factor

Seniors sharing a pledge with the team is a big motivating factor

Seniors sharing a pledge with the team is a big motivating factor

Printable pledge serves as a good reminder and motivator

Printable pledge serves as a good reminder and motivator

Printable pledge serves as a good reminder and motivator

Secondary Research

Posting and sharing personal interests to the public has been done in many places in the internet. I have studied online services that let people share post online to the public.

Secondary Research

Posting and sharing personal interests to the public has been done in many places in the internet. I have studied online services that let people share post online to the public.

Secondary Research

Posting and sharing personal interests to the public has been done in many places in the internet. I have studied online services that let people share post online to the public.

Original Pledge Wall

Whenever people walk past the pledge, it is very easy to spot pledges made by other people. Seeing other people's pledges make motivating other people more effective. Pledges are printed via the kiosk and can be taken away by users, or attached to the wall using magnets. Pledges consist of pre-printed cards which employees fill out and attach to the pledge wall using colored magnets.

Original Pledge Wall

Whenever people walk past the pledge, it is very easy to spot pledges made by other people. Seeing other people's pledges make motivating other people more effective. Pledges are printed via the kiosk and can be taken away by users, or attached to the wall using magnets. Pledges consist of pre-printed cards which employees fill out and attach to the pledge wall using colored magnets.

Original Pledge Wall

Whenever people walk past the pledge, it is very easy to spot pledges made by other people. Seeing other people's pledges make motivating other people more effective. Pledges are printed via the kiosk and can be taken away by users, or attached to the wall using magnets. Pledges consist of pre-printed cards which employees fill out and attach to the pledge wall using colored magnets.

Pledge Cards

The original pledge wall is open to public for whoever walk pass the building lobby. The UI of the online pledge should feel open and inviting for everyone and should not be kept within a community.They presents its content (which is basically images) in a scrolling collage that clearly deemphasizes text. Images are more immediately engaging, and images capture attention faster and generate more powerful emotional responses.

Pledge Cards

The original pledge wall is open to public for whoever walk pass the building lobby. The UI of the online pledge should feel open and inviting for everyone and should not be kept within a community.They presents its content (which is basically images) in a scrolling collage that clearly deemphasizes text. Images are more immediately engaging, and images capture attention faster and generate more powerful emotional responses.

Pledge Cards

The original pledge wall is open to public for whoever walk pass the building lobby. The UI of the online pledge should feel open and inviting for everyone and should not be kept within a community.They presents its content (which is basically images) in a scrolling collage that clearly deemphasizes text. Images are more immediately engaging, and images capture attention faster and generate more powerful emotional responses.

User Flow

I started my process by creating a user flow with, with basic function and visual descriptions. This has gone through a few versions after testing on mid-fidelity prototypes.

User Flow

I started my process by creating a user flow with, with basic function and visual descriptions. This has gone through a few versions after testing on mid-fidelity prototypes.

User Flow

I started my process by creating a user flow with, with basic function and visual descriptions. This has gone through a few versions after testing on mid-fidelity prototypes.

Mid-fi Wireframes

Posting and sharing personal interests to the public has been done in many places in the internet. I have studied online services that let people share post online to the public.

Mid-fi Wireframes

Posting and sharing personal interests to the public has been done in many places in the internet. I have studied online services that let people share post online to the public.

Mid-fi Wireframes

Posting and sharing personal interests to the public has been done in many places in the internet. I have studied online services that let people share post online to the public.

Font testing

After finishing the prototype, it was shared with the client and actual users for testing. The feedback I received was positive. Comments on the legibility of the font used and the lacking of brand recognition. These were later addressed in the mock-up presentation.

Font testing

After finishing the prototype, it was shared with the client and actual users for testing. The feedback I received was positive. Comments on the legibility of the font used and the lacking of brand recognition. These were later addressed in the mock-up presentation.

Font testing

After finishing the prototype, it was shared with the client and actual users for testing. The feedback I received was positive. Comments on the legibility of the font used and the lacking of brand recognition. These were later addressed in the mock-up presentation.

Design Result

The landing page features a pledge wall where users are greeted with other people's pledges, but their own pledge is always displayed first; new users are encouraged to post a pledge via a welcome message. Posting a pledge involves sharing a picture and message in a popup box, with the message being autosaved. The pledge wall is also designed to be responsive and compatible with mobile devices.

Design Result

The landing page features a pledge wall where users are greeted with other people's pledges, but their own pledge is always displayed first; new users are encouraged to post a pledge via a welcome message. Posting a pledge involves sharing a picture and message in a popup box, with the message being autosaved. The pledge wall is also designed to be responsive and compatible with mobile devices.

Design Result

The landing page features a pledge wall where users are greeted with other people's pledges, but their own pledge is always displayed first; new users are encouraged to post a pledge via a welcome message. Posting a pledge involves sharing a picture and message in a popup box, with the message being autosaved. The pledge wall is also designed to be responsive and compatible with mobile devices.

Reflection and moving forward

  1. Obstacles: Due to budget and technical limitations, a number of planned functions were dropped. Instant photo taking and real time basic editing were planned. Due to the scope of the project, user interviews couldn’t be conducted, in turn, insight and user needs were learned through client interview. 


  2. Takeaway: One of the main reasons that the original pledge wall was a success was the visibility of being located in the elevator lobby with a big wall, something that the online version cannot replicate. My focus was to create a smoothest user experience for the users to keep making pledges even after the original pledge wall was taken down. I am happy with the results.

Hello, I am Dennis. 👋🏻

As a dedicated UI/UX designer with 8 years of experience, I specialize in B2C app design, web design, and graphic design.

I thrive in small team environments, where I solve problems independently and deliver impactful, user-centered solutions.

🇭🇰

Made in Hong Kong

🇺🇸

Made in California

Hello, I am Dennis. 👋🏻

As a dedicated UI/UX designer with 8 years of experience, I specialize in B2C app design, web design, and graphic design.

I thrive in small team environments, where I solve problems independently and deliver impactful, user-centered solutions.

🇭🇰

Made in Hong Kong

🇺🇸

Made in California

Hello, I am Dennis. 👋🏻

As a dedicated UI/UX designer with 8 years of experience, I specialize in B2C app design, web design, and graphic design.

I thrive in small team environments, where I solve problems independently and deliver impactful, user-centered solutions.

🇭🇰

Made in Hong Kong

🇺🇸

Made in California

© 2025 Dennis Lam

Created by me in Framer

© 2025 Dennis Lam

Created by me in Framer

© 2025 Dennis Lam

Created by me in Framer