Figma sang Shopify

Từ file Figma thành cửa hàng Shopify giống hệt thiết kế.

Chúng tôi dựng theme Shopify từ thiết kế Figma của bạn, so với file ở mọi breakpoint, với section và block đội bạn tự sửa được mà không cần developer.

Bắt đầu dự ánXem dự án
Thiết kế Figma bên trái và theme Shopify đã dựng bên phải, khớp nhau ở mọi breakpoint. yourstore.com Từ Figma Bộ sưu tập mới đã có hàng Mua ngay Serum dưỡng da$32 Áo thun$24 Túi vải$45 Theme thật Từ Figma Mua ngay 16 14 24 Serum dưỡng daÁo thunTúi vải Figma 1440 px 990 px 390 px
40+ Dự án Shopify đã bàn giao
25+ Khách hàng hài lòng trên toàn thế giới
5+ Năm làm Shopify

Bạn nhận được gì

Bản dựng đúng thiết kế, và vẫn dễ chỉnh sửa.

Không dùng app page builder, không gắn cứng nội dung, không tự chế layout mobile.

Bắt đầu dự án

Trước khi viết code

Những điều file Figma thường chưa trả lời.

Chúng tôi liệt kê các trường hợp này khi review file và thống nhất cách hiển thị trước khi bắt đầu dựng.

Đọc checklist trang sản phẩm

  • Tên sản phẩm dài

    Tên dài tới ba dòng trên điện thoại, và thẻ sản phẩm vẫn gọn khi điều đó xảy ra.

  • Hai sản phẩm hay ba trăm

    Collection chỉ vài sản phẩm, và collection cần bộ lọc và phân trang.

  • Hết hàng và giảm giá

    Biến thể hết hàng, giá giảm và nhãn, và nút mua hiển thị gì trong từng trường hợp.

  • Bản dịch dài hơn

    Chữ tiếng Việt, Tây Ban Nha hay Đức dài hơn bản tiếng Anh trong thiết kế.

  • Trạng thái hover và trống

    Trạng thái hover, focus và trống mà file thiết kế bỏ qua, như giỏ hàng trống hay không có kết quả tìm kiếm.

  • Màn hình mobile chưa ai vẽ

    Nếu file chỉ có desktop, chúng tôi thiết kế layout mobile và gửi bạn duyệt trước.

Cách chúng tôi làm việc

Từ review Figma đến ra mắt.

Cửa hàng đang chạy giữ nguyên cho đến khi bạn duyệt bản dựng.

  1. Review file

    Chúng tôi xem từng màn hình và component, liệt kê phần còn thiếu, rồi gửi phạm vi và thời gian bằng văn bản.

  2. Dựng trên theme xem trước

    Bạn có link xem trước để kiểm tra tiến độ bất cứ lúc nào. Cửa hàng đang chạy không bị đụng tới.

  3. Kiểm tra theo Figma

    Chrome, Safari, iPhone và Android, cùng chọn biến thể, thêm vào giỏ, giỏ hàng, tìm kiếm và chuyển sang checkout.

  4. Ra mắt và bàn giao

    Chúng tôi publish khi bạn duyệt, rồi gửi đội bạn hướng dẫn ngắn bằng văn bản để chỉnh sửa theme.

Khách hàng nói gì

Khách hàng tin giao cửa hàng cho chúng tôi.

Đối tác lâu dài, không phải dự án làm một lần. Đây là điều họ nói.

"Sau nhiều dự án làm cùng cho Aqara, tôi có thể tự tin nói anh ấy là một trong những người làm nghề đáng tin cậy và chu đáo nhất mà tôi từng gặp. Tay nghề rất tốt, đi kèm cách trao đổi rõ ràng và chủ động. Dù gặp vấn đề gì, anh ấy luôn kiên nhẫn và tập trung tìm cách giải quyết."

Trung Duc Do Trung Duc DoNhà sáng lập @ Aqara

“Làm việc cùng anh ấy trong dự án Vivirsinplagas thật sự rất thoải mái. Anh ấy thiết kế một website song ngữ mượt mà, có hiệu ứng đẹp, và chăm chút từng chi tiết. Sự chuyên nghiệp và đáng tin cậy thể hiện rõ suốt dự án. Tôi rất khuyên ai cần chất lượng và sự tận tâm nên làm việc với anh ấy.”

Xavi Manaza Xavi ManazaNhà sáng lập @ Vivirsinplagas

Câu hỏi thường gặp

Câu hỏi về dựng Figma sang Shopify.

Có câu hỏi khác? Gửi email tới contact@lviotech.com, chúng tôi sẽ hỗ trợ.

Đặt câu hỏi

Các bạn có thiết kế không, hay chỉ dựng từ Figma?

Cả hai. Chúng tôi có thể tự thiết kế cửa hàng trên Figma, hoặc dựng từ file do designer hay agency của bạn làm. Chúng tôi cũng làm white-label cho agency.

Thiết kế của tôi chỉ có màn hình desktop. Vẫn dựng được chứ?

Được. Chúng tôi thiết kế layout mobile từ màn hình desktop của bạn và gửi duyệt trước khi dựng, nên không có gì trên mobile là tự chế.

Các bạn dựng trên theme hiện tại hay làm mới từ đầu?

Tùy theme. Nếu là theme Online Store 2.0 còn tốt, chúng tôi dựng section mới vào đó. Nếu theme mang nhiều năm code tùy chỉnh và code thừa của app, làm trên nền sạch thường nhanh hơn và trang tải nhanh hơn.

Tôi có tự sửa trang được không?

Được. Mỗi section có cài đặt và block trong theme editor, và chúng tôi bàn giao hướng dẫn cách đổi chữ, ảnh và thứ tự section.

Dựng Figma sang Shopify mất bao lâu?

Tùy vào số template trang riêng trong thiết kế và lượng tính năng tùy chỉnh. Sau khi review file, chúng tôi gửi lịch trình theo từng mốc để bạn biết khi nào mỗi trang sẵn sàng kiểm tra.

Liên hệ

Cùng xây dựng điều tuyệt vời.

Cho chúng tôi biết về cửa hàng của bạn và điều bạn muốn cải thiện. Chúng tôi sẽ phản hồi sớm nhất có thể.

Kể cho chúng tôi về dự án của bạn

Trả lời vài câu hỏi ngắn, chúng tôi sẽ gửi lại kế hoạch.

  1. Bạn cần gì
  2. Cửa hàng hiện tại
  3. Ngân sách và thời gian
  4. Thông tin của bạn
Bắt đầu dự án