Thanakorn Intajak - Portfolio (Updated on July 2020)

Page 1

Portfolio 2018 - 2020


Table of Content

2018 CONTENT

2019 PAGE

CONTENT

2020 PAGE

CONTENT

PAGE

Canva Camping Website

2

Drivehub.co Website

10

carbonXchange Platform

18

Anyamanee Resort Website

4

Party Dairy Website

12

Navi Homestay App

20

Prudential Fund Details App

6

Jub Jaii App

14

Biomass Collective App

22

Nok Member Club App

8

Voizy App

16

The Ruby Ville’s Tale Game

24


- 1


canvacamping.com

Web Design / Development

canvacamping.com February 2018 - March 2018

- 2


Overview of

Canva Camping Website canvacamping.com is an online platform of a tent and camping equipment business in Thailand. The website was designed to visualize images of products sold by the company and how they are used in daily life, along with background story of the products sold by Canva Camping. Developed with Wordpress, canvacamping.com is easy to be managed by website admin and can be developed for more versatile usage in the future.

Technologies & Tools -

UX/UI Design HTML/CSS PHP/SQL Javascript Wordpress Bootstrap

Technologies The Takeaways& Tools -

Sketch Adobe Photoshop Adobe Illustrator Sublime Text

In order to captivate users better, the proportion of photos and text-based content should be used properly. 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.

- 3


anyamaneeresort.com

Web Design / Development

anyamaneeresort.com April 2018 - June 2018

- 4


Overview of

Anyamanee Resort Website Anyamaneeresort.com is an all-in-one website. The website’s main function browse the available rooms, book and payment through Omise online payment

hotel booking is to allow user to securely make a gateway.

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

Technologies & Tools -

UX/UI Design HTML/CSS PHP/SQL Javascript API Development Wordpress Bootstrap

Technologies The Takeaways& Tools -

Sketch Adobe Photoshop Adobe Illustrator Sublime Text Omise Payment Gateway

Online payment handling is a very challenging and delicate part of the development. To simplify the payment process for the conversion purpose while keeping it highly secure, the website was designed and developed with usability and functionality as top priorities.

- 5


ภาพรวมกองทุน

ภาพรวมกองทุน

รายการกองทุนและประกันทั้งหมด

รายการกองทุนและประกันทั้งหมด

ข้อมูลส่วนตัว

ข้อมูลส่วนตัว

UX/UI Design

Prudential Fund Details

ภาพรวมกองทุน

รายการกองทุนและประกันทั้งหมด

ข้อมูลส่วนตัว

July 2018 - September 2018

- 6


Overview of

Prudential Fund Details Prudential Fund Detials is an app for corporate’s customers to view and manage their funds purchased with Prudentail and its partners. Since the app is meant for financial details, the design should be minimal yet easy for users to view their important data at a glance.

ภาพรวมกองทุน

รายการกองทุนและประกันทั้งหมด

ข้อมูลส่วนตัว

Technologies & Tools -

User Research Wireframe Prototyping UX/UI Design

Technologies The Takeaways& Tools -

Balsamiq Mockup Sketch Adobe Photoshop Adobe Illustrator Marvel App

Fund details consist of figures and complicated data, the user research was a key to achieve the effective design as I could hear what most of users would like to see when they use the app. I chose chart for number-based data and swiping cards for groups of text-based data.

- 7


UX/UI Design

Nok Member Club App October 2018 - November 2018

- 8


Overview of

Nok Member Club App Nok Member Club is an exclusive app for NokAir members. The app was designed to be an in-flight digital experience where users could purchase merchandise or services from NokAir’s partners. The app would be fully integrated with NokAir Membership Program; therefore, members could take advantages from the program like getting discounts or purchase with accumulated miles.

Technologies & Tools -

User Research Wireframe Prototyping UX/UI Design

Technologies The Takeaways& Tools -

Sketch Adobe Photoshop Adobe Illustrator Invision

I decided to use more visualization to persuade user to make purchase, rather than approaching it with hard-sale way. The use of call-to-action at the bottom of the screen was meant to make it easy for user to continue to the next step and finish their payment in the process.

- 9


drivehub.co

UX/UI Design

Drivehub.co

January 2019 - April 2019 - 10


Overview of

Drivehub.co Drivehub.co is an online marketplace for car rental. The website provides thousands of rental cars from different agencies throughout Thailand, for those who do and do not have credit card. The website was designed to be easy for customers to rent a car wherever they are.

Technologies & Tools -

User Research Wireframe Prototyping UX/UI Design

Technologies The Takeaways& Tools -

Sketch Adobe Photoshop Adobe Illustrator Invision

Drivehub.co provides different types of cars and method of payment. In order to differentiate them, I developed badges that allowed users to learn as they browse through the website. The badges indicate the agency type which also implies the type of cars and method of payment.

- 11


party-dairy.com

Web Design & Development

Party Dairy May 2019 - July 2019

- 12


Overview of

Party Dairy Pary Dairy is the distributer of new yogurt milk in Thailand. The website is designed to be a single-page informative website used for PR purpose. The website also features Facebook login to gather customer data.

Technologies & Tools -

UX/UI Design HTML/CSS PHP/SQL Javascript API Development Wordpress Bootstrap

Technologies The Takeaways& Tools -

Sketch Adobe Photoshop Adobe Illustrator Sublime Text

The website has very minimal amount of content and in order to make the website interesting, I utilized parallax effect to the graphics and animated the elements that seemed dull. The micro-interactions were also used to give feedbacks to user.

- 13


4301-4242-5667-3341 Security Code

Expiry Date

334 Available Balance

28,000.00 THB

01

2024

Name on Card

Scott Intajak

(70% of 40,000.00 THB)

Scott Intajak

Available Rewards

Issuing Bank

Kasikorn Bank

20,750 POINTS

Available Balance

Top-up Amount

8,000.00 THB

28,000.00 THB (70% of 40,000.00 THB)

Scott Intajak

Available Rewards Account name

SCOTT INTAJAK

20,750 POINTS

Available until

01/01/2024

Top Up Now

Cancel Top-up

Card Number

1011-5631-6655-7980 Tap this card to enlarge QR code Top Up

Redeem

Summary

Notifications

Profile

BILLING RECORDS · September 2019

Account name

SCOTT INTAJAK

1

No.

2

1011-5631-6655-7980 Cost

- 4,300.00 THB

Item/Merchant

Groceries

at Tops Supermarket

Partner

Paying with this card

Reward earned

+ 200 Points

Payment

The Mall Thapra

Cost

Item/Merchant

Apple Watch Series 5 at Banana IT

Partner

- 13,500.00 THB

2

+ 600 Points Total Payment

Cost

- 280.00 THB

Item/Merchant

Chicken Rice

at Pepper Lunch Silom

September 15, Redeem 2019 Top Up

Partner

Reward earned

Item No.

01/01/2024

Card Number

September 02, 2019

No.

Available until

Promo

Summary

Renew

Clothing & Accessories

Reward earned

+ 12 Points Available Balance Notifications Cost

Profile

28,000.00 THB

THB

1,064.00 You will earn

120 POINTS

(70% of 40,000.00 THB)

Scott Intajak Note

Available Rewards

You’re purchasing this item with our partner. You will earn reward points based on total payment.

20,750 POINTS Cancel

You have sufficient fund

Cancel Payment

UX/UI Design

Confirm Payment

Jub Jaii App

August 2019 - October 2019 Scan to pay

BILLING RECORDS September 02, 2019

· September 2019

- 14


STATISTICS Points

25,000

20,000

Overview of

15,000

10,000

Jub Jaii App

5,000

Sept 2019

Aug 2019

July 2019

Jun 2019

May 2019

Apr 2019

Mar 2019

Feb 2019

Jan 2019

Month

1,000

Pinch to Zoom in

Available Balance

28,000.00 THB (70% of 40,000.00 THB)

Scott Intajak

Available Rewards

20,750 POINTS

Top Up

Back to Summary

Redeem

Summary

Notifications

Profile

The accumulated rewards could be redeemed for merchandises or converted to money for next purchase.

Download Full Report

REWARD SUMMARY

· September 2019

The app also features transaction record, visualized as list and graphic chart.

September 02, 2019 Cost

- 4,300.00 THB

Item/Merchant No.

1

Groceries

at Tops Supermarket

Reward earned Partner

2

- 13,500.00 THB

Apple Watch Series 5 at Banana IT

Reward earned

+ 600 Points

Partner

Cost

- 280.00 THB

Item/Merchant No.

2

+ 200 Points Cost

Item/Merchant No.

Jub Jaii is a wallet app, designed to make transaction easy and beneficial. Every purchase with partner store via Jub Jaii wallet will earn rewards.

Chicken Rice

at Pepper Lunch Silom

Promo

Reward earned

+ 12 Points

September 15, 2019 Cost

- 1,350.00 THB

Item/Merchant No.

4

Medicines

at Silom Clinic

Reward earned Non-Partner

+ 0 Points

View Full Summary

Technologies & Tools -

User Research Wireframe Prototyping UX/UI Design

Technologies The Takeaways& Tools -

Adobe XD Adobe Photoshop Adobe Illustrator Invision

The statistical chart I implemented was from Prudential Fund Details app that I worked on but improved it for ease of use. I implemented message dialogues and badges to inform user about the benefits that they will get from each purchase.

- 15


Houston we have a…

12:00

04s

I’ll be back

Search Voizy 04s

Hot

#Funny #Reaction #Meme Share

I love you 3000 04s

I am down! 04s

#Funny #Reaction #Meme

#Funny #Reaction #Meme

Jason

#accept #down #reaction

Ella

Ryan

Jessica

Track recorded

Jordyn

15s

That’s Cool 04s

12:00

#Funny #Reaction #Meme

Getting Crazier 04s

#Funny #Reaction #Meme

Facebook

04s

Messenger

Line

I’m loving it

WeChat

Whatsapp

Instagram

Messages

Google Drive

#Funny #Reaction #Meme

Works everytime 04s

#Funny #Reaction #Meme Copy Link

04s

LOL Gmail

Note

Google Chrome

#Funny #Reaction #Meme

Houston we have a… 04s

Record again

#Funny #Reaction #Meme

Name I’ll be back 04s

Hello Worl

#Funny #Reaction #Meme

Hashtags

I love you 3000 04s

#Funny #Reaction #Meme

Add hashtags to this track Enter a hashtag and press space to add the hashtag

That’s Cool 04s

12:00

#Funny #Reaction #Meme

I’m loving it 04s

Search Voizy

#Funny #Reaction #Meme

Hot I am down! 04s

UX/UI Design

Voizy App

#accept #down #reaction

Getting Crazier 04s

October 2019 - February 2020

#Funny #Reaction #Meme

Works everytime 04s

#Funny #Reaction #Meme

Houston we have a… 04s

#Funny #Reaction #Meme

- 16


I am down! 04s

#accept #down #reaction

04s

#Funny #Reaction #Meme

04s

#Funny #Reaction #Meme

Down down down

I’m down here!

We are going down 04s

#Funny #Reaction #Meme

04s

#Funny #Reaction #Meme

What’s down there? 12:00

Voizy Home

Look down! 04s

#Funny #Reaction #Meme

I am down! 04s

Overview of

Voizy App Voizy is a digital voice-based meme platform where user can record and share funny voices with their friends across social media. The app is designed to look fun and simplify “record and share” function.

#accept #down #reaction

Technologies & Tools -

User Research Wireframe Prototyping UX/UI Design

Technologies The Takeaways& Tools -

Adobe XD Adobe Photoshop Adobe Illustrator Zeplin

The app design focused on android voice interface and sharing interface. I decided to redesign recording interface to give micro-interactions like sound wave and preview function. The material-design float button was very handy to trigger quick actions from front screen.

- 17


carbonxchange.com

Web Design / Development

carbonXchange Platform January 2020 - March 2020

- 18


Overview of

carbonXchange Platform carbonXchange Platform is a digital platform where people can invest in a renewable energy business for environmentally good cause. The website features wallet system that allows user to purchase and manage their carbon certificates. The income from carbon certificates will be spent for biomass-based power plant operation and tree planting.

Technologies & Tools -

UX/UI Design HTML/CSS PHP/SQL/Firebase Javascript API Development Wordpress Bootstrap

Technologies The Takeaways& Tools -

Adobe XD Adobe Photoshop Adobe Illustrator Sublime Text

The system features wallet system. I had to integrate the knowledge of finance related project I had worked on. In order to achieve wallet interface that has good usability, the user research was done in order to gather feedbacks and develop user persona.

- 19


App Development & UX/UI Design

Biomass Collective App April 2020 - June 2020

- 22


Overview of

Biomass Collective App Biomass Collective App works as CRM system for assigned staff to record biomass purchase and manage biomass stock in order to predict the operational phase of power plant. The app aims to decrease the work-lord of on-site staff who formerly had to record everything on paper-based records.

Technologies & Tools -

User Research Wireframe Prototyping UX/UI Design React Native

Technologies The Takeaways& Tools -

Adobe XD Adobe Photoshop Adobe Illustrator Visual Code Studio

Stepping out from my comfort zone which was web development and UX/UI design to try app development, it could be very challenging but passion and great planning helped me overcome the “can’t do”

- 23


Kiriwong Village Nakhon Srithammarat, Thailand

Overview

Direction

Activities

Save

Share

Reviews

Kiriwong Village is located in the heart of Nakhon Srithammarat, Southern Thailand. It is best known for having the best air quality and climate in Thailand.

Hi, Scott

Many Thai people usually go there from September

Where would you like to go next? Search

Top

Back

to February to get the rainy and windy vibes. The expenses on accommodation and food are not

You are Booking

so high. The local are known to be friendly and

Kiriwong Village Package Tour

Purchase now for

Package Inclusions

4,965.00 THB

Hidden Gems

Booking Specifications Arriving Date

Enter keywords like City, Acitivity

15/04/2020

Adults

You would love these places! Popular

Popular

Specify your requests

Children

2

0

Trending

Kiriwong Village

Price Breakdown

Rak Thai Village

Nakhon Srithammarat, Thailand

Mae Hong Son, Thailand

Pang Oong

Explore

Special Requests

Tours

Mae Hong Son, Thailand

Updates

Account

Explore

Gallery

Package Price (x2 People)

9,000.00 THB

You’ve got the best price!

4,500 THB per person

Service Fee (3%)

150.00 THB

This is our service fee

Value added Tax (7%)

630.00 THB

Value added tax is mandatory according to Thai law

Total

9,780.00 THB

· The cancellation fee 30 days prior to arriving date is free · We believe in green practice and all of our tour packages are supporting Cancel environmentally friendly conformation

Proceed to Payment

UX/UI Design

Navi Homestay App February 2020 - March 2020

Kiriwong Village Nakhon Srithammarat, Thailand

Direction

Save

Share

- 20


Overview of

Package Inclusions

Kiriwong Village Nakhon Srithammarat, Thailand

Overview

Activities

Direction

Save

Share

Accommodation

3 nights

Navi Homestay App

The Kiriwong Valley Resort

Reviews

Kiriwong Village is located in the heart of Nakhon Srithammarat, Southern Thailand. It is best known for having the best air quality and climate in

Breakfast

Congee with eggs or American Breakfast & Soft drinks

3meals

Bike Tour

1 day

Mountain Trekking

1 day

With tour guide around the village

Bring your trekking gears or rent at the acommodation

Thailand. Purchase now for

Many Thai people usually go there from September

4,965.00 THB

to February to get the rainy and windy vibes.

Navi Homestay is a digital platform for alternative tourism in Thailand. The app provides information and hand-picked tour packages in lesser-known in Thailand. Navi Homestay focuses on transparency and environmental concern. The tourists get special discounts and the local get income and endorsements to improve their communities.

The expenses on accommodation and food are not so high. The local are known to be friendly and Purchase now for

Package Inclusions

4,965.00 THB

Technologies & Tools -

User Research Wireframe Prototyping UX/UI Design

Technologies The Takeaways& Tools -

Adobe XD Adobe Photoshop Adobe Illustrator Inviosion

The pricing transparency and environmental concern are heavily promoted within Navi Homestay; therefore, I developed price-breakdown card and dialogue boxes for information purposes. In addition to design, I also suggested that app show net price instead of price before additional charges.

- 21


Game Design & Development

The Ruby Ville’s Tale Game March 2020 - Present

- 24


Overview of

The Ruby Ville’s Tale Game The Ruby Ville’s Tale is a survival horror first-person game. The game is currently under development with Unity 3D. The Ruby Ville’s Tale is about a man waking up in his apartment in the middle of night and found out that there was a power outage. During making his way down to talk to the landlord, he found out that the apartment is lurked by a creature that he heard of a lot as a child, when he was in his village.

Technologies & Tools -

3D Modeling Game Design Game Development AI Development

Technologies The Takeaways& Tools -

Maya 3D Unity 3D Adobe Photoshop Adobe Illustrator Adobe Premiere

Spending my free-time during lockdown to learn something new and it has led me to work on one of the most ambitious projects I have ever done. Game development is very challenging yet very fun at the same time. Not only did I learn new thing, I get to improve my UX design while designing the game too.

- 25


Here are how you cancontact me Email : thanakorn.intajak@gmail.com LinkedIn : linkedin.com/in/scottilicious/ Website : thanakorn-intajak.com Phone Number (TH) : +66 (83) 9526698


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.