Well buying website redesign
The freelancing project was requested by the Well Buying Industrial Co. Ltd for updating the organizational website for a better experience of clients and employees in the product search and information purposes.
Project duration
December 2020 to July 2021
Project Location
Taipei, Taiwan
project member:
Two
language
Mandarin
project overview
the problem
The client listed multiple website redesign requirements as follows:
A modern and simplified layout with a clean interface.
Including product search function.
Including multiple versions of websites in the language of traditional/simplified Chinese, Japanese, and English.
Horizontal layouts.
Better backstage design for information management and website maintenance.
Direct links to the organizational email,
project goal
Redesign the user journey for clients and employees for better access to product information with simple search functions and customized research options.
Role & responsibility:
Primary: User research and information architecture design
Secondary: Minor graphic redesign & product rendering
understanding the original website
Study and analyze the original website
Captions of the original website
Infrastructure visualization of original website
Original webpage information architecture
The original website was formed with a single-directional user flow, so sections do not interconnect or interact with other subpages in the same categories.
user research
Round one survey: Quantitative
The text is formed in Mandrian for our majority users and clients.
The first survey focused on Yes / No, single-choice, and short-answer questions to develop a fundamental understanding of user paint points.
Survey one outcome
The text is formed in Mandrian for our majority users and clients.
Survey one insights
Internal employees only occasionally use the company’s website to demonstrate their products, but external clients use it as their primary product research method.
Internal employees have alternative ways to research company products; the website is not the first choice for most users.
The information is mostly outdated.
The website is missing most of the key functions for product ordering.
Survey two: qualitative
The text is formed in Mandrian for our majority users and clients.
The second survey includes open-ended questions to develop in-depth knowledge of user paint points and primary design opportunities.
survet two outcome
The text is formed in Mandrian for our majority users and clients.
Survey two insights
The website does not have a “search” function for a fast and effective path to product pages.
The website does not have functions that support the business process.
Product information is not up to date, which creates business issues for clients ordering products.
interview
A verbal interview was performed with the company representative to detail collected insights and determine the urgent changes; due to potential budgets and technical requirements, some design concepts may not appear in the final deliverable.
overall insights: the must for the new website
Product search function.
Modern user interface.
Allow the website to be the platform that supports the company’s business activities.
Multi-language functions.
Website infrastructure design
Redesign webpage information architecture
The redesign of the website infrastructure focused on categorizing products with the organization’s standard for helping users find their needs in a more simple process for contacting employees and providing product information
user journey
The guideline for website construction is based on potential critical pain points highlighted in the user journey to enhance primary website purposes for employees and clients.
website development
initial design concepts
Multiple search methods: Product search can be performed using product name, product number, feature hatch tags, and category browsing.
Develop a color theme connected to the company’s logo that applies to the website.
Create a path between the website and the internal employee system (i.e., chat box).
Allow customer information to be attached for business activities.
Low-fidelity wireframe
My partner, Kent Change, specializes in digital and graphic design. My role in wireframe development focuses on ensuring that key research insights are implanted and easily accessible to users.
Prototyping
The prototyping process was performed by the internal users from the client side.
Color theme
My partner, Kent Change, designed the design theme, and we ultimately agreed on the green and orange colors on the company logo.
hIGH-fIDELITY mOCKUPS
Due to the time and technical challenges of digital development in setting up the website, we presented high-fidelity mockups so that the clients could have a visual for the most essential function: search, for the redesign.
Secondary roles:
Product Rendering
The product rendering is performed to generate the graphic materials that may need to be put into the new website; it is also a demonstration to help the company determine how they may use rendering techniques to promote products in the future.
The key of product rendering is to provide a guideline for client to have a basic understanding on how might products can be labeled with the new website design.
Minor graphic itteration design
The organizational flow maps were redesigned to align with the new design theme.