Not optimized
ImagesOriginal PNG and JPG files, all loaded up front
FontsFetched from an external server, text flashes on swap
JavaScriptOne large bundle for the whole site
LayoutContent jumps as images and fonts arrive
01 / About
I have been building websites for businesses since 2021.
5+ years of front-end work at web development companies. I have helped build 25 to 30 websites that are live today, including 3 web apps for EVN, Petrolimex and PNJ. What I do best: take a design and send back a website that runs smoothly on every screen.
const phi = { role: 'Front-end Developer', core: ['HTML', 'CSS', 'SCSS', 'JavaScript', 'TypeScript'], ui: ['React', 'Next.js', 'Tailwind CSS', 'GSAP', 'SwiperJS'], tooling: ['Pug', 'Gulp', 'Git', 'Figma'], ship: ['WordPress', 'Technical SEO'], loves: ['Football', 'Gym', 'Family', 'Health'], }; build(phi);
Work experience
5+years of experience02/2021 to present
25+websites launchedEVN · Petrolimex · PNJ
15+brands running on the e-learning platform I helped developone domain per academy
What I use
- HTML
- CSS
- SCSS
- JavaScript
- React
- Next.js
- TypeScript
- Tailwind CSS
- GSAP
- SwiperJS
- Pug
- Gulp
- WordPress
- Figma
- Git
02 / Experience
My 5-year journey in front-end
From my first landing page in 2021 to e-commerce for the US market and an e-learning platform for businesses.
Spectrum Signs & GraphicsSign printing e-commerce · US market
- Built full-stack features for the Next.js storefront and admin console, on top of a REST API written in Go (Fiber, GORM, PostgreSQL).
- Purchase flow: per-line cart checkout, promo codes, pricing by size and material, sales tax via Stripe Tax.
- Orders and production: customer proof approval, print job dispatch, printer management.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Go
- PostgreSQL
- Stripe
E-learning SaaS platform15+ academies, each on its own domain
- Built per-domain feature toggles, so each academy's theme, sections and content are configured through JSON Schema and a content editor built on RJSF.
- Developed the full course sales flow, from cart and promotions to monthly PRO plans and renewals.
- Refined the learner experience, from Google or Zalo OTP sign-in to chaptered video and resuming where you left off.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Zustand
- GraphQL
Business websites25–30 live websites
- Built websites for EVN, Petrolimex, PNJ and many other businesses; WooCommerce stores such as Tasa Ceramic and Eye Plus Eyewear.
- Turned Figma and Photoshop designs into responsive interfaces; animations and sliders with GSAP, SwiperJS.
- Technical SEO and website audits; wrote my own Claude Code skills to automate content extraction and generate content editing forms.
- HTML
- SCSS
- JavaScript
- Pug
- WordPress
- WooCommerce
- GSAP
- Built website interfaces with HTML, SCSS, JavaScript and Pug from Figma and Photoshop designs, working well on every screen.
- Built animations and interactions with jQuery, GSAP, SwiperJS; fixed display issues across browsers.
- Worked with Backend to take websites from UI build to production.
- HTML
- SCSS
- JavaScript
- Pug
- jQuery
- GSAP
- Built landing pages with ReactJS; maintained website interfaces with HTML, CSS, JavaScript.
- Built UI elements (banners, icons, layouts); updated existing PHP source code to project requirements.
- React
- HTML
- CSS
- JavaScript
03 / Work
Websites that are live
Click to visit
Multi-level product filters: size, surface, area of use.
- WordPress
- WooCommerce
- GSAP
- SwiperJS
Online store, eye exam booking, AI try-on, frame finder quiz.
- WordPress
- WooCommerce
- jQuery
- SwiperJS
8-level AI course page with nearly 100 lessons and trial sign-up right on the page.
- Next.js
- React
- Tailwind CSS
- SwiperJS
Bilingual website that showcases projects with large imagery.
- WordPress
- jQuery
- SwiperJS
Services grouped by vehicle system, maintenance booking, discounted combos.
- WordPress
- jQuery
- SwiperJS
Dozens of uniform lines by industry, featured orders, consultation form.
- WordPress
- WooCommerce
- jQuery
- SwiperJS
Bilingual, fabric collections by line, quote request form.
- WordPress
- jQuery
- SwiperJS
Full-screen project slider, projects split into architecture, interior and landscape.
- WordPress
- GSAP
- Lenis
- SwiperJS
04 / Performance
Same page.
Less waiting.
The design stays the same; what changes is how the page loads. These are the four things I fix first when optimizing a website.
Optimized
ImagesAVIF and WebP at the right size, loaded on scroll
FontsSelf-hosted, only the characters in use
JavaScriptSplit per page, extras loaded later
LayoutSpace reserved, nothing shifts
- LCPLargest Contentful Paint
- How soon the main content appears.
- CLSCumulative Layout Shift
- Whether the layout jumps while loading.
- INPInteraction to Next Paint
- How quickly the page responds to a tap or click.
05 / Layers
Every screen has four layers.
Interface
What people see and touch: true to the design, smooth on every screen.
Components
Reusable pieces, built with React and Next.js.
State
A single source of truth for the UI, managed with Zustand.
Data
REST and GraphQL APIs, with caching and error handling.
06 / Freelance
Hand me the design.
Get back a working product.
- 5+years in front-end
- 25+websites live today
- 1 dayto get a reply, on business days
Freelance work I take on
Websites
Landing pages, company websites, online stores. True to the design, fast to load, SEO-ready.
Web apps
Products with accounts, payments and their own data. Built with React and Next.js, wired to your API.
CRM
Customers, orders and staff permissions in one place, built around the way you work.
Available for remote projects
Ho Chi Minh City (GMT+7)
Working with me
I am Hoàng Phi, a front-end developer with 5+ years of experience building websites and web applications. I specialize in landing pages, business websites, web apps and CRM systems with modern interfaces, an optimized user experience and SEO best practices.
I take freelance projects from Figma design to finished product, with a focus on performance, scalability and stability in production.
Direct collaboration, clear communication, quick replies. Every project goes beyond handing over the product: it comes with the source code and the documentation you need to manage and grow it on your own.
07 / Contact
Tell me about
the website you need.
Fill in the form below, or call, message me on Zalo or send an email. I reply within one business day.