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.

Full Preview

More by Aiman Zubair

View profile