• Year: 2016
  • Country: Thailand
  • Type: landing
  • Market: IT
  • Developed elements: Usecases research, UX prototypes, UI design, usability testing
In 2016 we began to work on updating the site of the Thai IT company Addlink.




Usecases research

Personas

Personas

It is important for Thai IT company to attract users not only from Thailand, but from all over the world. That’s why we identified the following regular users for this service: 1) A product manager from a foreign IT company that is looking for outsourcing in Asia (India, Thailand).
2) A Thai businessman who needs IT support.
3) A member of a foreign startup that is looking for a cheaper product development.
4) An IT specialist that is looking for a job.

Ways of usage

Each type of users could perform a certain number of actions in the website. Clients wanted to see a portfolio, technical skills of the team, calculate order value. For potential employee it was necessary to take a look inside the company, to see the work process. All possible scenarios were documented in the table with a list which contained usecases, modules that will satisfy them and examples of same modules from other services.
Ways of usage
Online calculator

Online calculator

Creating the online calculator was difficult for us. It was necessary to develop a universal system for calculating order value for different types of users. We identified three types of orders: a website, an application and a program. Each of them was calculated by individual algorithms and showed the approximate order value.





The first design version

Home page

Home page

Company advantages

Company advantages

Programs

Programs

Services

Services

About team page

About team page

Contacts page

Contacts page

GUI development

Home page

Home page

Portfolio page

Portfolio page

Price list

Price list

Services

Services

Partners

Partners

Contacts page

Contacts page






Design elements

Unique icons

Unique icons

We created a unique icon set especially for this website. We chose the flat desin for that. You can see similar elements on the site backgrounds.

Vector illustrations

Our illustrator created unique pictures for the site. For example, this one illustrate slide section Services - Web Development.
Vector illustrations
Font Kanit

Font Kanit

We faced with the problem of font selection. The thing is that the Thai alphabet is not supported by most internet fonts. Eventually, our UI designer offered the font Kanit, which looked good both in English and Thai versions.

Team presentation

We had a photo session for all employees of the company to show the team in one style. All employees were divided by their profession: designers, programmers, marketers. Each team got its own color.
Team presentation
Video presentation

Video presentation

We shot two videos for better team representation. The first one showed the head programmer, who talked about the benefits of cooperation with Addlink. This video was created for potential company customers. The second one showed the life of the company and was made for potential employees.

Adaptive design

The site is built on a Bootstrap grid based on the content management system Wordpress. The site is completely adaptive, tested on popular browsers. We identified some problems on iPad devices during the testing process. Programmers successfully removed them.
Adaptive design

Technologies

Redmine

Redmine

Balsamiq

Balsamiq

Marvelapp

Marvelapp

Adobe Illustrator

Adobe Illustrator

AJAX

AJAX

Css3

Css3