From 3a37c7cfed2e5397d29a366d8c15353ba037f255 Mon Sep 17 00:00:00 2001 From: Vercel Date: Fri, 1 May 2026 06:45:00 +0000 Subject: [PATCH] Install and configure Vercel Web Analytics # Vercel Web Analytics Installation Report ## Summary Successfully installed and configured Vercel Web Analytics for this portfolio website. ## What Was Done ### 1. Documentation Review - Fetched the latest official Vercel Analytics documentation from https://vercel.com/docs/analytics/quickstart - Identified the project as a static HTML5 site (built with Framer) - Determined the correct installation approach for HTML-based websites ### 2. Project Analysis - Explored the repository structure - Identified the project as a static HTML portfolio site with no build system or package.json - Confirmed that the HTML5 approach (script injection) was the appropriate method ### 3. Implementation Modified `index.html` to add Vercel Web Analytics: - Added the analytics initialization script in the `` section - Placed the script before the closing `` tag, after the "headEnd" comment section - Used the standard HTML5 analytics implementation as documented by Vercel The following code was added: ```html ``` ## Files Modified - `index.html` - Added Vercel Web Analytics scripts to the head section ## Notes - This is a static HTML site built with Framer, so no package installation or build step was required - The analytics script will automatically track page views once the site is deployed to Vercel - To enable analytics in your Vercel dashboard: 1. Navigate to your project in the Vercel dashboard 2. Go to Analytics from the sidebar 3. Click the "Enable" button 4. Deploy this change to production - After deployment, you can verify the analytics are working by checking the Network tab in your browser's developer tools for requests to `/_vercel/insights/` ## Next Steps 1. Deploy this change to Vercel 2. Enable Web Analytics in your Vercel dashboard (Analytics > Enable) 3. Wait for traffic to accumulate (may take a few hours to see data) 4. View analytics in your Vercel dashboard The implementation follows the latest official Vercel documentation and is ready for deployment. Co-authored-by: Vercel --- index.html | 239 +++++++++++++++++++++++++++-------------------------- 1 file changed, 122 insertions(+), 117 deletions(-) diff --git a/index.html b/index.html index e623b55..aca4d8c 100644 --- a/index.html +++ b/index.html @@ -1,117 +1,122 @@ - - - - - - - - - - - - - - - Chatchanok C - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Turn complexity into calm

Scalable systems, Sleek UI, Soft UX

Turn complexity into calm

Scalable systems, Sleek UI, Soft UX

Chatchanok, Thai-born and globally shaped, is a Product designer with nearly 6 years of experience crafting SaaS products that feel effortless.

Chatchanok, Thai-born and globally shaped, is a Product designer with nearly 6 years of experience crafting SaaS products that feel effortless.

card-1
card-2
card-3
card-4

Specialty in

Specialty in

AI SaaS Platforms · Tools · Data Interfaces

AI SaaS Platforms · Tools · Data Interfaces

Interests in

Interests in

UX Strategy · Design Systems · Tokenized Components

UX Strategy · Design Systems · Tokenized Components

Selected

Showcases

Selected

Showcases

All Showcases

User Research

Wireframe

Prototype

Banking Application

A financial wellness app helping users manage money and reach their goals. Personalized guidance tailored to every life stage.

View project

User Research

Prototype

User Testing

Watch Paw Mobile Application

Maintain the connection when the pet owner have to leave their love one with the pet sitter while they're away

View project

UI Design

Buyer & Seller Experience

E-commerce

SaJaam E-Market Place

A creator marketplace where sellers can showcase their expertise and list their digital products to get paid, while buyers can easily browse, discover, and purchase directly through the platform.

View project

User Research

Wireframe

Prototype

Buying Coupon Package on Food Delivery Mobile Application

Buying Coupon Package on Food Delivery Mobile Application

Boost coupon package purchases and improve accessibility in the food ordering journey to increase retention rate.

View project

From Germany to the UAE to the US,

I’ve helped early-stage teams bring thoughtful products to life.

I've worked with multiple start-ups in Germany and UAE

Professional Experiences

Present

UX/UI Designer (Part-time)

Early-stage AI SaaS Company · Remote

Oct 2024 - Oct 2025

Oct 2024 - Oct 2025

Lead UX/UI Designer

Lead UX/UI Designer

DeckFusion / United States of America · Remote

DeckFusion / United States of America · Remote

Nov 2023 - Mar 2024

Nov 2023 - Mar 2024

UX/UI Designer

UX/UI Designer

Can-do digital / United Arab Emirates · Remote

Can-do digital / United Arab Emirates · Remote

Dec 2022 - Nov 2023

Dec 2022 - Nov 2023

Early Senior UX/UI Designer

Early Senior UX/UI Designer

20ScoopsCNX / Thailand · Hybrid

20ScoopsCNX / Thailand · Hybrid

Dec 2018 - Jun 2019

Dec 2018 - Jun 2019

Research Follow in Computer Animation

Research Follow in Computer Animation

Bournemouth University / United kingdom · On-site

Bournemouth University / United kingdom · On-site

See Resume

Qualification & Publication

2023

2023

Design tokens with Figma

Design tokens with Figma

Designil

Designil

2022

2022

Foundations of User Experience (UX) Design

Foundations of User Experience (UX) Design

Google certificated

Google certificated

2017

2017

Comparing the Thai Dance Labanotation Recording Results with an Expert

Comparing the Thai Dance Labanotation Recording Results with an Expert

IEEE · Chiangmai University

IEEE · Chiangmai University

2017

2017

Bachelor of Science in Animation (HONS.)

College of Arts, Media and Technology

College of Arts, Media and Technology

Product areas, I've worked on

Product areas, I've worked on

DevOps & Cloud Infrastructure

DevOps & Cloud Infrastructure

☁️

Conversational AI Chat

Conversational AI Chat

💬

Dashboard

🖥️

Social Analytics

🧮

Financial Technology

Financial Technology

📈

Augmented Reality

Augmented Reality

📷

AI-Driven Data Tranformation

AI-Driven Data Tranformation

🦾

E-commerce

E-commerce

🛒

Education System Management

Education System Management

📚

Internet of Things (IoT)

Internet of Things (IoT)

🛜

Shall we 
keep exploring? 
Shall we 
keep exploring? 

All Showcases

Available remotely,

working globally

Open to chats & collabs

Connect

Available remotely,

working globally

Open to chats & collabs

Connect

Showcases

About me

Resume

Email me

Connect

Menu

Connect

- - -

Create a free website with Framer, the website builder loved by startups, designers and agencies.

- - - - - - - - - - + + + + + + + + + + + + + + + Chatchanok C + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Turn complexity into calm

Scalable systems, Sleek UI, Soft UX

Turn complexity into calm

Scalable systems, Sleek UI, Soft UX

Chatchanok, Thai-born and globally shaped, is a Product designer with nearly 6 years of experience crafting SaaS products that feel effortless.

Chatchanok, Thai-born and globally shaped, is a Product designer with nearly 6 years of experience crafting SaaS products that feel effortless.

card-1
card-2
card-3
card-4

Specialty in

Specialty in

AI SaaS Platforms · Tools · Data Interfaces

AI SaaS Platforms · Tools · Data Interfaces

Interests in

Interests in

UX Strategy · Design Systems · Tokenized Components

UX Strategy · Design Systems · Tokenized Components

Selected

Showcases

Selected

Showcases

All Showcases

User Research

Wireframe

Prototype

Banking Application

A financial wellness app helping users manage money and reach their goals. Personalized guidance tailored to every life stage.

View project

User Research

Prototype

User Testing

Watch Paw Mobile Application

Maintain the connection when the pet owner have to leave their love one with the pet sitter while they're away

View project

UI Design

Buyer & Seller Experience

E-commerce

SaJaam E-Market Place

A creator marketplace where sellers can showcase their expertise and list their digital products to get paid, while buyers can easily browse, discover, and purchase directly through the platform.

View project

User Research

Wireframe

Prototype

Buying Coupon Package on Food Delivery Mobile Application

Buying Coupon Package on Food Delivery Mobile Application

Boost coupon package purchases and improve accessibility in the food ordering journey to increase retention rate.

View project

From Germany to the UAE to the US,

I’ve helped early-stage teams bring thoughtful products to life.

I've worked with multiple start-ups in Germany and UAE

Professional Experiences

Present

UX/UI Designer (Part-time)

Early-stage AI SaaS Company · Remote

Oct 2024 - Oct 2025

Oct 2024 - Oct 2025

Lead UX/UI Designer

Lead UX/UI Designer

DeckFusion / United States of America · Remote

DeckFusion / United States of America · Remote

Nov 2023 - Mar 2024

Nov 2023 - Mar 2024

UX/UI Designer

UX/UI Designer

Can-do digital / United Arab Emirates · Remote

Can-do digital / United Arab Emirates · Remote

Dec 2022 - Nov 2023

Dec 2022 - Nov 2023

Early Senior UX/UI Designer

Early Senior UX/UI Designer

20ScoopsCNX / Thailand · Hybrid

20ScoopsCNX / Thailand · Hybrid

Dec 2018 - Jun 2019

Dec 2018 - Jun 2019

Research Follow in Computer Animation

Research Follow in Computer Animation

Bournemouth University / United kingdom · On-site

Bournemouth University / United kingdom · On-site

See Resume

Qualification & Publication

2023

2023

Design tokens with Figma

Design tokens with Figma

Designil

Designil

2022

2022

Foundations of User Experience (UX) Design

Foundations of User Experience (UX) Design

Google certificated

Google certificated

2017

2017

Comparing the Thai Dance Labanotation Recording Results with an Expert

Comparing the Thai Dance Labanotation Recording Results with an Expert

IEEE · Chiangmai University

IEEE · Chiangmai University

2017

2017

Bachelor of Science in Animation (HONS.)

College of Arts, Media and Technology

College of Arts, Media and Technology

Product areas, I've worked on

Product areas, I've worked on

DevOps & Cloud Infrastructure

DevOps & Cloud Infrastructure

☁️

Conversational AI Chat

Conversational AI Chat

💬

Dashboard

🖥️

Social Analytics

🧮

Financial Technology

Financial Technology

📈

Augmented Reality

Augmented Reality

📷

AI-Driven Data Tranformation

AI-Driven Data Tranformation

🦾

E-commerce

E-commerce

🛒

Education System Management

Education System Management

📚

Internet of Things (IoT)

Internet of Things (IoT)

🛜

Shall we 
keep exploring? 
Shall we 
keep exploring? 

All Showcases

Available remotely,

working globally

Open to chats & collabs

Connect

Available remotely,

working globally

Open to chats & collabs

Connect

Showcases

About me

Resume

Email me

Connect

Menu

Connect

+ + +

Create a free website with Framer, the website builder loved by startups, designers and agencies.

+ + + + + + + + + +