M.S. HCI in Indiana University. UX Designer.

UI Design - Wisdom Sports


Topic: Redesign Dongle Official Website for marathon race and running events 

Team: Wisdom Sports - Dongle Website - Product/UI Team

Duration: 10 Days

My Responsibilities: Communication with product managers and front-end developers, Ideation on visual theme, Proposed high hierarchy page, Producing interfaces

Wisdom Sports is a company that Dongle website provides a platform for

Working Process

Responsibility and working flow

Responsibility and working flow

As UI designers, we got wireframes of product design from product managers. Through teams collaboration meetings, I need to understand functions and information architecture of overall applications. The understanding of complicated system and asking good questions are required. This website contains four main functions, "Marathon and running events registration", "online payment", “Race news and preview” and "User center". As a team, we produce high fidelity prototype with both visual design and interface design. 

UI Team Working Method

  • Sequence - Hierarchical

    • First level webpages are designed first. Higher hierarchy webpages have higher priority in interface design.

  • Production - Modular

    • Design work assigned by modules
      • Product detail
      • Payment
      • In-site message
      • Search and Filter
      • User Center

Sample Pages


More UI design of this project can be found here.