📝
How we work (org handbook)
  • Home
  • Onboarding
  • Code of Conduct
  • Project Management
    • Project Initiation
      • Documentation and Checklists
      • Aligning with OpenUp's Mission and Vision
      • Getting Partners and Stakeholders on Board
      • Defining Project Parameters and Limitations (scope)
      • Product Management during the Project Initiation Phase
      • DRAFT COPY
    • Project Implementation
      • Project Planning
      • Agile, Scrum, and the Lean Startup Method
      • Stakeholder Management
      • Meetings
      • Communication
      • Team Management
      • Roles and responsibilities
    • Project Close-out
      • The Close-Out Report
      • Retrospective
      • Donor thanks
      • One page write-up
      • Blog article
      • Maintenance plan (if necessary)
    • Project overviews
      • Citizen Engagement App
      • Our Project List
      • Local Gov Programme
        • Business Portal
      • Tech Infrastructure
    • Project boards
  • How we work
    • Preferred tools
      • Tool sponsorships
    • Budgets & Finance
      • Taxes
        • VAT
        • PAYE and UIF
        • Workmen's compensation
        • Annual PAYE reconciliation
      • The Types of Budgets Used By OpenUp
      • When to Start Planning a Budget
      • Planning a Budget
      • How to Create a Budget
      • How to Spend a Budget
      • How to Adjust a Budget
      • Expense claims
      • Invoicing OpenUp
      • Capturing and approving invoices for payment
      • Allocating AWS costs to a project
      • Allocating Upwork transactions to projects
      • Software, Services and Hosting
      • Downloading Webflow invoices
    • Tool Development
      • Coding Roles
      • Tools For Coding
      • DESIGN
      • The Design Process: Step-By-Step
      • Tools Used In The Design Process
      • Quality Metrics: Design
      • Webflow export rules
      • CONTENT, WRITING, AND MEDIA
      • Creating Substance: The Role of Content in Tool Development
      • Creating Content: Step-By-Step
      • What Goes In Social Media
      • TRAINING & EVENTS
      • Event Planning
      • When, Where, and How to Hold a Training Session
      • Tools Used By Training and Events
      • User testing
      • Making government accessible
    • Outsourcing & Contracting
      • Why do we contract external workers?
      • Platforms We Use To Find Contractors
      • Contracting people for work
      • UpWork Contracting
    • Monitoring & Evaluation
    • Communications & Branding
      • Resizing images
      • Creating an email newsletter
      • Posting a blog
      • Sharing a blog post
      • Marketing Q &A
      • Official communications
      • Tracking app and campaign web traffic sources
    • Human Resources
      • Recruitment
      • Recruitment template: Project lead developer
      • DRAFT Recruitment template: Product owner
      • One-on-ones (1:1s)
    • Organisational Decision Records
      • ODR1: Organisational Decision Records
      • ODR2: Building dynamic web frontends using Webflow
    • Personal Information
    • Password management
  • Tech
    • Development guidelines
    • Preferred tech stack
    • Webflow project guide
      • How to build pages in Webflow so that content can be added using Javascript
    • Setting up a new server
    • Hosting on dokku
    • CDN in front of S3
    • Setting up a new Domain
    • CKAN
  • Product management
    • Our product design process
  • Codebridge
    • Codebridge - the space
Powered by GitBook
On this page
  • Goals
  • What is Webflow
  • How we use Webflow

Was this helpful?

  1. Tech

Webflow project guide

OpenUp relies on Webflow to build out front-end elements. These front-ends are worked on by various dev teams. This document provides guidelines for implementation best practices.

PreviousPreferred tech stackNextHow to build pages in Webflow so that content can be added using Javascript

Last updated 4 years ago

Was this helpful?

Goals

  1. Simplified approach to designing, building and outsourcing development on various tools.

  2. Limit confusion when working on various projects and/or with different developers.

  3. Streamline onboarding.

  4. Spend less time documenting the thinking and approaches taken on different projects.

  5. Lower design and dev budget for projects.

  6. Lower reliance on specific individuals within the organisation for knowledge and expertise.

  7. Improved open-sourcing credentials.

What is Webflow

  • Webflow is an online visual editor for HTML, CSS and JavaScript.

  • Webflow has a with limited functionality sites with basic requirements like a blog.

  • Webflow has which can be created, nested and re-used within a project.

  • Webflow can as a packaged file for use in various applications.

  • Webflow can integrate with various third party tools either natively, or through .

How we use Webflow

    1. These projects leverage standard webflow features and functionality and are hosted through the Webflow platform at a fixed monthly or annual cost.

    2. These projects are simple to implement and maintain.

    1. These projects

Fully self-contained Webflow reliant websites. eg.

Exported front-end design with custom integration. eg.

built in CMS
symbols
export sites
Zapier
www.openup.org.za
www.municipalmoney.gov.za