SylvaRoot – Clean Gardening Service UI
SylvaRoot is a clean and professional portfolio website concept for an independent gardener offering residential and small-scale landscaping services. The goal was to create a trustworthy, approachable digital presence that highlights expertise, past work, and simple service booking — all wrapped in a nature-inspired design.
Design Process
1. Discovery & Strategy I began by defining the key audience: homeowners and garden enthusiasts looking for reliable, friendly gardening services. I outlined must-have pages: Home, Services, About, Gallery, and Contact.
2. Moodboard & Style Exploration Inspired by natural tones and handcrafted aesthetics, I curated a palette with soft greens, warm beige, and earth browns. The visual tone reflects nature, care, and reliability.
3. Wireframing Created wireframes for all key pages with a focus on simple navigation and conversion—making it easy to understand services, view past work, and request a quote.
4. UI Design Using Figma, I designed a welcoming homepage with a clear value statement, friendly portrait of the gardener, and quick service overview. Each service has its own section with icons and short descriptions. Testimonials and a photo gallery build credibility.
5. Responsive & Interaction Design I crafted clean mobile layouts and added subtle hover and scroll animations to keep the experience dynamic yet calming. A fixed "Book a Service" button ensures strong call-to-action throughout the journey.