What is Claritee?
Claritee is a website and app planning tool that helps you create comprehensive wireframes and site structures before moving to the design phase. It allows you to plan your entire project, collaborate with team members, and prepare everything needed for development.
Getting Started
Creating a New Project
- Launch a New Project - Start by creating a new project in Claritee
- Choose Your Method - You have multiple options for getting started:
- Generate with AI (most popular option)
- Create manually from scratch
Using AI Generation
- Describe Your Project - Enter a basic description of your website or app
- Example: "Coffee shop website for local specialty coffee"
- Enhance Your Prompt - Use the enhance feature to get better AI results
- Configure Content - Choose to add AI content to specific pages
- Generate - Click generate and wait for the AI to create your structure
Core Features
Site Map
- Automatic Creation - Every project starts with a site map
- Hierarchy Planning - Plan the complete structure of all your pages
- Overview - Get a bird's eye view of your entire website or app structure
Canvas (Wireframe Editor)
- Page-by-Page Planning - Create detailed wireframes for each page
- Section Breakdown - Define all the sections that will be included
- Content Planning - Write and plan all text content
- Layout Structure - Organize how elements will be arranged
What You Get
AI-Generated Content
- Complete Page Layouts - Fully structured page designs
- Placeholder Text - Ready-to-use content suggestions
- Common Sections - Standard elements like:
- Hero sections with messaging
- Testimonial areas
- Newsletter subscriptions
- Contact sections
- Footers
- Call-to-action buttons
Collaboration Features
Team Integration
Bring in all stakeholders to collaborate on your project:
- Copywriters - For content creation and editing
- Designers - For visual planning and feedback
- Clients (for agencies) - For approval and input
- Project managers - For oversight and coordination
Feedback System
- Get input from all team members
- Make revisions based on feedback
- Ensure everyone is aligned before moving to design
Workflow Process
- Plan - Use Claritee to map out your entire project structure
- Wireframe - Create detailed breakdowns for each page
- Collaborate - Get feedback from team members and clients
- Finalize - Prepare everything needed for the design phase
- Hand Off - Send completed plans to design and development
Best Practices
- Start with a clear, descriptive prompt for better AI results
- Use the enhance feature to improve AI generation
- Plan all pages in your site map before diving into detailed wireframes
- Involve all stakeholders early in the planning process
- Review and refine AI-generated content to match your specific needs
Next Steps
Once your planning is complete in Claritee, you'll have a comprehensive blueprint ready to send to your design team, ensuring a smooth transition from planning to visual design and development.
If you need further assistance, feel free to contact us for support.