Skip to content

Latest commit

 

History

History
56 lines (54 loc) · 2.25 KB

2021.md

File metadata and controls

56 lines (54 loc) · 2.25 KB

Webflow Module

A repo that homes all the steps (required/optional) to build a well documented website project.

One way to build a website is just sit on a chair and hit the framework and get done with stylesheets, the other way is to do it all professionally or to say in a clean, commented and curated way. Just a few benefits of it −

  • Clear timeline of milestone execution and objective of the project
  • Customer/user persona clarity (if any)
  • Easier to collaborate for teams
  • Documentational clarity of the source code
  • Everything becomes pluggable automatically
# STRATEGY SESSION
  Plans - Ordering/Reordering/Adding/Removing the following goals
  Target Audience - Selecting the audience you want to attract to your website
  Offerings - Services/products going to be placed on the website
  Communication - Communication channels to be made available to your users/visiters
  Identity - Understanding website identity and body persona

# GOALS
  Achievement - Periodic goals and markdown leaps for website
  Visitors - Daily/Monthly/Periodically expected new/returning visitor stats
  Input - Specific data collection for target conversions
  Needs & Expectations - User/visitor target expectation
  Visual References - Any visible reference points you want to take key notes from

 # WIREFRAME
  Structure - Directory and file management design
  Sitemap - Designing web pages tree and their internal relations
  Navigation - Visible hyperlink options available for user
  User Flow - Starting from homepage to exit page

# DESIGN
  Story - Make a story that you want to tell your users through the website
  Frame - Designing web pages frame/skeleton (only HTML)
  Colors - Primary, Secondry and overall color palette selection
  Responsiveness - CSS optimization and website responsive behaviour implementation

# FLOW
  Triggers - Developing onpage, scroll and other triggers via active scripts if needed
  Libraries - Implementation of external active scripts and stylesheets (if needed)
  Actions - Points from which you can trigger particular tasks

# PLUGS
  Optimization - It is time to shed some weight and compress files
  Tracking - Adding traffic analyzing scripts and meta

# FINALIZATION
  And you're almost done!
  ...