Project Brief

ITSeed program strive to cultivate interdisciplinary talents. The official website is the main channel for promotion and accepting applications, making sure the users can understand the program and attract them to apply are the most important tasks. To improve the performance of the website, we decided to redesign the website.

Website link: https://itseed.tw/

Project Members

1 Designer 2 Front-end engineer 1 Back-end engineer

Role and tasks

Designer: Webpage UX/UI planning, design finalizing and delivery, and design quality control.

Timeline

3 Months

Challenges

1. Needs to take into consideration layouts for different devices:

According to traffic history, the mobile and website version both have steady visits, so we needed to pay extra care to the RWD exhibition.

2. Many changes were made:

Aside from the texts, all templates and elements needed to be remodified. A whole new system was needed.

Thoughts

As my first time working one on one with developers, being able to put my knowledge in practice was quite rewarding. The updated website will be launched recently, but the discussion and advices about future development of the website will continue. I will keep track of the traffic data in case of future iterations. I have high hopes for out new website.

Design Strategy

There are two main tracks:

1. Use the marketing funnel as the main design priciple to evolve design strategies, and focus on design targets:

Aware: Use images and clear CTA to attract attention.
Interest & Desire: Identify the needs of possible consumers, lower reading difficulties, and strengthen the hierarchy of the contents.
Action: The main goal is to attract applicants, so a application link was put in the suitable area.

行銷漏斗

Marketing funnel

2. Design a handbook for website elements:

Provide sets of dos and don'ts examples and guidance for shooting styles, makes it easier for future contents to remain consistent.
Guidance for items like: color scheme, subjects, and scenario set up.

Guidance

Refinement

1. Reorganize the information architecture:

・Set up Sitemap, IA to clarify the relations between sites, which also makes management and discussion much easier.
・Rethink and rearrange the information logically.
・Add new touchpoints: Add CTA and portals to each page, not only does it increase engagement of related information and webpages, it also expands the room for users to explore (see as image below).

2. Establish a design system

By building unique elements and specifying the color scheme, we can keep the webpage consistent and reduce development costs, maximizing the outcome with the least costs possible.

3. Strengthen brand image with real photos

We received feedbacks saying the website lacks visual impact, so we added event pictures and year book pictures to give off a more realistic feeling, and increase the trustability of our brand.

Training Programme Webiste Redesign Project

Challenges

Thoughts

Design Process

Design Strategy

Refinement

Sitemap/IA

UI Mockup

Design System /Guideline

Other projects