HomeVietnamGia Lai ProvinceWebsite Creation116´s Portfolio website design

116´s Portfolio website design

April 2017
116´s Portfolio website design
116´s Portfolio website design
116´s Portfolio website design
116´s Portfolio website design
116´s Portfolio website design
116´s Portfolio website design
116´s Portfolio website design
116´s Portfolio website design
116´s Portfolio website design
Description

OneOneSix (116) is a collaboration project of TheLabSaigon and Nilead. In this project, Nilead took the position of the web technical service provider to implement the new website interface of OneOneSix:

 

  • We collaborated with TheLabSaigon design team to turns the still design into a working website.
  • We helped TheLabSaigon and 116's team to work out improvements on the design using our web design experience.
  • Nilead team provides technical training and documents for OneOneSix team to manage their website.

 

Nilead's objective was to create an outstanding website based in the original design provided by TheLabSaigon to elevate 116's brand, showcase their philosophy and hard work through their versatile portfolio. The website also serves the purpose of a communication portal aiming to attract potential customers and partners, and generate new leads.

To accomplish this: we focus on creating a flexible layout with an easy and intuitive management system that allows 116 to showcase multiple gallery sections with their projects in a minimalist style. At the same time, the website should be easy to navigate and work for all the major devices with special focus on mobile devices.    

 

SINGLE PAGE LOADING EFFECT  

One of the small yet fascinating features we did for 116 was a fake single application effect. With the client's requirement to have the website to load like a single page application, we considered several options and did not feel confident that using AJAX to load the website is a good solution for Search Engine Optimization purpose. Even with Google bots now capable of processing javascript on websites (only to a certain extent), not all search bots can do the same. What we did, in the end, was to fake a one-page loading effect while still keeping each website page under its own URL and capable of being accessed directly via unique URL.   

 

FLEXIBLE LAYOUT

Based on the client's need to edit and upload new content (images and videos) regularly to the gallery sections on the website without breaking the layout, we created a block design system. Depend on the number of blocks in the design, the blocks size and position can be adapted to fit the layout design automatically. This flexible block design system and Nilead's CMS empowers 116’s management team to update content in an easier and efficient way.

 

EASY NAVIGATION

We implemented a sub navigation system that is only displayed under specific sections when necessary to avoid cluttering the navigation system. Throughout the design and improved UI/UX, we never lost sight of the end goal: The user, after seeing the portfolio, should be able to contact 116 for their services in an easy and fast way. To remove all complication and distractions we placed a call to action button on the navigation bar, allowing the user to contact 116's team with a simple two clicks process.    

 

MOBILE-MINDED

Today’s users can access online information from diverse devices, and they expect the mobile experience when navigating a website to be as good as in a desktop computer. The responsive designs for 116’s website aren’t just scaled down version of the desktop design; they are designed and developed deliberately and uniquely, with an absolute focus on every element. We adapted the responsive functionality and overall design aesthetic of the site in order to improve the user experience on the website and meet their expectations on usability and load times.   We have run various tests to ensure best user experience on these devices and made many changes along the way using real users' feedbacks. While it's impossible to run tests on all mobile devices, we picked the most common Android, iOS, Windows phones to run test ensuring better compatibility.

 

Check the complete version of Oneonesix's case study  

https://nilead.com/portfolio/oneonesix

116´s Portfolio website design

April 2017
Responsive Web Design
Web Design
web development
UI / UX design
Motiongraphic
Responsive Web Design
Web Design
web development
UI / UX design
Motiongraphic
Description

OneOneSix (116) is a collaboration project of TheLabSaigon and Nilead. In this project, Nilead took the position of the web technical service provider to implement the new website interface of OneOneSix:

 

  • We collaborated with TheLabSaigon design team to turns the still design into a working website.
  • We helped TheLabSaigon and 116's team to work out improvements on the design using our web design experience.
  • Nilead team provides technical training and documents for OneOneSix team to manage their website.

 

Nilead's objective was to create an outstanding website based in the original design provided by TheLabSaigon to elevate 116's brand, showcase their philosophy and hard work through their versatile portfolio. The website also serves the purpose of a communication portal aiming to attract potential customers and partners, and generate new leads.

To accomplish this: we focus on creating a flexible layout with an easy and intuitive management system that allows 116 to showcase multiple gallery sections with their projects in a minimalist style. At the same time, the website should be easy to navigate and work for all the major devices with special focus on mobile devices.    

 

SINGLE PAGE LOADING EFFECT  

One of the small yet fascinating features we did for 116 was a fake single application effect. With the client's requirement to have the website to load like a single page application, we considered several options and did not feel confident that using AJAX to load the website is a good solution for Search Engine Optimization purpose. Even with Google bots now capable of processing javascript on websites (only to a certain extent), not all search bots can do the same. What we did, in the end, was to fake a one-page loading effect while still keeping each website page under its own URL and capable of being accessed directly via unique URL.   

 

FLEXIBLE LAYOUT

Based on the client's need to edit and upload new content (images and videos) regularly to the gallery sections on the website without breaking the layout, we created a block design system. Depend on the number of blocks in the design, the blocks size and position can be adapted to fit the layout design automatically. This flexible block design system and Nilead's CMS empowers 116’s management team to update content in an easier and efficient way.

 

EASY NAVIGATION

We implemented a sub navigation system that is only displayed under specific sections when necessary to avoid cluttering the navigation system. Throughout the design and improved UI/UX, we never lost sight of the end goal: The user, after seeing the portfolio, should be able to contact 116 for their services in an easy and fast way. To remove all complication and distractions we placed a call to action button on the navigation bar, allowing the user to contact 116's team with a simple two clicks process.    

 

MOBILE-MINDED

Today’s users can access online information from diverse devices, and they expect the mobile experience when navigating a website to be as good as in a desktop computer. The responsive designs for 116’s website aren’t just scaled down version of the desktop design; they are designed and developed deliberately and uniquely, with an absolute focus on every element. We adapted the responsive functionality and overall design aesthetic of the site in order to improve the user experience on the website and meet their expectations on usability and load times.   We have run various tests to ensure best user experience on these devices and made many changes along the way using real users' feedbacks. While it's impossible to run tests on all mobile devices, we picked the most common Android, iOS, Windows phones to run test ensuring better compatibility.

 

Check the complete version of Oneonesix's case study  

https://nilead.com/portfolio/oneonesix

Work details
work
Client
Oneonesix
place
Location
Gia Lai Province
business
Industry of the client
Media
people
Audience
Business to Business
public
Geographic scope
International
settings
Service provided
Web Design
Looking for an agency providing that kind of service?Start a project

Works made by other agencies

Check the latest works made by other agencies
Website Development & Branding Design Tourism

Website Development & Branding Design Tourism

May 2017
May 2017

Website Development & Branding Design Tourism

Digital Strategy
Branding & Positioning
Website Creation
Graphic Design
Social Media
SEO
Media Planning
E-mailing
Online Advertising
Web Development - Web Design

Web Development - Web Design

November 2018
November 2018

Web Development - Web Design

I worked with this client at his location for a lot of the work. The owner James is a designer also and by working closely together I was able to create a site that represented his company in the best light.

Website Creation
SEO
Solid Interior´s Corporate website design

Solid Interior´s Corporate website design

April 2017
April 2017

Solid Interior´s Corporate website design

Solid Interior is a collaboration project of TheLabSaigon and Nilead. In this project, Nilead took the position of the web technical service provider to implement the new website interface of Solid Interior:  

  • We collaborated with TheLabSaigon design team to turns the still design into a working website.
  • We helped TheLabSaigon and Solid's team to work out improvements on the design using our web design experience.
  • Nilead team provided technical training and documents for Solid Interior team to manage their website.

We started Solid Interior's project by analyzing the designs created by TheLabSaigon team and researching their current website (at the time). We kicked off the project by meeting the client to learn more about their requirements and goals for the website and presenting our thoughts and suggestions for the design. Before actually doing any coding, we made sure to cover all the design details and worked with the client and the design team to fix all possible issues that can hinder the users' experience while navigating the website.     

 

REVAMPING SOLID'S ONLINE PRESENCE

The design of Solid Interior was done mainly by our partner, TheLabSaigon. After receiving all the design and guidelines from the creative team, Nilead team collaborated with the design team and the client to improve the design making it responsive and user-friendly, creating a general website style that complies with the brand guidelines.

LAYOUT

Solid Interior´s website was designed based on a 12 columns grid layout, that allows a more flexible element arrangement. Also, based on this structure the developers and designers can create a more accurate and compelling responsive version of the site for the mobile devices, enhancing the user experience.

 

SHOWCASING SOLID PROJECTS

One of the main goals for Solid Interior´s website was to showcase the projects and clients they have worked with, allowing the user to see their creativity, experience, and high-end delivery for each project. Based on that we create a portfolio section with a gallery function for each project, where they can upload as many media contents to demonstrate their work. Besides watching the media content and the technical information of the projects, the users can share the projects they like through embedded social media on the page.

DESIGNED FOR EASY NAVIGATION

For the main navigation bar, we created a simple drop down menu in each section, showing to the user the different subpages. With this, we avoid saturating the navigation flow and confuse the user, also allow Solid Interior´s management team to add more subpages in each section without worrying about breaking the design.   The scope and type of projects that Solid works with are very wide, for this reason, we implemented an intuitive and fast sub navigation system in different sections of Solid´s website, making easier for the user to navigate through the pages and subpages within the site.

SOLID’S STYLE AND PHILOSOPHY

Promoting and selling the company values was one of the main goals of Solid with this website project. In addition to creating a page with the different projects and clients related to Solid Interior, we develop different sections that explain the Solid´s values and philosophy, the capacities of the company, its work process as well as its members.

Another purpose of Solid project was to showcase not only their new up-to-date brand identity but also their new mindset and work philosophy. Using the company timeline page Solid shows their history, main projects, achievement and growth from the beginning to the present day. Solid allows the users, potential customers, and partners to see their capability and maturity as an architectural and interior design company.

A MORE HUMAN COMPANY

Solid Interior in addition to being an architectural and interior design company, a business, is also a place formed by people with different backgrounds and personalities. These real persons are the responsible for generating ideas, drawing strategies and implementing the best methods to complete each project. Showcasing not only the working process within the company but also the moments of entertainment and social works outside of work as normal individuals gives the visitors a different image of the Solid team.

DESIGNED AND DEVELOPED FOR MULTIPLE DEVICES

We conceptually redesigned and upgraded Solid Interior’s website to enhance all types of mobile devices. By adapting the aesthetic and functionality of the desktop version of the site and making it fully responsive through a custom made design and enhanced user experience, we align Solid with the risen demands of the region´s consumers.

 

Check the complete version of Solid Interior's case study  

https://nilead.com/portfolio/solid-interior

Website Creation
Gymland Website

Gymland Website

May 2018
May 2018

Gymland Website

Website Creation
Graphic Design
Web Application
Driving student recruitment for FPT University

Driving student recruitment for FPT University

April 2019
April 2019

Driving student recruitment for FPT University

FPT University is a private university of technology in Vietnam. It is a member of FPT Group and has campuses in Hanoi (main), Ho Chi Minh City and Danang.

Digital Strategy
Website Creation
Social Media

Let us guide you to the best agency

From web design to advertising campaigns, we guide you to the right agency fitting your needs and budget. Then, compare and hire the one that’s right for you.

Find my agency

100% free - Fee is charged to agencies willing to collaborate with you.