🌱 Taim.io – Webflow Site for a Smart Gardening Platform

Valeria

Valeria Nyman

Role: Branding & Web Designer, Webflow Developer
Tools: Webflow, Lumos Framework, CMS, Custom JS
Overview:
Taim.io is a digital platform that supports urban hobby gardeners with curated, seasonal advice. I designed and developed a CMS-powered Webflow site that’s content-rich, scalable, and tailored for non-technical editors β€” allowing them to manage and expand the platform with ease.
Home Page Taim.io
Home Page Taim.io

πŸ’Ό My Contribution:

Created a modular Webflow architecture using the Lumos framework for accessibility and scalability.
Designed and developed a component-based CMS system, enabling editors to manage complex content without breaking layouts.
Implemented custom JS sliders and interactive elements to showcase personalized gardening guides.
Designed for mobile responsiveness and accessibility across all devices.

πŸ” Key Features & Screens:

Custom JS Slider – Personalized Guide Preview
Interactive slider showcasing tailored gardening advice based on user profile (location, experience, plant preferences). Built with custom JavaScript and CMS bindings to create dynamic, user-centric content displays.
Custom JavaScript-powered slider
Custom JavaScript-powered slider
Grid System – Plants Library Overview
Responsive grid layout displaying CMS-driven plant profiles. Designed with a clear visual hierarchy and a 12-column grid system, adaptable for new content types without design compromises.
Lumos Framework: Grid System
Lumos Framework: Grid System
Blog Article – CMS Template in Action
Example of a dynamic blog post template featuring illustrations, structured content blocks, a rich table of contents, and consistent typographic styling β€” all editable via the CMS.
CMS template for a blog article
CMS template for a blog article
Mobile View – Responsive Blog Experience
Three mobile screen variations demonstrating how content adapts across breakpoints. The layout prioritizes readability, shareability, and accessibility on smaller devices.
Responsive design
Responsive design
CMS Components – Editor-Friendly Card Design
Behind-the-scenes view of Webflow’s CMS bindings powering reusable components. Editors can update content like images, titles, and descriptions without worrying about layout integrity.
Content editor-friendly components
Content editor-friendly components

🎯 Outcome:

The final website is a beautifully branded, content-first experience that empowers the Taim.io team to publish, grow, and evolve their knowledge base β€” no developer hand-holding required. Each component was crafted to balance editorial flexibility with design integrity.
Like this project

Posted May 26, 2025

CMS-powered Webflow site for urban gardeners, built with scalable components and custom JS β€” designed for easy editing by non-technical content teams.