Nextlink
Nextlink
Nextlink

Revamping and optimizing a content-heavy website

ROLE

UX Design | UI Design | Art Direction

NL-Hero-Screen-C1@2x

The Background

The Background

The Background

The Background

Nextlink is a company that specializes in providing customized cloud solutions to corporations. They offer a comprehensive range of services, including Amazon Web Services, Google Cloud, Alibaba Cloud, and Microsoft Azure.

Previously, Nextlink's website was built on a template, which resulted in a lack of unique brand appearance, limitations in displaying the company information, and slow loading times. Due to these issues, Nextlink decided to create a new website that not only reflects its professional and advanced image but also presents its extensive range of services systematically.

Nextlink is a company that specializes in providing customized cloud solutions to corporations. They offer a comprehensive range of services, including Amazon Web Services, Google Cloud, Alibaba Cloud, and Microsoft Azure.

Previously, Nextlink's website was built on a template, which resulted in a lack of unique brand appearance, limitations in displaying the company information, and slow loading times. Due to these issues, Nextlink decided to create a new website that not only reflects its professional and advanced image but also presents its extensive range of services systematically.

The Goal

The Goal

The Goal

The Goal

The Goal

Revamp the website to reflect the brand image

Craft a distinctive online brand image that captures Nextlink's essence and values, setting it apart from competitors.

Craft a distinctive online brand image that captures Nextlink's essence and values, setting it apart from competitors.

Present the services systematically

We aimed to present the content systematically, creating an intuitive pathway to each service with a clear product hierarchy.

We aimed to present the content systematically, creating an intuitive pathway to each service with a clear product hierarchy.

We aimed to present the content systematically, creating an intuitive pathway to each service with a clear product hierarchy.

Make the website easy to expand and manage

We applied the modular design with diverse modules to enable Nextlink to scale the website with ease.

We applied the modular design with diverse modules to enable Nextlink to scale the website with ease.

We applied the modular design with diverse modules to enable Nextlink to scale the website with ease.

Recraft the brand image in the digital realm

Recraft the brand image in the digital realm

Recraft the brand image in the digital realm

The inspiration for this project came from Nextlink's tagline, "Link to the Cloud."

To interpret the abstract concept of the cloud space, I used a gradient shade of the brand's primary color, incorporating dynamic lines with scrolling effects, which imitates the connection between data and the cloud. Additionally, I inserted various abstract images with 3D shapes to echo the conceptual cloud space and give the website a sense of dimension, making it more visually appealing.

The design reflects the essence of Nextlink — connecting corporate clients and their customers through its cloud services.

The inspiration for this project came from Nextlink's tagline, "Link to the Cloud."

To interpret the abstract concept of the cloud space, I used a gradient shade of the brand's primary color, incorporating dynamic lines with scrolling effects, which imitates the connection between data and the cloud. Additionally, I inserted various abstract images with 3D shapes to echo the conceptual cloud space and give the website a sense of dimension, making it more visually appealing.

The design reflects the essence of Nextlink — connecting corporate clients and their customers through its cloud services.

The inspiration for this project came from Nextlink's tagline, "Link to the Cloud."

To interpret the abstract concept of the cloud space, I used a gradient shade of the brand's primary color, incorporating dynamic lines with scrolling effects, which imitates the connection between data and the cloud. Additionally, I inserted various abstract images with 3D shapes to echo the conceptual cloud space and give the website a sense of dimension, making it more visually appealing.

The design reflects the essence of Nextlink — connecting corporate clients and their customers through its cloud services.

NL-Home-F@2x
NL-About-F@2x
NL-CaseStudy@2x
NL-Home-Mobile@2x
NL-Home-Mobile-2@2x
NL-Carousel-Mobile@2x
NL-About-Mobile@2x

A clear product category hint

A clear product category hint

Nextlink provides various cloud services classified into 3 product categories. Due to the extensive range of products, it is crucial to keep users informed about the service division they are browsing on the website.

On the website’s mega menu of the primary product category, we listed the subcategories and the products beneath them as a clear view of this division.

Nextlink provides various cloud services classified into 3 product categories. Due to the extensive range of products, it is crucial to keep users informed about the service division they are browsing on the website.

On the website’s mega menu of the primary product category, we listed the subcategories and the products beneath them as a clear view of this division.

Nextlink provides various cloud services classified into 3 product categories. Due to the extensive range of products, it is crucial to keep users informed about the service division they are browsing on the website.

On the website’s mega menu of the primary product category, we listed the subcategories and the products beneath them as a clear view of this division.

NL-MegaMenu-S-1@2x
NL-MegaMenu-S-2@2x

Product Page Tier

Product Page Tier

Product Page Tier

Product Page Tier

It is essential to have a visible page hierarchy on the website to help users navigate easily through the various services and be aware of which product category they are viewing.

To fulfill this requirement, here are the approaches I applied:

  1. Distinct Headers:
    I designed 2 dedicated headers for the subcategory product and product information pages, which help differentiate the product tiers.
  2. Product Category Label:
    To make the product category more prominent, I added a clear label to the header of each product information page so users can easily identify the category they're viewing.
NL-1stTierBanner-Mobile@2x

Subcategory Product Page

Subcategory Product Page

Subcategory Product Page

Subcategory Product Page

Subcategory Product Page

NL-2ndTierBanner-Mobile@2x

Product Info Page

Product Info Page

Product Info Page

Product Info Page

Product Info Page

NL-Screens-1-s@2x
NL-Screens-2-s@2x
NL-Screens-3-s@2x
NL-Screens-4-s@2x
NL-Screens-5-s@2x
NL-Screens-6-s@2x
NL-Screens-7-s@2x
NL-Screens-8@2x
NL-Screens-9-s@2x
NL-Screens-10-s@2x
NL-Screens-11-s@2x
NL-Screens-12-f@2x

Solution Cards

To enhance the clarity and organization of the product offerings, I created dedicated product cards for each product category and subcategory. These cards serve as the gateway to the secondary product listing pages and the product information pages.

NL-ProductCard-SS@2x

Product Subcategory Pages

Product Subcategory Pages

NL-ProductLine-1@2x
NL-ProductLine-4@2x
NL-ProductLine-2@2x
NL-ProductLine-3s@2x

Scale and manage with modules easily

Scale and manage with modules easily

Nextlink is a prominent player in the industry, constantly providing new cloud solutions. To meet the growing demand, their website needs to be scaled and managed effortlessly.

To address this, I have designed a modular content system with modules of diverse purposes of use. These modules not only make it easy to update the website but also help demonstrate the rich content of the company in an aesthetically pleasing and user-friendly manner.

Nextlink is a prominent player in the industry, constantly providing new cloud solutions. To meet the growing demand, their website needs to be scaled and managed effortlessly.

To address this, I have designed a modular content system with modules of diverse purposes of use. These modules not only make it easy to update the website but also help demonstrate the rich content of the company in an aesthetically pleasing and user-friendly manner.

Nextlink is a prominent player in the industry, constantly providing new cloud solutions. To meet the growing demand, their website needs to be scaled and managed effortlessly.

To address this, I have designed a modular content system with modules of diverse purposes of use. These modules not only make it easy to update the website but also help demonstrate the rich content of the company in an aesthetically pleasing and user-friendly manner.

NL-Solution@2x
NL-ModulePage-3sF@2x
NL-ModulePage-2sF@2x

Icons

Icons

Icons

I created a series of icons to visually represent the various services offered by Nextlink.

I created a series of icons to visually represent the various services offered by Nextlink.

NL-Icons-1
NL-Icons-2

Other Projects

I Design things for the internet.

I Design things for the internet.

I Design things for the internet.

I'm a Visual & UX/UI designer hailing from Taiwan. With over a decade of experience in agencies, Tech start-ups, and freelancing, I wear various hats as a designer, aiming to provide simple and beautiful design solutions.

I'm a Visual & UX/UI designer hailing from Taiwan. With over a decade of experience in agencies, start-ups, and freelancing, I wear various hats as a designer, aiming to provide simple and beautiful design solutions.

I'm a Visual & UX/UI designer hailing from Taiwan. With over a decade of experience in agencies, start-ups, and freelancing, I wear various hats as a designer, aiming to provide simple and beautiful design solutions.

I'm a Visual & UX/UI designer hailing from Taiwan. With over a decade of experience in agencies, start-ups, and freelancing, I wear various hats as a designer, aiming to provide simple and beautiful design solutions.

I'm a Visual & UX/UI designer hailing from Taiwan. With over a decade of experience in agencies, start-ups, and freelancing, I wear various hats as a designer, aiming to provide simple and beautiful design solutions.

My sweet spot is working with brands that help make a positive difference in people's lives.

My sweet spot is working with brands that help make a positive difference in people's lives.

My sweet spot is working with brands that help make a positive difference in people's lives.

My sweet spot is working with brands that help make a positive difference in people's lives.

My sweet spot is working with brands that help make a positive difference in people's lives.

© Weishan Lo Design 2025

© Weishan Lo Design 2024

© Weishan Lo Design 2024

© Weishan Lo Design 2024

© Weishan Lo Design 2024

Back to top Arrow