Branding and Responsive Web Design for a Company Website
TH Network provides precise telecommunications, hydrogen, and solar energy solutions, empowering businesses to reduce environmental impact while meeting energy goals seamlessly.
Project Type
Web Design
Branding
Role
Product Designer
UX Researcher
UI Designer
tool
Figma
Maze
Optiomal workshop
Adobe suites
Overall Contribiton Rate
100%
Proactively took charge of design and execution
timeline
4 weeks
(80 hours)
(80 hours)
Background
The company recently launched its website for the first time and aims to introduce various services and specialties offered to customers.
We want the website to have a professional appearance while ensuring that customers can easily understand their services. The company is relatively new, and its customers consist of businesses and commercials.
To achieve success in this project, it is crucial to create an easy-to-navigate design and provide a clear explanation for each service in the product.
Additionally, they aim to promote their services through various channels, including social media. Building a strong brand is necessary, and effectively delivering the company's value will be essential.
To achieve success in this project, it is crucial to create an easy-to-navigate design and provide a clear explanation for each service in the product.
Additionally, they aim to promote their services through various channels, including social media. Building a strong brand is necessary, and effectively delivering the company's value will be essential.
survey & user interview
From existing customers
From potential new customers
Existing customers who have received network services from the company are concerned about potential technical issues they might face in the future. If the network service does not function properly, it will adversely affect their business, so they want to receive prompt technical assistance.
Some users have a hard time understanding the type of network service they need for their business. They want to comprehend the network service options available and receive assistance in choosing the best one.
key findings from research
The majority of users visit their network service provider's website to manage service plans, billing, technical issues, and account settings. Their purpose is not focused on specific features, which means the website should be easy to navigate in order to meet the users' purposes for their visit, encompassing all the features.Half of the participants were satisfied with their experience visiting the website, while the rest were not.
The existing competitor's website requires improvement, particularly in addressing issues such as slow page loading, website performance, navigation, and organization.One of the assumptions I made before conducting this survey was that users visit the website whenever they encounter issues while using the network service. If we introduce a customer service or technical assistance feature, we can prioritize adding live chat or instant messaging as a means of communication.
persona
user flow
how might we...?
site map
To enhance website navigation, we crafted a user-friendly site map by leveraging insights gathered from user interviews, surveys, and collaborative discussions with the team.
task flow
Low-fidelity
mid-fidelity
ui design
final design
usability testing
Apply feedback
Success metrics
With the successful launch of the website, the number of visitors increased
As new visitors increased, the company gained a new reputation as an innovative and professional network company.
What I learned...
Creating a company's website from scratch was a challenging journey. I had to carefully select UX/UI designs to present extensive content effectively. Communication with both business owners and users was crucial to build the brand and integrate it into the design. I learned website development, crafted responsive designs, and improved my presentation skills through user interviews and research, showcased in keynotes and prototypes.
If I have more time...
If I had more time, I would like to add a customer service feature. Currently, the website has a way to contact the company, but I want to explore more detailed options for providing customer service, such as live chatting or allowing users to upload images or videos.
