Portfolio - Updated 2020

PORTFOLIO PORTFOLIO PORTFOLIO

Thanakorn Intajak

2018 - 2020

thanakorn.intajak@gmail.com scottilicious.com thanakorn.intajak.com

“Hello” “Hello” “Hello” My name is Thanakorn Intajak or you can call me Scott.

I am a digital product designer and developer from Bangkok, Thailand.

I mostly work on web development and UX/UI design.

thanakorn-intajak.com

Page 2

Content 01

Canva Camping

4

02

Anyamanee Resort

6

03

Jobtopgun Article

8

04

Phuket Golden Travel

10

05

Batman Pattaya Night Run

12

06

Party Dairy

14

07

Siriwat Metal

16

08

Really Really Cool

18

09

carbonXchange platform

20

10

Prestige Limousine

22

thanakorn-intajak.com

Page 3

Canva Camping canvacamping.com - June 2018

thanakorn-intajak.com

Page 4

About Project

Technologies

Canvacamping.com is an on online platform where user can find tents or camping equipments of their need and order directly through different contact methods including calling, Line app and Facebook Message.

• • • • • •

Developed with Wordpress, canvacamping.com is easy to be managed by website admin and can be developed for more versatile usage in the future.

Takeaways

Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

UX/UI Design HTML/CSS PHP/SQL Javascript/jQuery Wordpress theme development Wordpress custom post type development

Custom Post Type is a very versatile way of development wordpress-based website which allows me to use less plugins, one of major reasons that slow the website down.

Page 5

Anyamanee Resort anyamaneeresort.com - June 2018

thanakorn-intajak.com

Page 6

About Project

Technologies

Anyamaneeresort.com is an all-in-one hotel booking website. The website’s main function is to allow user to browse the available rooms, book and make secure payment through online payment gateway.

• • • • • •

The customizable plugin was used in order for website to be easily managed by hotel admins who can make changes of room rate and content on website on their own.

Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

UX/UI Design HTML/CSS PHP/SQL Javascript/jQuery Wordpress theme development Wordpress custom post type development • Wordpress plugin development

Takeaways Online payment handling is a very challenging and delicate part of the development. In order to achieve what client wants and also keep the website secure, the payment function was the first priority during design and development process.

Page 7

Jobtopgun Article jobtopgun.com/article - June 2018

thanakorn-intajak.com

Page 8

About Project

Technologies

Jobtopgun Article is an online article portal written by Job Top Gun, one of the biggest online job databases in Thailand.

• • • • • •

The website was developed in order to engage job seekers with relatable and useful articles.

The website is also integrated with job portal API developed by Jobtopgun.com

Tools used • • • • •

Sketch Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

UX/UI Design HTML/CSS PHP/SQL/Ajax Javascript/jQuery Wordpress theme development Wordpress custom post type development • API integration development

Takeaways Handling JSON with PHP and jQuery in order to display API data took me a few weeks to achieve what client wanted. It was new thing for me to learn. However, it was also a fun challenge to achieve.

Page 9

Phuket Golden Travel phuketgoldentravel.com - June 2018

thanakorn-intajak.com

Page 10

About Project

Technologies

Phuket Golden Travel is an online tour booking platform which allows users to browse through hundred of tours in Phuket that suit them, make online bookings and securely pay for their selected tour package based on amount of people and days.

• • • • • •

The website is integrated with a newly available Thai online payment gateway called “Omise”

Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

UX/UI Design HTML/CSS PHP/SQL Javascript/jQuery Wordpress theme development Wordpress custom post type development • API integration development

Takeaways Omise was new to me when I developed the website. Not only did I need to learn about Omise integration but I also needed to customize the purchased Wordpress theme, which was not compatible with Omise in order for the website to accept payment securely.

Page 11

Batman Pattaya Night Run batmanpattayanightrun.com - June 2019

thanakorn-intajak.com

Page 12

About Project

Technologies

Batman Pattaya Night Run is a website that gives information of the upcoming DC character themed marathon event in Pattaya.

• • • • • •

This single page website features countdown and voting system in order to be interactive with users and in order to collect user data.

UX/UI Design HTML/CSS PHP/SQL/Ajax Javascript/jQuery Wordpress theme development Wordpress custom post type development • Wordpress plugin development

Takeaways Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

I would like to develop this website to be as light weight as possible so I avoided using unneccessary plugins. The countdown function was achieved easily with jQuery and the voting system was done with custom post type and AJAX for interactive part and database storage.

Page 13

Party Dairy party-dairy.com - June 2019

thanakorn-intajak.com

Page 14

About Project

Technologies

Party-dairy.com is an information website for newly branded yogurt milk in Thailand. The website is developed with Wordpress due to the request of client.

• • • • •

The website focuses on appearance and animations in order to be more visually appealing and engaging with users while they are browsing through the website.

Takeaways

Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

UX/UI Design HTML/CSS PHP/SQL/Ajax Javascript/jQuery Wordpress theme development

The parallax animation on different screens were very difficult to handle. I would like to minimalize the Javascript coding while making sure the animations work correctly. Therefore, I had to plan carefully during the design process, especially on how the animations should be.

Page 15

Siriwat Metal siriwatmetal.com - June 2019

thanakorn-intajak.com

Page 16

About Project

Technologies

Siriwat Metal Website is an information website for products sold by Siriwat Metal Co., Ltd. - one of well-known metal companies in Thailand.

• • • • •

The website is designed to be product portal for company’s clients to browse and request for quotation directly from the webpage.

UX/UI Design HTML/CSS PHP/SQL Javascript/jQuery Wordpress theme development

Takeaways Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

The website’s functions are rather simple which could be achieved by wordpress fundamental functions.

However, the company would like to modernize their digital platform; therefore, there were a great number of UX/UI design work put into the website.

Page 17

Really Really Cool reallyreally-cool.com - June 2019

thanakorn-intajak.com

Page 18

About Project

Technologies

Really Really Cool is tour operator that introduces new way of tour selling by personalizing the tours that suit their customers.

• • • • • •

The website is an online information portal where users can search for tours that suit their needs using criteria based search function on the homepage.

UX/UI Design HTML/CSS PHP/SQL/Ajax Javascript/jQuery Wordpress theme development Wordpress plugin development

Takeaways Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

In order to integrate the criteria base search function with the existing rather complex and detail-oriented tour packages that the company has, I had to think as if I were developing an artificial intelligent function and then started from there.

It was challenging but very interesting.

thanakorn-intajak.com

Page 19

carbonXchange platform carbonxchange.com - July 2019 & January 2020

thanakorn-intajak.com

Page 20

About Project

Technologies

carbonXchange is a online platform that introduces new way to trade carbon certificates. The platform is designed to be convenient for those are not familiar with the concept of carbon certificates.

• • • • •

The online platform has wallet system and payment gateway integrated within the account system - this allows users to purchase or trade their carbon certificates conveniently and securely.

Takeaways

Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

UX/UI Design HTML/CSS SQL/Ajax Javascript/jQuery API integration development

The concept of wallet-like system is a big scale development project. This project has given me a lot of learnings and improved my existing skills like UX/ UI design and API integration. There are things that I got done, the things that I couldn’t imagine I would be able to achieve before.

Page 21

Prestige Limousine prestigelimousine.co.th - January 2020

thanakorn-intajak.com

Page 22

About Project

Technologies

Prestige Limousine is a well-known luxurious limousine providers in Bangkok.

• • • • • • •

The website is an online booking portal where user can select their pick-up and drop off location and securely make payment according to distance, drop off area or vihecle type.

UX/UI Design HTML/CSS SQL/Ajax Javascript/jQuery Wordpress theme development Wordpress plugin development API integration development

Takeaways Tools used • • • •

Adobe Photoshop Adobe Illustrator Sublime Text MAMP

thanakorn-intajak.com

The project has several API integrations, one is Salesforce, the automation CRM tool that helps the company keep track with their customers and sales.

The integration with Salesforce is rather challenging especially with Wordpress based website.

Page 23

“Keep in touch” “Keep in touch” “Keep in touch” let’s keep in touch and discuss about your next digital products with me :) https://thanakorn-intajak.com thanakorn.intajak@gmail.com

thanakorn-intajak.com

Page 24