Overview

Acer is an international brand who produce IT products for the whole world. This year, Acer cooperate with local sports brand Momentum to build up a digital product ''O2gether'' which provides an all-round-service for sports fans in Taiwan.
O2gether aims at creating access for sport fans to fulfill their needs --- attending sports games, purchasing equipment, and finding themselves a professional coach to achieve their fitting goals.

Web Design

Concept Development
Lead UI Design

Aug 2019 — NOW

People in Taiwan are not a big fan of doing sport. Most of the people regard exercising as an activity that takes much time and efforts. Thus, we hope this website could bring joy and energy to the general public and motivate people to participate in sports activities and start their fitting goals.

A digital product assists sports fans in achieving various goals.

Project Goal

Positive Brand Image

Enthusiastic UI Design

Energetic Interaction

O2gether is a website with various functions, so we hope that users can get to know its services by review the homepage. In hence, we build up quick entrance on the home page to guide users to specific pages.

Sitemap

The website contains 126 pages which desperately need to be organized effectively for both designers and users. To make the UI system more precise, we make layout and color selection neater (with just a single color ). On the other hand, we hope information architecture can be simplified efficiently compared with other existing websites.

Wireframe

We choose bright yellow as the primary color of the website, which is also a CI color of O2gether. Also, we use black color to blend perfectly with bright yellow, which can bring up trustful feeling for users.After all, we hope that we can create a scenario that is energetic and trendy at the same time.

UI Guideline

The home page is the first impression for users, as O2gether is also a new brand for the current market. Thus, we hope the layout can be read like watching a trendy magazine, which consists of various columns and topics. Also, we choose breath-taking images and striking colors to reveal the inner power of O2gether.

Home Page

Compare with the home page, inner pages are more like a tool that can assist users in completing their missions on the website. Therefore, we get rid of colorful design and complex structures to make it more neat to read and more efficiently to manipulate.

Inner Pages

It's not hard to imagine that some of the users tend to browse the website on mobile phones.
So we also reorganized some complex pages on the website to benefit them and meet their needs to make sure users can achieve their goals without limitation.