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
πΌ 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
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
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
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
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
π― 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.
CMS-powered Webflow site for urban gardeners, built with scalable components and custom JS β designed for easy editing by non-technical content teams.