Làm thế nào để xây dựng một Website cho một sản phẩm mới (và cách chúng tôi đã làm) | loại hình kinh doanh bạn đang bắt đầu, bạn cần một trang web. Dưới đây là cách chúng tôi xây dựng trang web cho sản phẩm mới của chúng tôi, Outpost.

Bạn có thể đã phác thảo tóm tắt quảng cáo nếu bạn đã trải qua quá trình phát triển biểu trưng. Nếu có, bạn chỉ có thể sử dụng lại điều đó cho trang web của mình. Nếu bạn chưa phát triển một bản tóm tắt sáng tạo, bây giờ là lúc để xây dựng một bản tóm tắt.

May thay, tôi đã viết một bài viết chi tiết hướng dẫn bạn cách thực hiện nó, bao gồm các ví dụ từ bản tóm tắt quảng cáo Outpost, bạn có thể thấy cách chúng tôi xây dựng chúng ta. Vì vậy, nếu bạn cần làm việc trên tóm tắt sáng tạo của mình, hãy xem bài viết của tôi về cách chúng tôi phát triển biểu trưng và tóm tắt sáng tạo của nó và sau đó quay lại đây khi bạn đã sẵn sàng.

Tạo sơ đồ trang web

tay, bạn sẽ bắt đầu làm việc trên sơ đồ trang web của mình. Sơ đồ trang web chỉ đơn giản là một phác thảo liệt kê tất cả các trang (bao gồm mục đích và mục tiêu của chúng) mà bạn dự định đưa vào trang web của bạn.

Đây là sơ đồ trang web mà chúng tôi đã phát triển cho Outpost:

Trang chủ

1. 1. : Tổng quan về sản phẩm và "lời kêu gọi hành động" để đăng ký dùng thử miễn phí. Tính năng Tổng quan
   2. : Tổng quan về tất cả các tính năng có liên kết đến các trang tính năng chi tiết. Chi tiết tính năng cho Tính năng A: Chi tiết tính năng A.
      1. Chi tiết tính năng cho Tính năng B: Chi tiết về tính năng B.
      2. Lặp lại tất cả các tính năng
      3. Đặt giá: Chi tiết về gói giá và liên kết để đăng ký dùng thử miễn phí.

• Khách hàng:
• Hồ sơ của khách hàng thành công Giới thiệu:
• Tổng quan về chúng tôi là ai, tuyên bố sứ mệnh và lịch sử của chúng tôi. Liên hệ:
• Thông tin liên hệ, giờ làm việc, địa điểm. Công việc:
• Danh sách các công việc hiện tại của chúng tôi Tuyên bố về quyền riêng tư:
• Chính sách bảo mật Outpost. Blog:
• Trang chủ cho blog liệt kê các bài đăng trên blog gần đây. Bài đăng trên blog:
• Sẽ có nhiều bài đăng trên blog. Trang này sẽ là mẫu cho chúng. Trung tâm trợ giúp:
• Trung tâm trợ giúp của chúng tôi sẽ được cung cấp bởi Zendesk. Tất nhiên, trang web của bạn có thể sẽ rất khác so với sơ đồ trang web Outpost. Ví dụ: nếu bạn là nhà hàng, có thể bạn sẽ có một hoặc hai trang cho các menu và một trang để đặt chỗ. Nếu bạn đang xây dựng một cửa hàng trực tuyến, có thể bạn sẽ có nhiều trang sản phẩm khác nhau.

Tài liệu sơ đồ trang web của bạn, tốt nhất bạn có thể, những gì bạn nghĩ rằng trang web của bạn sẽ bao gồm. Quy hoạch nhỏ này sẽ làm cho phần còn lại của trang web lên kế hoạch và phát triển dễ dàng hơn nhiều, vì vậy nó đáng để đầu tư ở giai đoạn đầu này.

Viết bản sao của bạn trước khi thiết kế

Bạn sẽ nghĩ rằng tôi đã không không nhận được đơn đặt hàng ngay tại đây. Bạn không nên thiết kế trang web của mình trước khi bạn nghĩ về những từ bạn sắp đặt trên trang?

Thực tế, cách tiếp cận tốt hơn là làm những thứ “lạc hậu” và suy nghĩ về bản sao trang web của bạn trước rồi thiết kế xung quanh bản sao đó. Tại sao? Bởi vì những gì bạn muốn giao tiếp với khách hàng của mình quan trọng hơn nhiều so với thiết kế cuối cùng thực sự của trang web của bạn. Tất nhiên, thiết kế không quan trọng và bạn muốn có một trang web có vẻ tốt, nhưng nếu bạn không thể truyền đạt thông điệp chính của mình cho người dùng, thiết kế tốt sẽ không tạo nên sự khác biệt. cũng giúp bạn và các nhà thiết kế tiềm năng hiểu những gì mỗi trang đang cố gắng giao tiếp. Điều này dẫn đến thiết kế thiết kế tốt hơn giúp củng cố thông điệp của bạn. Ngay cả khi bạn chuẩn bị xây dựng trang web của mình với một công cụ như Squarespace, hãy biết mỗi trang cần nói gì trước khi bạn chọn một thiết kế sẽ tiết kiệm thời gian.

Khi thiết kế của bạn đến, bạn có thể cần phải tinh chỉnh bản sao của bạn để đảm bảo mọi thứ phù hợp, nhưng điều đó sẽ dễ dàng hơn việc cố gắng viết bản sao cho thiết kế không được xây dựng cho tin nhắn của bạn.

Đối với trang chủ của bạn, bạn có thể muốn tiêu đề mô tả chính xác những gì bạn làm - đề xuất giá trị chính của bạn cho khách hàng của bạn. Tiếp theo đó là mô tả ngắn gọn, mở rộng về công ty của bạn.

Dưới đây là dòng tiêu đề và mô tả mở rộng cho Outpost, sản phẩm chúng tôi đang xây dựng:

Hợp lý hóa email được chia sẻ của bạn

Dễ dàng theo dõi, cộng tác, và trả lời tin nhắn được gửi đến các địa chỉ email chung, như support @ hoặc info @.

Từ đó, bản sao bạn sẽ đưa vào trang chủ của bạn thực sự được xác định theo loại công ty bạn là ai và những gì bạn cần để giao tiếp.

Đối với Outpost, chúng tôi cần truyền đạt các tính năng và lợi ích chính của sản phẩm và khuyến khích khách hàng tiềm năng tìm hiểu thêm. Chúng tôi cũng muốn nói về đội ngũ dịch vụ khách hàng của chúng tôi và họ tuyệt vời như thế nào.

Nhưng, đây có thể không phải là thiết lập phù hợp cho trang chủ của bạn. Nếu bạn là một nhà hàng, có thể bạn muốn có liên kết đến thực đơn hoặc thông tin về việc đặt chỗ. Mỗi công ty đều khác nhau, vì vậy hãy tìm ra những gì bạn cần nói và sau đó viết xuống.

Đừng lo lắng về việc bắt đầu với một trang trống. Thay vào đó, hãy đưa ra danh sách các trang web yêu thích của bạn trong ngành của bạn và suy nghĩ về những gì bạn thích và không thích về mỗi trang web. Họ sử dụng loại điều hướng nào? Họ bao gồm những trang nào? Họ sử dụng loại hình ảnh nào? Bạn không cần phải tái tạo lại bánh xe, và sử dụng một trang web yêu thích như một điểm nhảy là một cách tuyệt vời để bắt đầu.

Mẹo cuối cùng:

Ít hơn thường là nhiều hơn. Đừng bị cám dỗ để viết những đoạn văn bản bất tận cho trang web của bạn (trừ khi đó là những gì khách hàng của bạn mong đợi!). Nếu bạn chú ý đến cách bạn sử dụng trang web, bạn sẽ thấy rằng bạn thường lướt qua văn bản, không đọc từng từ. Bởi vì đó là cách hầu hết mọi người đọc trực tuyến-skimming thay vì đọc từng từ-giữ bản sao của bạn ngắn và đến mức.

Phát triển khung dây Khung dây là bố cục thô của trang web của bạn. Nó không thực sự là một thiết kế, chính xác. Đó là một tài liệu cho thấy nơi mọi thứ sẽ xuất hiện trên trang, không cần quan tâm đến màu sắc hoặc đồ họa khác.

Nếu bạn đang làm việc với một nhà thiết kế để xây dựng trang web của bạn, họ sẽ tạo ra một wireframe cho bạn như một phần của quá trình thiết kế. Nếu bạn đang xây dựng trang web của riêng bạn, sử dụng một dịch vụ như Squarespace hoặc Shopify, bạn có thể dễ dàng xây dựng một khung dây của riêng bạn.

Đừng bị đe dọa bởi bước này. Bạn không cần bất kỳ công cụ đặc biệt để xây dựng một wireframe. Một tờ giấy và một cây bút là đủ để phác thảo ra mỗi trang của trang web của bạn. Hãy nhớ rằng, bạn không phải là "thiết kế" và một wireframe không phải là đẹp. Nó chỉ cần truyền đạt những gì diễn ra trên một trang.

Nếu bạn cần nguồn cảm hứng, hãy xem các trang web khác mà bạn thích và xem cách chúng cấu trúc thông tin trên mỗi trang. Hoàn toàn tốt đẹp khi mượn bố cục từ các trang khác và tìm cảm hứng cho trang web của riêng bạn.

Nếu sử dụng bút và giấy không phải là thứ của bạn, bạn có thể sử dụng PowerPoint hoặc Keynote để tạo các wireframes. Ngoài ra còn có các công cụ wireframing chuyên dụng như Balsamiq mà làm cho quá trình dễ dàng.

Tôi đã bao gồm trang chủ của Outpost wireframe dưới đây để bạn có thể có được một ý tưởng về những gì một wireframe trông như thế nào. Bạn cũng có thể xem bản sao chúng tôi đã tạo ở bước trước và phác họa ý tưởng cho phần tử đồ họa mà chúng tôi muốn một nhà thiết kế tạo.

Khung dây của chúng tôi cho Outpost.

Thiết kế và xây dựng