Embedded Files
About TelcoNets
TelcoNets was originally known for providing private 5G products that can provide strong connectivity and low-latency network for industries IoT and AI applications at an affordable price. Later on, it got changed to TN4AI in which the mission is to empower businesses with faster, smarter, and more secure compute and connectivity to power their AI solutions.
Key Result
This led to an improvement in conversion rates when it comes to the sign-ups for certain products they are looking for.
Skills
Usability Testing
Web Design
Information Architecture: Open Card Sorting
Wireframes
Tools Used
Figma
Squarespace
FigJam
UX Goal
Ensure the TelcoNets website provides strong clarity on the mission, products, and services. Clients will have smooth interactions with the website. This will lead to an increase of conversion rate and gathering more leads.
My Role
UX Research : Conduct usability testing and card sorting for the website
UI Design: Create and design wireframes of the website
Web Design: Redesign the web pages on the Squarespace platform
Collaborators
Product Manager
Business Leaders
Key Deliverables
UX Research
Conduct usability tests on participants with the old website to identify the improvements that need to be made
On the product page, conduct an open card sorting exercise from information architecture on categorizing the features
UI Design
Created and designed wireframe mockups on the website pages through Figma and presented to higher-level management through a design review
Redesign the TelcoNets website
Created and design the homepage, product pages, services and solutions, partner page, and about page
Purpose and Goal of TelcoNets Website
TelcoNets website was there to provide awareness on the products, services, and also present the partnerships it currently has. Our business goals are to get a strong conversion rate, gather leads, and also to have customers buy into the products. TelcoNets wants to show the world that we are one of the top leaders in providing affordable private 5G and edge-compute products that do not require numerous amounts of technicians to install the products. The past issues with TelcoNets website from the Salespeople were due to confusion in understanding the process of how the products work, readability issues regarding the products and services, and navigation confusion involved exploring through the TelcoNets website. Below, there are 2 past website examples of the home page and product page.
Design Process
About the Design Process
This was the design process that was used. As it was an early-stage startup, there were phases of the design process that had to be skipped. For instance, the learning phase was brief feedback from the salespeople on the homepage and brief competitive research. The understanding phase involved usability tests on the results from B2B ux designers on reviewing TelcoNets' website. There was also card sorting involved in the product page. The imagine phase was creating a sitemap of the new website. There was also sketching and creating low-fidelity wireframes, which were presented to the stakeholders. The low-fidelity wireframes were then put on the website, which was used through the Squarespace platform. The challenges were the limitations on the Squarespace website that only allowed limited types of wireframes to be used for the homepage and the product page.
Sitemap 2024
Results from Usability Test
Due to the time constraints, there were 2 participants who were able to do the usability test. They were able to complete the tasks. The navigation issues faced on the homepage were reading and understanding the process of 5G and edge compute products. The logo is distracting from the icons on Why TelcoNets? The swirl line background of the product process was hindering the participants' ability to read through the content.
Pain Points from Usability Test
Product Page Information Architecture
The 5G to Go product page had endless scrolling list of features that seemed to overwhelm the participants in understanding what the features are used for. A suggestion was to categorize and group the features to prevent endless scrolling. I presented these findings to the stakeholders. I conducted an information architecture exercise on category management to a stakeholder. I explained to him about information architecture and the best way to create category management was through card sorting. As the features were already mentioned on the webpage, I conducted the unmoderated open card sorting for the stakeholder to group the features and create the names for each category. We did this through FigJam. These were the results of it. Keep in mind the features information went through a series of edits. The features were kept the same from the card sort only the changes were there with condensing and naming purposes.
Page construction
Page construction
I organized the plan on the layout for the homepage from the usability test and design review results
new homepage
new homepage
Based on the usability test and design review results, made changes on design by removing swirl backgrounds and placed clear infographics on the private 5G and AI process.
New Product Page
New Product Page
The major pain point on the product page such as the 5G to Go was the endless scrolling on the features. Therefore, the results from the card sorting exercise were used to create categories for the features section of the project page. I leveraged the accordion drop-down to organize the list of features.
Results
This led to an improvement in conversion rates when it comes to the sign-ups for certain products they are looking for.
Page updated
Google Sites
Report abuse