Work About Contact

Open Innovation Network Redesign

Overview

The Open Innovation Network (OIN) is set up by Enterprise Singapore and the Infocomm Media Development Authority (IMDA) to provide a single gateway to the open innovation ecosystem in Singapore.

The objective of this project is to re-design the OIN site. Client needed a fresh revamp of their current site that would be in line with modern design trends and improve the usability of the website.

Role

Lead UX/UI Designer

Responsibilities

User Research, Wireframing and Prototyping

Problem

The OIN website looks unattractive and does not reflect the brand's image. Website also has confusing information architecture which makes it confusing for users.

Process

Several stages were involved for this redesign project. Namely the User Research stage, which involves gathering information about the website's users to understand their needs, goals, and pain points. Next is Website Research, which involves analyzing the existing website to identify areas that need improvement. Afterwhich is Prototyping which comprises of creating wireframes to test ideas and gather feedback. And lastly, the Design stage, which involves creating a visually appealing and functional design that meets the needs of the users and the business.

User Research

Research

To kick off the project, we spent 2 weeks conducting user surveys and user interviews with a small sampling of users.
As a second step, we ran Hotjar to derive how users were using the current site. This ensured that we could fully understand the users' pain points when navigating the pages on the site.
We also ran a competitive analysis on 3 similar sites in order to identify areas for improvement and to generate ideas and inspiration.
Cardsorting was also used to help identify patterns of our users and gain insights into how they organize and categorize information. This greatly helped us in creating a more intuitive and user-centered information architecture for the website.

User Personas

Creating user personas is an important step in understanding the needs, goals, and behaviors of the website's target audience.

Through the data gathered from the surveys and user interviews, we gained insights into users' behaviours, attitudes, goals and pain points. This further helped us to create categories of users, which form the basis of our user personas.

Local startup Persona.

Local SME Persona.

Information Architecture

With the user research gathered and processed, we were able to organize the website content into categories and subcategories based on its topic or purpose. This step helps to create a logical structure for the website's content.

With the content organized, we could outline the structure of the website, including the hierarchy of the pages and the relationships between them.

Prototype & Design

Wireframing

We formulated the initial wireframes for each page, focusing on the layout and functionality of the page, with consideration to factors such as content placement, navigation, and calls to action.

High Fidelity Designs

With the validated wireframes, we proceeded to add visual elements and refined the layout and typography to create a realistic representation of the final product.

Results

After the website's redesign was rolled out, web traffic increased by 25%. The simplified navigation and intuitive user interface were cited as the most significant improvements by users.

Summary

The redesign project was a success, as evidenced by the increase in traffic and positive feedback from users. The designer's research-driven approach and focus on improving the user experience resulted in a more user-friendly and effective web design.