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