Cách tạo fake Stripe dashboard

Nếu bạn muốn biết cách tạo fake Stripe dashboard cho một buổi pitch, một video hướng dẫn hay một bản demo nội bộ, câu trả lời thẳng thắn là bạn không bao giờ nên chỉnh sửa ảnh chụp màn hình. Một bản demo dựng trên đúng bố cục Stripe thật cho phép bạn đặt doanh thu gộp, MRR, doanh thu ròng và các khoản payout chỉ trong vài giây, còn biểu đồ thì tự tính lại để cả màn hình luôn nhất quán. Hướng dẫn này đi qua trọn vẹn quy trình từ đầu đến cuối.

Mục tiêu là một bản dự phóng bạn có thể trình bày ngay trong cuộc gọi: "đây là hình dung về Stripe dashboard của bạn ở giai đoạn này." Đó cũng chính là tư duy đằng sau bất kỳ fake dashboard nào, chỉ là áp dụng riêng cho dữ liệu thanh toán.

Bước 1: Mở template Stripe

Hãy bắt đầu từ một template vốn đã sao chép giao diện Stripe thật: thanh sidebar bên trái với Thanh toán, Số dư và Báo cáo, các ô tổng quan ở trên cùng, và biểu đồ doanh thu. Làm việc trên một bố cục chuẩn xác chính là thứ phân biệt một bản dự phóng đáng tin với một bản ghép Photoshop sụp đổ ngay khi ai đó rê chuột vào một tooltip.

Bước 2: Chỉnh các con số chủ chốt

Click vào các ô tổng quan và gõ những con số mà câu chuyện của bạn cần. Các trường cốt lõi bạn động đến đầu tiên chính là những thứ người ra quyết định nhìn lướt qua để đánh giá:

• Doanh thu gộp: tổng tiền xử lý trước khi trừ phí và hoàn tiền.
• Doanh thu ròng: số thực sự về tay sau khi trừ phí Stripe và các khoản hoàn tiền.
• MRR: doanh thu định kỳ hằng tháng, con số chủ chốt của mọi mô hình kinh doanh thuê bao.
• Thanh toán thành công và khách hàng: các chỉ số hoạt động khiến dòng doanh thu trên cùng trở nên đáng tin.

Bước 3: Đặt số dư và các khoản payout

Chuyển sang các màn hình Số dư và Payouts rồi đặt số dư khả dụng, số tiền của đợt payout được lên lịch kế tiếp và lịch sử payout gần đây. Đây là những màn hình mà một khách hàng agency hay một founder sẽ dừng lại lâu nhất, bởi chúng trả lời câu hỏi "khi nào thì tiền thực sự về?". Hãy giữ nhịp và số tiền payout nhất quán với doanh thu gộp bạn đã nhập ở Bước 2.

Bước 4: Để biểu đồ tự tính lại

Đây là phần một tấm ảnh tĩnh không thể làm được. Khi bạn đổi một chỉ số cốt lõi như doanh thu gộp, các con số liên quan, doanh thu ròng, phí và đường cong tăng trưởng trên biểu đồ doanh thu, sẽ tự động tính lại. Bạn chỉ cần đặt câu chuyện một lần và dữ liệu phụ thuộc tự khớp theo, nên bạn không phải sửa tay mười hai con số rồi nơm nớp lo chúng có cộng đúng hay không.

Bước 5: Xuất ảnh hoặc trình bày

Khi màn hình đã hiển thị đúng ý, bạn có thể trình bày trực tiếp trên màn hình hoặc xuất một tấm ảnh sạch sẽ cho slide thuyết trình, thumbnail video hướng dẫn hay một mẩu quảng cáo. Vì bố cục chính là front-end Stripe thật được dựng lại thành một trang chỉnh sửa được, khung ảnh xuất ra vẫn sắc nét ở độ phân giải tối đa, không font bị nhòe, không đổ bóng lệch. Nếu bạn cần trích ảnh tĩnh cho nội dung, hướng dẫn chụp ảnh fake doanh thu của chúng tôi sẽ chỉ cách căn khung và xử lý độ phân giải.

Đặt doanh thu gộp một lần, và doanh thu ròng, phí cùng đường cong biểu đồ sẽ tự đi theo. Chỉ riêng hành vi đó thôi đã là toàn bộ lý do một bản demo chỉnh sửa được thắng đứt một tấm ảnh chụp màn hình.

Sao không chỉ chỉnh sửa một tấm ảnh chụp màn hình?

Ảnh chụp màn hình thì tĩnh và mong manh. Font bị xô lệch, đổ bóng trông sai, và ảo giác sụp đổ ngay khoảnh khắc bạn cuộn trang, rê chuột hay đổi tab. Một bản demo sống động hành xử y như sản phẩm thật, và đó chính là lý do nó hiệu quả trong cuộc gọi. Chúng tôi mổ xẻ đầy đủ khác biệt này trong fake Stripe dashboard và Stripe thật. Bạn cũng có thể mở một bản Stripe chỉnh sửa được trên Dashmock và tự thay đổi các con số.