What is TimeBank? TimeBank is a reciprocity-based trading system where people exchange services for time credits, rather than money. Basically, a person with a skillset can bank and trade hours of work for equal hours of work in another skillset instead of paying or being paid for services.

Problem: Charlottesville Time Bank has been struggling getting subscribers. The website is 8yrs old and they requested to redesign it and increase its usability to encourage more subscribers across the town.

Approach: I employed the Design Thinking Methodology to design and implement a context-aware advisory warning system for automated vehicles:


I conducted a total of 3 semi-structured interviews with the current users of timebank and experienced students to understand the underlying problems and to see what their thoughts are.


To synthesise our observations about the users from the conducted interviews, I conducted Analysis and Synthesis. By collecting all of the information in one place, it is easier to establish a specific problem statement and generate potential solutions. Basically, we move from analyze to synthesize:

  • Analysis: To tackle the design challange easier, our team broked down the problem into smaller, easier-to-understand constituents.
  • Synthesis: Defined a concise description of the problem that needs to be solved for the automated vehicle drivers

Problem Statement:
We also defined research questions for the design of the new webpage for TimeBank to better determine its direction in advance.

  • How can the overall user experience (UX) and user acceptance of TimeBank be improved?


After defining a clear definition of the problem, we gathered for a brainstorming session to come up with the ideas to solve the TimeBank main usability issues.

We categorized all the issues with the TimeBank website, which solving them could potentially attracts more subscribers, into three main groups. Accordingly, we use low fidelity wireframe (Balsamiq) to include the illustrate the important elements:

  • Posting: In order to solve the issue we came up with the following ideas:
    1. Help Requests/Offer: Adding a switch button, filtering options facilitate users to easily customize their own request if they either need to ask for a help or offer a help to the community.
    2. Joinning a group for targetted posts: Users are given a chance of joinning a desired group and chatting with the users
    3. Adding Tags: Adding tags and organize them make it easier for the end-users to find the relevant posts. Users may find someone to help or get help from without even posting.
  • Profile
    1. Help Requests/Offer: Adding a switch button, filtering options facilitate users to easily customize their own request if they either need to ask for a help or offer a help to the community.
  • Transactions
    1. History of Transactions: Adding the history of transactions help the users to find how many hours they have spent on a specific activity. Also, by maintaining the users records, they can easily see to whom the time transferred and even contact the person.


Our team designed a high-fidelity prototyp using Figma

Home Page

  • By addubg Feeds, user can checkout all the great things happing in Charlottesville at a glance!


  • Users are able to easily filter out the posts and see who have asked for help

Learn more about the proposers

  • If users tend to offer to help, they can hover to the profile's photos and learn more about the person
  • Acquiring information and communicating with the help providers before accepting their offers increase the community security

Community Activities

  • User can create their own group and invite like-minded people.
  • Added tags help users to know what other community members interested in

Joinning a group

  • Join any of the compelling groups and start chatting with members

Easily post a request or offer

  • User can simply switch between request and offer

Add relevant tags

  • User can add related tags to the subject of their posts
  • Providing related offers help the users to find a match faster

Making a contact with an applicant

  • Users can click on the profiles and learn more about the applicants
  • Users are able to contact the applicants before accepting their offers


  • Users can add a new transaction if the other party has not claimed it yet
  • Transaction history helps the users to monitor their previous activities

Profile Center

  • If users need more details of their activities, they find them easily on the profile center
  • Users can track the history of their activities and all the claimed hours


To investigate the potential of such redesigned TimeBank website, we conducted a usability study from 5 participants. While the test was utilized to inform a redesign of the website, it also enabled us to assess the quality of the findings of the new navigation and tagging approach.