top of page

Asia Pacific Forum & Exposition for Sustainability

Client

ASDGs

InterPlan

Time

2022 Jan 26

|

2022 Feb 08

Team

PM

Visual Designer

Front-end

Back-end

My Responsibilities

User Interface Design (Desktop/Mobile)

Responsive Website Design

Prototyping

Overview

This is an event website for an Exposition about environmental sustainability.

安益mockup.jpg

Goal of the project

The client provides the key vision and the banner so I start my design and color palette based on their foundation. They hoping to see a website with a lively vibe with more animations.

#047B67

#E9B400

•This is a project with very limited time, so I highly corporate with PM, front-end, and back-end to make sure the visual, animation, and function won't be too complicated and could finish on time. 

•To create a  flow and process as simple as possible for the exhibitors to log in and get the information they need.

•To make sure the people who want to visit can get the information clearly from the home page.

Asia Pacific02.jpg

Home Page - First version

For the first version of a homepage design, because the client looking for a lively vibe for the website. I chose to use a round corner edge for all the elements, and icons with card design to create animation while hovering. For the color, I found out that there is a rainbow color palette in the banner provided by the client so I decide to extend this idea on the home page and make the page more colorful.

第一版.jpg

Home Page - Final version

After communicating with the client through PM, I noticed that the client hoping to see more wave edges on the website. Also, I understand that client dislikes the card design with the icons. Therefore, I come out with a new layout that is more close to the expectation of the client.

最終版-2.jpg

Member Page

Exhibitors can easily click the icon on the header to enter the login page. After login, they could enter a specific page to get other detailed information.

後台頁面.jpg

Detail Information 

This is a page that provides the competition information. Because there are two competitions both with lots of information. Therefore, I design an anchor on the top so the visitor can easily find the section they are looking for.

簡章頁面.jpg
bottom of page