Getting Started with zipBoard: For Web Designers

Getting Started with zipBoard: For Web Designers

This guide will walk you through how to use zipBoard effectively for your web design projects.

Step 1: Set Up Your Project

1. Log in to your zipBoard account and create a new project.
2. Name your project after your website or client (e.g., ClientABC Website Redesign).
3. Define project-level statuses (e.g., In Progress, Ready for Review, Approved) to reflect your workflow.

Step 2: Add Your Website for Review

1. Navigate to the project dashboard and click "Add URL" to add your website or web page.
2. Paste the live URL or staging link you want to review. zipBoard allows real-time feedback on live websites.
3. Organize links into categories (e.g., Desktop Version, Mobile View, Landing Pages) for streamlined reviews.

📌 Pro Tip: If your website isn’t live, you can upload image mockups or design files instead.

Step 3: Annotate and Provide Feedback

1. Open the added web page or mockup in zipBoard.
2. Use annotation tools to:
   • Pinpoint specific elements (e.g., incorrect fonts, alignment issues) and suggest changes.
   • Add comments or create tasks for functionality issues (e.g., broken links, slow-loading sections).
3. Reply to feedback, accept/reject suggestions, and mark annotations as Complete or Cancelled directly from the web page.

📌 Example: Highlight a misaligned button on the homepage and comment, "Please center-align the button and adjust padding."

Step 4: Test Website Responsiveness

1. Use zipBoard to review your website on different screen sizes and devices.
2. Add annotations directly to mobile or tablet views to highlight issues specific to those formats.

📌 Pro Tip: Label tasks with tags like Mobile, Desktop, or Tablet to keep them organized.

Step 5: Track and Prioritize Feedback

Feedback from clients and stakeholders can quickly accumulate. Here’s how to stay on top of it:

• Triage Feedback: Organize feedback by urgency, relevance, and its impact on the design goals.
• Prioritize Actionable Tasks: Address issues that improve user experience or meet client requirements.

Learn more about tracking and prioritizing feedback here.

Step 6: Share the Website with Stakeholders

1. Share the live website or staging link for review by clicking "Share Link" from the project dashboard.
2. Customize permissions:
   • Commenter: Allow clients to leave feedback on specific sections of the site.
   • Viewer Only: For stakeholders who only need to see the design without adding input.

📌 Pro Tip: Use guest access for clients who don’t have zipBoard accounts, ensuring easy collaboration.

Step 7: Manage Versions and Updates

1. Upload updated versions of mockups or update the live website link as changes are made.

Benefits of Using zipBoard for Web Design

• Real-Time Collaboration: Annotate live websites or mockups directly for immediate feedback.
• Centralized Feedback: Keep all comments, tasks, and updates in one place.
• Device-Specific Reviews: Ensure designs look great on all screen sizes.
• Version Tracking: Maintain a history of design iterations for reference.