Our Website Creation Process

DISCOVERY – Who is the client and what do they need?
1. REVIEW PROPOSAL
2. CLIENT RESEARCH
  1. Brand / Market Review
    1. Client site review
    2. Ask for brand guidelines
    3. Print references
    4. Sales materials
    5. GA Login
    6. Competitor/Model Site Research
  2. Brand Exploration
    1. Prepare worksheets
    2. Facilitate meeting
    3. Send completed worksheets to client
    4. Summarize key brand takeaways
3. PHASE CHECKPOINT
  1. Write creative brief (internal doc)
  2. Write detailed schedule
  3. Revise proposal?
CONTENT
1. SITE ARCHITECTURE (This will be updated/refined throughout the project)
  1. Revise proposal?
2. CREATE CONTENT STATUS SPREADSHEET
3. KEYWORD/SEO RESEARCH
4. COPYWRITING/EDITING
  1. Messaging Strategy
  2. Page copy
5. DETERMINE ASSET NEEDS
  1. Photography
    1. Is a photoshoot needed? Stock photo search?
  2. Illustrations/Infographics
  3. Audio/Video
  4. Downloads
6. GATHER/GENERATE ASSETS
  1. Photography
  2. Illustrations/Infographics
  3. Audio/Video
  4. Downloads
7. PHASE CHECKPOINT
  1. Client approved content document containing all content including copy, images, downloads and other assets for every page of site
    1. One doc per page, with screenshots, should define where all assets will be placed in relation to content
  2. Complete content spreadsheet
    1. If content is incomplete
CONTENT WIREFRAMES
1. INTERNAL CONTENT WIREFRAME DISCUSSION
2. Build wireframes for each page type based on creative brief, content, and assets provided
  1. Home Page
  2. Standard Page
  3. Standard Post (If different than standard page)
  4. Post Archive
  5. Any unique pages, archives or custom post types (i.e. Projects or Staff)
  6. Review technically difficult pages and decide if we should wireframe them
3. Review UX of content wireframes
  1. Make adjustments to content wireframe to solve any problems found
4. Use generic icons for images, do not determine photo orientation at this phase
5. PHASE CHECKPOINT
  1. Completed content wireframes
DESIGN
1. INTERNAL DESIGN KICKOFF MEETING
2. BRAND GUIDELINES – from Brand guideline doc if it exists
  1. COLOR
    1. Define full color pallette including body copy – provide hex codes for all.
  2. TYPOGRAPHY
    1. Define fonts for body copy, H1 – H5 headline styles, navigation
  3. Identify link and hover colors
  4. Mood Boards
3. DESIGN SYSTEM / CREATIVE BRIEF – Reviewed by client. Validate design decisions
4. ASSET CREATION – Illustrations, Icons and Photo file creation
5. DESIGN MOCKUPS – (evolution of content wireframe)
  1. Provide completed Figma design mockups to client
6. PHASE CHECKPOINT – provide to designer developer
  1. Figma design mockups
  2. design system, and creative brief
  3. Site architecture
  4. Content docs
  5. Visual assets and downloads
BUILD
1. Set up project repo
2. Identify necessary technical tools based on content outline
3. Import blog posts and related assets
4. TESTING
  1. Test on all common browsers
  2. Test on desktop, mobile, tablet and other devices
  3. Test functionality of all forms
5. PHASE DELIVERABLE(S)
  1. SITE LAUNCH
POST-LAUNCH
1. Maintenance Plan?
2. SEO Plan?
3. Content Plan?
4. Promotion Plan