Vy — port. 2026
Vy Tran
(marketing / design /
automation)
ttv0911@gmail.com
+84 886 532 539
Ho Chi Minh City
open to remote | freelance jobs
welcome to my

portfolio✳

available
for hire
✳ 2026 ✳

I started in digital marketing and kept walking toward the technical side — strategy, content, visuals, and the automation that ships all of it.

Table of contents →
Who is Vy?
Say hello →
Content strategy ✳ Social media ✳ Marketing automation ✳ UI / UX ✳ Website content ✳ Exhibition graphics ✳ AI workflows ✳ Content strategy ✳ Social media ✳ Marketing automation ✳ UI / UX ✳ Website content ✳ Exhibition graphics ✳ AI workflows ✳
table of contents
See all folders →
UI — UX
01 UI — UX
Yeswood · Artifex Stone · SRS · KidLoop →
Content design
02 Content design
Print · Standee · Catalogue →
Automation
03 Automation
n8n · Buffer · Telegram →
Social post
04 Social post
Avocad · Dreamybaked · Youthbook →
Others
05 Others
Packaging · Poster · Mixed →
table of contents
05 folders ✳ click to open
UI — UX
01 UI — UX
Yeswood · Artifex Stone · SRS · KidLoop 2025 — 2026 →
Content design
02 Content design
Print · Standee · Catalogue 2025 — 2026 →
Automation
03 Automation
n8n · Buffer · Telegram 2026 →
Social post
04 Social post
Avocad · Dreamybaked · Youthbook 2022 — 2026 →
Others
05 Others
Packaging · Poster · Mixed 2021 — 2026 →
welcome to my
visual diary 2026

I studied digital marketing and got lucky early — real briefs, real budgets, real deadlines. Then I kept walking toward the technical side: content, UI, and the automation that ships it.

BaseHo Chi Minh City, VN
LanguagesVietnamese · English
Open toRemote · freelance
Vy Tran that's me
Timeline
2025 — NOW
Sales & Marketing Executive
Artifex Interiors Vietnam
2023
Content Creator Intern
Amazing Technology & Solution
2022 — 2023
Freelance Marketing Exec.
Avocad Gelato
2021 — 2025
Founder & Content Manager
Fleur Corner
Skills
Content strategy & copywriting
Social media management
Campaign planning & ads
UI/UX · wireframes · Figma
Exhibition & print design
AI-assisted workflows
Tools
FgFigma CvCanva AiAdobe Illustrator n8n8n ClClaude TgTelegram Bot BfBuffer WpWordPress MtMeta Suite
Education
MSc — Data-driven Marketing
ISB, UEH · Sep 2026 – present

BBA — Digital Marketing
FPT University, 2020 – 2024
Excellent Student 2022
Certificates
HubSpot Digital Marketing
Google Ads Search
Coursera UI/UX Design
4+ years in
experiences
Now, the work →
Get in
touch!

Freelance, full-time or a quick question about a project — pick a line below and it reaches me directly.
← Table of contents Next folder ✳
04 projects ✳ pick one
{{ cover.num }}

{{ cover.title }}

{{ cover.blurb }}

Role
{{ cover.role }}
{{ cover.metaLabel }}
{{ cover.metaValue }}
Tools
{{ cover.dlLabel }}
{{ cover.deliverables }}
{{ cover.extraLabel }}
{{ cover.extraValue }}
A woman reading beside natural wood furniture

Project Context

Founded in China in 2010, YESWOOD is a furniture brand centred on solid wood and everyday living. As my company partnered with the brand to launch its franchise in Vietnam, I designed a local retail website that brings its identity, products and lifestyle stories together. The goal was to help visitors discover furniture for their homes and move naturally from online browsing to an enquiry or showroom visit.

Homepage

About us

Complete YESWOOD homepageComplete About us — Brand Story pageComplete About us — Materials and Quality page

The Challenge

01
01 — Staying true to the brand

Adapting YESWOOD’s established brand guidelines to a local retail website for the Vietnam franchise.

02
02 — Designing for retail

Making a broad furniture catalogue easy to explore, with clear navigation from inspiration to products and enquiries.

03
03 — Aligning across teams

Working with the team in China to align expectations, resolve feedback and maintain one consistent design direction.

Customer Journey

The main journey starts with the homepage, moves into a room, and lets visitors explore furniture in context before contacting the team or visiting a showroom. For people who need more guidance, inspiration, brand stories and material information provide alternative ways to explore and build confidence before choosing a product.

Homepage→Choose a room→Explore furniture→Contact / Showroom

Timeline

MonTueWedThuFriSatSunMon
Research & paper wireframeRetail references · navigation · page sketches
Week 01
Week 02
UI design in FigmaPage layouts · components · responsive design
Week 03
No-code front-endBuild · interactions · refinement
Review
& publish
ResearchDesignFront-end

Paper wireframe

Original paper wireframes for the YESWOOD website

Responsive design

YESWOOD contact page on a phone beside the YESWOOD brand mark
YESWOOD mobile — homeYESWOOD mobile — storyYESWOOD mobile — valuesYESWOOD mobile — spacesYESWOOD mobile — materialsYESWOOD mobile — productYESWOOD mobile — showroomYESWOOD mobile — inspiration

Key Takeaways

01

Design for retail

I learned to design for a retail channel, connecting product discovery, useful information and a clear route to the sales team.

02

Let the journey guide creativity

Mapping the customer journey helped me explore more creative ways to connect rooms, products and inspiration without losing direction.

03

Make the interface feel easy

I learned to balance expressive visuals with a user-friendly interface, keeping navigation, hierarchy and responsive layouts clear and consistent.

Sierra Roots Stone

Project Context

Sierra Roots Stone is the manufacturing company behind Artifex Stone. The factory needed its own website to reach potential customers, introduce its production capabilities and present its products and materials. My role was to turn that starting point into a clear digital experience, from UI/UX design to an AI-assisted front-end build.

Homepage

Homepage — full page

About Us

About Us — full page

The Challenge

01+

Researching a new industry

I had to research how factory websites communicate: what potential customers look for, how to present manufacturing capabilities and how to connect technical information with a clear enquiry path.

02○

Starting without a system

There was no existing brand guideline or design system to work from. Visual direction, typography, colour and reusable components had to be established alongside the website.

03✳

Keeping every page consistent

The homepage, capabilities and material pages serve different purposes. The challenge was to give each one the right content hierarchy while keeping the overall experience coherent.

Design System

A shared visual foundation for a clear, consistent manufacturing website.

Sierra Roots Stone logoClear space = mountain glyph height
Logo usage

One mark. Room to breathe.

Use the full-colour logo on Quarry White, and a reversed light version on Basalt or Navy Deep. Preserve its proportions and keep the mark at least 96px wide.

Sierra Navy#33456FPrimary UI & links
Kiln Amber#C97C2EAccents & calls to action
Quarry White#F5F5F2Light surfaces
Basalt#15181DDark surfaces
Headings / Archivo 600
Built from stone.
Designed for clarity.
Body / IBM Plex Sans 400

Clear product information, manufacturing capabilities and a direct path to enquiry.

Data / IBM Plex Mono 4002400 × 1200 × 20 mm
Consistent spacing · clear hierarchy · reusable componentsColour / Type / Logo

Customer Journey

The journey introduces the factory, builds confidence in its capabilities, then guides visitors through the product offering to a direct enquiry.

Homepage → About us → Capabilities → Products → Contact
Timeline
01–02
03–04
05–06
07–08
09–10
11–12
13–14
15–16
Research · 3 days
Factory websites · competitor analysis
Days 01–03
Days 04–07
Paper wireframe · 4 days
Page structure · layout sketches
Days 08–16
Figma · 6 days
High-fidelity UI · design system
Front-end
& upload
3 days
Research Ideation Design

Paper Wireframe

SRS original paper wireframes

Other Pages

products page on laptopcapabilities page on laptopquartz page on laptopcontact page on laptop

Responsive Design

SRS mobile 01-aboutSRS mobile 03-productsSRS mobile 02-home

Key Takeaways

01+

A faster process with AI

I learned how to use AI-assisted code generation to shorten the build-and-refine cycle, while keeping design decisions and visual checks under my control.

02○

Build the brand before the screens

The project showed me why brand foundations need to come first. A clear identity makes later choices about typography, colour, imagery and tone much easier.

03✳

Turn decisions into a shared system

I learned to translate visual direction into a brand guideline and design system, so spacing, components and page layouts stay consistent as the website grows.
Artifex Stone

Project Context

Artifex Stone was established to approach the domestic architectural and interior-material market. The company needed its first digital touchpoint to introduce the brand, organize a complex material catalogue and support customer enquiries.

Homepage
Homepage
Introductrion
Introduction page

The Challenge

01
01 — Building from zero

Creating Artifex Stone’s first website without an existing digital structure or design system.

02
02 — Organizing complex content

Turning multiple stone categories, product information and bilingual content into a clear browsing experience.

03
03 — Bridging design and development

Communicating layouts, content and visual direction clearly to a third-party development team.

Customer Journey

From discovering the stone collection to reviewing a material in detail, the journey helps visitors explore their options and reach the team with a clear enquiry.

Homepage → Browse materials → Product details → Contact

Timeline

WEEK 01WEEK 02WEEK 03
ResearchReferences · content structure · customer journey
Discover & define
Design & refine
UI design in FigmaPage layouts · components · responsive design

Then: design handoff and collaboration with the front-end development team.

Other Pages

Artifex natural tabletArtifex cloud-black tabletArtifex about tabletArtifex contact tablet

Responsive Design

Artifex natural phoneArtifex about phoneArtifex cloud-black phoneArtifex contact phone

Key Takeaways

01 — Start with structure

As my first UI/UX project, I learned that a clear information architecture should come before visual design.

02 — Design for real content

Working with bilingual copy, product data and imagery showed me how strongly content affects layout decisions.

03 — Make handoff explicit

I learned to communicate interactions, responsive behavior and content requirements more clearly to developers.

04 — Document the process

Because I did not retain the original sitemap and wireframes, I learned to preserve design decisions, iterations and handoff files throughout future projects.
← Table of contents Next ✳ {{ nextTitle }} →