Please enable JavaScript.

Coggle requires JavaScript to display documents.

10K Website Process - Coggle Diagram

- - - - Who are they? Describe in a way that it’s easily relatable.
      - What do they want? Must be a single top desire related to their survival.
    - - Villain: Is there a root cause to your customer’s problems?
      - Symptom: What is the problem that the customer is facing
      - Result: How does that make them feel?
      - Philosophical: Why is it ”just plain wrong” for your customers to be burdened by this problem.
    - - Empathy: What brief statement can we make that expresses empathy and understanding?
      - Authority: How can we demonstrate competency in solving their problems?
    - - Direction: the sets customers need to take in order to use the product / service.
      - Instil Confidence: describe the outcome of what the customer can expect by doing business with you.
    - - Protagonist + Problem + Plan = Success Needs to create intrigue. “We help overcome by doing so they can ”
  - - - Write to solve a problem. What is the persona trying to figure out?
      - Nobody cares about you. Write about the BENEFITS FOR THEM.
      - Don’t be clever with the copy
      - Clean / simple hero section
      - Strong value preposition.
      - Write short paragraphs.
      - 80% of importance on the headlines
      - Use sub-heading
      - Use bullet points
      - Don’t use unnecessary words or overload it.
      - Include specific Calls To Action (CTA)
- - - - Turn the sitemap into a full wireframe of web pages
      - Collaborate with the client
      - Get approval from the client
    - - It’s Fast
      - Doest distract or limit you by the array of tools
      - Write headlines
      - Explore multiple ideas
    - - Write / include drafts of all copy
      - Keep it black and white / neutral
      - Don’t worry about the Grid
      - Don’t worry about the small UIUX (Buttons, font styles)
      - But use the correct font weights throughout
  - - - Make it easy to understand
      - Make it obvious
      - Leave no room for ambiguity
      - EX: Contact Us, Book Appointment, Add to Cart, Buy, etc.
    - - Having the Navigation stick to the top, making sure the user wont get lost trying to find what they could be looking for
      - Distracting
      - Hiding crucial info: Pricing, Support
    - - Don’t reinvent if not necessary
      - Logo top left
      - Nav top right
      - Don’t invent new icons
      - Don’t change how links work and look
      - Left: Bad exampleRight: Good example
      - Pay attention to the “Micro Copy”
      - Make it so it doesn’t create questions instead answers them for the user
      - Design better forms
        
        Make forms short and concise
        
        Give reason to submit
        
        Use placeholders in form fields
      - Add a footer
- - - - Understand the company vision, mission and story. Why does that company exist?
      - What do their services offer, what problems do they solve, what needs to they satisfy, what niche do they cater to?
      - How do they position themselves in their market and niche.
      - Who is the audience that the company is trying to reach? What world views would they have? What brings that audience to this company?
        
        Age
        
        Gender
        
        Economical Standing
        
        Economical Standing
        
        Ethnicity / Culture
      - What message do they want to communicate to their audience, considering their niche and positioning in their market?
      - What roadblocks might exist from going forward with the strategy?
    - - Before the Strategy Session
        
        Conduct market research
        
        Local competitor analysis
        
        Who are the other players in the general industry? What are they doing?
        
        Potentially customer interviews, find out what they think and what can be better.
        
        Tools for looking up competitors
        
        SimilarWeb
        
        Crunchbase
        
        Yelp
        
        Google “[company name] competitors”
        
        Ask your client
        
        What details are we looking for?
        
        How do they look online?
        
        How is their tone of voice?
        
        What content do they have online?
        
        Collect images and text copy for future reference and client discussions.
        
        This research in needed to make sure that your project is differentiated from the other competitors, while following industry conventions
        
        Collect web examples and references categorized by style.
        
        Places to find styles
        
        Awwwards
        
        Bestwebsite.gallery
        
        Webdesign-inspiration.com
        
        Categories
        
        3D
        
        Photography
        
        Minimal
        
        Artistic
        
        Illustration - Vector
        
        Illustration - hand drawn
        
        Graphic
      - How to make the strategy session a success
        
        Share the agenda before the meeting. (Add into the calendar invite)
        
        Face to face if possible
        
        Come prepared - do homework and have recommendations
        
        Take control over the meeting
        
        Make sure you’re listening to understand, not to respond
      - How to conduct the Strategy Session
        
        Decide on website Goals
        
        Whats the goal?
        
        Be careful of “I want to make it look better” or ego driven goals.
        
        If you want to be a top performer - Set S.M.A.R.T goals
        
        Specific
        
        Mesurable
        
        Achievable
        
        Results focused
        
        Time bound
        
        EX : By January 2022 get 20 more monthly submissions
        
        Get more leads
        
        More sales
        
        Get more conversions
        
        Making the website easier to use
        
        More recruiting
        
        Increase awareness
        
        Improve customer satisfaction
        
        Better system for hands on editing
        
        How to achieve that goal?
        
        Increase form submission
        
        Increase web trafic
        
        KPI (Key Performance Indicator)
        
        Increase submissions by 50%
        
        Increase traffic by 25%
        
        Everyone needs to be aligned on why we are doing this project, and what success looks like.
        
        You help your client set goals and KPI’s. You define the best objectives to achieve the goal
        
        Review market research and align
        
        Discus content and the strategy of it
        
        What content Is going to help us best achieve the client’s goals?
        
        Come with your own suggestions, but be open for discussion.
        
        Products / services
        
        About the company (team, jobs, vision)
        
        What we do / how we do it
        
        Contact
        
        Benefits
        
        Resources (White-papers, downloadable)
        
        Updates (News, blog, PR)
        
        Our Customers / Testimonials
        
        Social media integration
        
        Case studies
        
        Group similar types of content together and create a hierarchy among those groups - Develop Sitemap.
        
        Think about your personas, and whether the structure makes sense.
        
        Align on visual direction
      - Creating a proposal
        
        List the goals and how to achieve them
        
        List what content is needed
        
        Include what visual direction that were going in
        
        Create timeline for each section
        
        Include information about the number of iterations possible
        
        Put a price to it