THU TRANG

CREATOR

&

DESIGN

Portfolio cá nhân của creator Thu Trang, nơi lưu giữ những dự án sáng tạo, ý tưởng nổi bật và dấu ấn riêng trong từng thiết kế nội dung.

THU TRANG — PORTFOLIO THIẾT KẾ SÁNG TẠO LẬP TRÌNH FRONT-END DỰ ÁN THỰC TẾ TÙY CHỈNH LINH HOẠT

THẾ MẠNH
CỦA TÔI

Tổng hợp những kỹ năng và giá trị tôi mang đến cho mỗi dự án sáng tạo.

Tư Duy Thẩm Mỹ

Khả năng cảm nhận và sắp đặt hình ảnh, màu sắc, bố cục tinh tế, tạo ra sản phẩm có tính thẩm mỹ cao và gây ấn tượng mạnh.

Kỹ Thuật Vững Vàng

Nắm vững công nghệ front-end hiện đại, viết mã sạch, tối ưu và luôn đảm bảo chất lượng kỹ thuật cho từng dòng code.

Tập Trung Trải Nghiệm

Luôn đặt người dùng lên hàng đầu, tạo ra những tương tác mượt mà, trực quan và mang lại cảm xúc tích cực.

PORTFOLIO THU TRANG

Creator Đa Nền Tảng

Thu Trang xây dựng nội dung nhất quán trên nhiều nền tảng, mang đến hình ảnh cá nhân chuyên nghiệp và giàu cảm hứng.

Dấu Ấn Cá Nhân Rõ Nét

Mỗi dự án và sản phẩm nội dung đều thể hiện góc nhìn sáng tạo riêng, giúp Thu Trang nổi bật và dễ được ghi nhớ.

Nội Dung Chỉn Chu

Portfolio được sắp xếp khoa học, dễ theo dõi, giúp đối tác và khách hàng nhanh chóng hiểu rõ năng lực của Thu Trang.

Sẵn Sàng Hợp Tác

Từ chiến dịch thương hiệu đến dự án sáng tạo cá nhân, Thu Trang luôn sẵn sàng đồng hành cùng những cơ hội mới.

DỰ ÁN
CỦA THU TRANG

Ba dự án tiêu biểu do Thu Trang thực hiện, thể hiện rõ năng lực nghiên cứu, thiết kế giao diện, triển khai front-end và tối ưu trải nghiệm người dùng cho từng mục tiêu kinh doanh khác nhau.

Dự án Cửa hàng Ánh Sáng của Thu Trang
Chi tiết sản phẩm dự án Cửa hàng Ánh Sáng Trang giỏ hàng dự án Cửa hàng Ánh Sáng
Thương mại điện tử 2024 Tăng chuyển đổi

CỬA HÀNG ÁNH SÁNG

Website bán hàng cho thương hiệu decor thủ công, nơi Thu Trang phụ trách từ định hướng giao diện đến triển khai front-end hoàn chỉnh, tập trung vào cảm giác cao cấp, dễ mua và dễ khám phá sản phẩm.

Kế hoạch thực hiện

Thu Trang bắt đầu bằng việc phân tích hành vi mua sắm của khách hàng, xác định 3 luồng chính: xem bộ sưu tập, đọc chi tiết sản phẩm và thanh toán nhanh. Sau đó xây dựng sitemap, wireframe cho mobile trước rồi mở rộng lên desktop.

Cách triển khai

Dự án được phát triển bằng Next.js và TailwindCSS, kết hợp Framer Motion để tạo hiệu ứng chuyển cảnh nhẹ. Thu Trang tổ chức component theo từng module sản phẩm, bộ lọc, giỏ hàng và CTA để dễ bảo trì và tái sử dụng.

Thành tựu đạt được

Sau khi ra mắt, tỷ lệ chuyển đổi trang sản phẩm tăng 28%, thời gian người dùng ở lại website tăng 41% và giao diện mới giúp thương hiệu đồng bộ hơn trên các chiến dịch quảng cáo số.

[Next.js] [TailwindCSS] [Framer Motion] [Responsive UI]
SaaS 2024 Tối ưu quản trị

BẢNG ĐIỀU KHIỂN PHÂN TÍCH

Giao diện dashboard cho nền tảng SaaS quản lý hiệu suất kinh doanh, do Thu Trang thiết kế UX và triển khai front-end với mục tiêu giúp quản trị viên đọc dữ liệu nhanh, thao tác ít và ra quyết định chính xác hơn.

Kế hoạch thực hiện

Thu Trang cùng đội ngũ xác định các chỉ số quan trọng nhất theo từng vai trò sử dụng như admin, sales lead và vận hành. Từ đó ưu tiên bố cục thông tin theo cấp độ: tổng quan, cảnh báo và phân tích chi tiết.

Cách triển khai

Dự án dùng React, Chart.js và Headless UI. Thu Trang xây dựng hệ thống card dữ liệu, bảng, biểu đồ, bộ lọc thời gian và trạng thái loading đồng nhất, đồng thời tối ưu responsive để dashboard vẫn rõ ràng trên laptop và tablet.

Thành tựu đạt được

Thời gian hoàn thành tác vụ xem báo cáo giảm 35%, đội ngũ nội bộ giảm đáng kể lỗi thao tác dữ liệu, và khách hàng đánh giá giao diện mới trực quan hơn phiên bản cũ trong giai đoạn thử nghiệm sản phẩm.

[React] [Chart.js] [Headless UI] [Design System]
Dự án Bảng điều khiển phân tích của Thu Trang
Biểu đồ chi tiết trong dashboard Bảng dữ liệu và bộ lọc dự án dashboard
Dự án portfolio cá nhân của Thu Trang
Trang giới thiệu trong dự án portfolio cá nhân Danh sách dự án trong website portfolio
Portfolio cá nhân 2023 Xây dựng thương hiệu

TRANG PORTFOLIO SÁNG TẠO

Dự án website cá nhân cho một art director, nơi Thu Trang đảm nhiệm định hình visual identity trên môi trường số, trình bày case study rõ ràng và tạo trải nghiệm cuộn trang giàu cảm xúc nhưng vẫn mạch lạc.

Kế hoạch thực hiện

Thu Trang nghiên cứu chân dung người xem mục tiêu gồm nhà tuyển dụng, đối tác và khách hàng. Từ đó xây dựng cấu trúc kể chuyện theo hành trình: giới thiệu cá nhân, dự án nổi bật, quá trình làm việc và phần liên hệ rõ ràng.

Cách triển khai

Website được dựng với giao diện editorial, typography lớn, lưới bất đối xứng và animation cuộn trang tinh tế. Thu Trang tối ưu ảnh, chia section thành component độc lập và tinh chỉnh tương phản để nội dung luôn dễ đọc.

Thành tựu đạt được

Sau 2 tháng sử dụng, chủ website ghi nhận số lượt liên hệ hợp tác tăng gấp đôi, thời lượng xem case study trung bình vượt 3 phút và portfolio trở thành tài sản chính trong các buổi pitching khách hàng.

[HTML/CSS] [TailwindCSS] [Motion] [UI Storytelling]

QUY TRÌNH
SÁNG TẠO

Một hành trình chuyên nghiệp, từ ý tưởng ban đầu đến sản phẩm cuối cùng — tập trung vào sự đổi mới, chiến lược và thẩm mỹ.

1

Khám phá & Ý tưởng

Thu Trang cùng bạn brainstorm, nghiên cứu xu hướng và định hình ý tưởng sáng tạo cốt lõi cho dự án.

2

Chiến lược & Concept

Phát triển concept chiến lược, xác định thông điệp, cảm xúc và phong cách hình ảnh để dẫn dắt thiết kế.

3

Thiết kế & Sáng tạo

Sáng tạo giao diện trực quan, hệ thống màu sắc, typography và các yếu tố đồ họa độc đáo, đậm chất cá nhân.

4

Tinh chỉnh & Hoàn thiện

Điều chỉnh chi tiết, tối ưu trải nghiệm người dùng và đảm bảo mọi yếu tố thiết kế đều hài hòa và hiệu quả.

5

Trình bày & Bàn giao

Trình bày ý tưởng một cách thuyết phục, bàn giao bộ tài sản sáng tạo đầy đủ và hỗ trợ triển khai.

Brand Guideline Tài nguyên sáng tạo Tư vấn tiếp tục

Quy trình sáng tạo được cá nhân hóa, đảm bảo mỗi dự án đều mang dấu ấn độc đáo và đạt được mục tiêu truyền thông một cách nghệ thuật nhất.

Khởi động dự án sáng tạo cùng Thu Trang

KHÁCH HÀNG
NÓI GÌ

Những phản hồi chân thực từ các đối tác đã từng hợp tác cùng creator Thu Trang.

“Thu Trang không chỉ mang đến một giao diện đẹp mà còn giúp thương hiệu của chúng tôi kể được câu chuyện rõ ràng hơn. Cách làm việc chuyên nghiệp, đúng deadline và cực kỳ tinh tế trong từng chi tiết.”

Chị Linh An

Linh An

Marketing Manager · Bloom Studio

“Điều tôi ấn tượng nhất ở Thu Trang là khả năng biến brief còn khá mơ hồ của chúng tôi thành một landing page có chiều sâu, cảm xúc và tỷ lệ chuyển đổi rất tốt. Đây là một creator rất đáng tin cậy.”

Anh Minh Quân

Minh Quân

Founder · Nova Growth

“Hợp tác với Thu Trang rất nhẹ nhàng và hiệu quả. Từ khâu định hướng hình ảnh đến triển khai nội dung đều chỉn chu. Kết quả cuối cùng giúp profile cá nhân của tôi trông chuyên nghiệp hơn rất nhiều.”

Chị Hoài Thư

Hoài Thư

Content Strategist · Freelancer

Đánh giá trung bình

4.9/5 từ khách hàng

Creator Thu Trang được đánh giá cao về tư duy thẩm mỹ, khả năng triển khai ý tưởng và tinh thần hợp tác xuyên suốt dự án.