- 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.
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 with all the major devices with a special focus on mobile devices.
BUILDING THE SITE
MIN SCREEN SIZEDimensions: 46px length
Minimum spacing size: 15px
MAX SCREEN SIZEDimensions: 248px length
Minimum spacing size: 80px
SINGLE PAGE LOADING EFFECT
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.
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.