ThreeFold – Framework Migration, Redesign, and Compliance #7

Closed
opened 2026-01-19 13:33:22 +00:00 by sashaastiadi · 4 comments
Member

🔁 ThreeFold – Framework Migration, Redesign, and Compliance

Project: www.threefold.io

🎯 1 Objective

Migrate the ThreeFold website from Zola to a modern React + Vite stack, implement a new design + content, ensure legal compliance, and standardize documentation and brand assets.


🧩 2 Tasks

🧱 Framework & Architecture

  • Migrate website framework from Zola to React.js + Vite.js
  • Set up new project structure, build, and deployment pipeline
  • Ensure content parity and URL consistency (or define redirects)

🎨 3 Design & UX

  • Implement new design system and layouts (check attached)
  • Apply updated branding (colors, typography, components)
  • Ensure responsive behavior across devices
  • review website content to also have 'farmer' sections

  • Add Privacy Policy page
  • Add Impressum page
  • Add Terms & Conditions page
  • Implement Cookies Agreement / Consent Banner (GDPR-compliant)

📝 Documentation

  • Review and rewrite README.md to include:
    • Installation instructions
    • Build instructions
    • Development workflow

Performance

  • Resize and optimize images and videos to improve website speed
  • Verify Lighthouse performance metrics after migration

🎨 Brand & Assets

  • Upload branding assets to drive.ourworld.tf

📎 Notes

  • Legal pages must be linked in the footer
  • Cookie consent must block tracking and non-essential cookies until accepted
  • Framework migration should be done before final design polish

## 🔁 ThreeFold – Framework Migration, Redesign, and Compliance **Project:** [www.threefold.io ](www.threefold.io) ### 🎯 1 Objective Migrate the ThreeFold website from Zola to a modern React + Vite stack, implement a new design + content, ensure legal compliance, and standardize documentation and brand assets. --- ### 🧩 2 Tasks #### 🧱 Framework & Architecture - [ ] Migrate website framework from **Zola** to **React.js + Vite.js** - [ ] Set up new project structure, build, and deployment pipeline - [ ] Ensure content parity and URL consistency (or define redirects) --- #### 🎨 3 Design & UX - [ ] Implement **new design system and layouts** (check attached) - [ ] Apply updated branding (colors, typography, components) - [ ] Ensure responsive behavior across devices - [ ] review website content to also have 'farmer' sections --- #### 🏛️ Legal & Compliance - [x] Add **Privacy Policy** page - [x] Add **Impressum** page - [x] Add **Terms & Conditions** page - [x] Implement **Cookies Agreement / Consent Banner** (GDPR-compliant) --- #### 📝 Documentation - [x] Review and rewrite **README.md** to include: - Installation instructions - Build instructions - Development workflow --- #### ⚡ Performance - [x] Resize and optimize **images and videos** to improve website speed - [x] Verify Lighthouse performance metrics after migration --- #### 🎨 Brand & Assets - [x] Upload branding assets to **drive.ourworld.tf** --- ### 📎 Notes - Legal pages must be linked in the footer - Cookie consent must block tracking and non-essential cookies until accepted - Framework migration should be done before final design polish ---
Author
Member

impressum , data privacy, terms added

impressum , data privacy, terms added
Author
Member

will do 1-3 on a separate matter because its a big issue

will do 1-3 on a separate matter because its a big issue
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
mycelium/www_threefold_io#7
No description provided.