Website dịch vụ đang vận hànhLive service website

Gia Phúc
Clean

Trải nghiệm web song ngữ cho doanh nghiệp giúp việc nhà: giới thiệu thương hiệu, dịch vụ và bảng giá minh bạch, sau đó chuyển khách hàng thành yêu cầu đặt lịch thực tế.A bilingual web experience for a home-service business: present the brand, services, and transparent pricing, then convert visitors into real booking requests.

Giao diện trang chủ Gia Phúc Clean
Responsive · VI / ENResponsive · VI / EN
4nhóm dịch vụ chínhcore service groups
2luồng chuyển đổiconversion workflows
VI / ENnội dung song ngữbilingual content
24/7kênh hỗ trợ nhanhquick support access
Bài toán sản phẩmProduct challenge

Biến một dịch vụ truyền thống thành hành trình số rõ ràng.Turn a traditional service into a clear digital journey.

Khách hàng cần quyết định nhanhCustomers need to decide quickly

Người xem cần biết doanh nghiệp có uy tín không, cung cấp dịch vụ gì, giá ra sao và có thể đặt lịch ngay hay không. Landing page đưa bằng chứng, dịch vụ, bảng giá và CTA vào cùng một nhịp đọc.Visitors need trust, service scope, pricing, and a fast way to book. The landing page combines evidence, service discovery, visual pricing, and calls to action in one reading flow.

Doanh nghiệp cần hai nguồn đầu vàoThe business needs two input funnels

Sản phẩm không chỉ thu hút khách đặt dịch vụ mà còn thu hút ứng viên. Hai form tách biệt giúp mỗi nhóm cung cấp đúng thông tin mà quy trình vận hành cần.The product must attract both customers and workers. Separate booking and recruitment forms collect the right information for each operational workflow.

Next.jsReactFirebaseResponsive UI
Giao diện sản phẩm thậtReal product interface

Ba bề mặt cho ba mục tiêu kinh doanh.Three surfaces for three business goals.

Các ảnh dưới đây được capture trực tiếp từ website đang hoạt động.These screenshots were captured directly from the live website.

Tính năngCapabilities

Không chỉ đẹp — website phục vụ trực tiếp cho marketing và vận hành.More than presentation — the website supports marketing and operations.

01

Danh mục dịch vụService catalog

Vệ sinh nhà cửa, nấu ăn, giặt ủi và tạp vụ văn phòng có CTA đặt lịch riêng.Cleaning, cooking, laundry, and office support with direct booking CTAs.

02

Bảng giá minh bạchTransparent pricing

Bảng giá trực quan theo gói dịch vụ và khu vực, hỗ trợ xem chi tiết nhanh.Visual pricing by service package and coverage area, designed for quick inspection.

03

Đặt lịch có ngữ cảnhContext-rich booking

Thu thập đủ dịch vụ, thời gian, địa chỉ, yêu cầu đặc biệt và mã giảm giá.Collects service, time, address, special requests, and discount information.

04

Tuyển dụng trực tuyếnOnline recruitment

Trình bày quyền lợi, yêu cầu và nhận hồ sơ có kinh nghiệm cùng ảnh chân dung.Presents benefits and requirements, then accepts experience details and a portrait.

05

Niềm tin thương hiệuBrand trust

Số liệu, đội ngũ, cam kết, đối tác và đánh giá khách hàng cùng củng cố quyết định.Metrics, team, commitments, partners, and testimonials reinforce the decision.

06

Liên hệ đa kênhMulti-channel contact

Hotline, Zalo và Facebook luôn sẵn sàng trên giao diện để rút ngắn đường tới tư vấn.Hotline, Zalo, and Facebook stay within reach throughout the interface.

07

Dashboard quản trị bảo vệProtected admin dashboard

Khu vực admin có authentication và role gate, tách khỏi website công khai.An authenticated, role-gated admin area stays separate from the public website.

08

Vận hành booking & hồ sơBooking & applicant operations

Lọc booking theo trạng thái, cập nhật tiến trình, liên hệ và quản lý hồ sơ ứng viên.Filter bookings by status, update progress, contact customers, and manage applicant records.

09

CMS & marketingCMS & marketing

Quản lý dịch vụ, bảng giá, coupon, slide, blog, testimonial và nội dung lý do lựa chọn.Manage services, pricing, coupons, slides, blog posts, testimonials, and trust content.

Hệ thống phía sauBehind the public site

Website marketing và bảng điều khiển cùng nằm trong một sản phẩm.The marketing website and operating dashboard live in one product.

Dữ liệu nội dung, booking và hồ sơ được tổ chức trên Firebase; media upload qua Cloudinary. API booking/application có validation và rate limiting trước khi ghi dữ liệu.Content, bookings, and applications are organized in Firebase, while media uploads use Cloudinary. Booking and application APIs validate and rate-limit requests before persistence.

Bookingspending → contacted → confirmed → completed
ApplicationsHồ sơ, kinh nghiệm, ảnh ứng viênProfiles, experience, applicant photos
Content CMSServices · Pricing · Blog · Slides
GrowthCoupons · Testimonials · SEO content
Hành trình chuyển đổiConversion journey

Mỗi bước đều trả lời một câu hỏi của khách hàng.Every step answers one customer question.

Tin cậy không?Can I trust it?

Thương hiệu, đội ngũ, cam kết.Brand, team, commitments.

Có đúng dịch vụ?Is my service covered?

Danh mục và mô tả rõ ràng.Clear catalog and descriptions.

Chi phí thế nào?What will it cost?

Bảng giá và ưu đãi.Pricing and promotions.

Bắt đầu ra sao?How do I start?

Form đặt lịch hoặc liên hệ nhanh.Booking form or quick contact.

Nền tảngPlatform

Cấu trúc sẵn sàng cho sản phẩm dịch vụ.A foundation ready for a service product.

Next.js 14 App Router và TypeScript tạo UI responsive; React Hook Form + Zod sở hữu form/validation; Firebase phục vụ auth và Firestore; Cloudinary quản lý media.Next.js 14 App Router and TypeScript power the responsive UI; React Hook Form and Zod own forms and validation; Firebase provides auth and Firestore; Cloudinary manages media.

Next.js 14 · TypeScriptTailwind · Shadcn/UIFirebase · FirestoreCloudinary · Zod
Giá trị thực tếPractical value

Thiết kế nối marketing với quy trình tiếp nhận.Design that connects marketing to intake.

Case study thể hiện khả năng xây website không dừng ở phần nhìn: nội dung tạo niềm tin, CTA dẫn đúng ngữ cảnh và form thu thập dữ liệu phù hợp với cách doanh nghiệp phục vụ khách hàng và tuyển nhân sự.This case study goes beyond visual polish: content builds trust, calls to action preserve context, and forms collect information aligned with customer service and recruitment operations.

Bạn cần một website dịch vụ có thể tạo khách hàng thật?Need a service website that can create real customer opportunities?

Tôi có thể cùng bạn thiết kế hành trình, xây giao diện và kết nối quy trình tiếp nhận phù hợp.I can help shape the journey, build the interface, and connect an intake workflow that fits your operation.