🌿 Landing Page Durable City – Eco-Friendly UI Design for a Sustainable Future
Sustainable landing page design, eco-friendly website UI, Figma UI project, green design, environment-focused landing page, UX for sustainability
Project Type: Landing Page Design (Figma)
Design Tools: Figma
Theme: Sustainability, Eco-Friendly, Green Living
Platform: Web
🌱 Project Overview
Durable City is a concept-driven landing page UI project that promotes sustainable lifestyles and environmentally-responsible choices. Designed in Figma, the page serves as a digital gateway to a fictional smart, green city—“Welcome to Durable City, the online hub for sustainable living and environmentally-friendly practices.”
The goal was to create a visually compelling, user-friendly landing page that inspires users to explore topics like urban sustainability, green architecture, zero-waste practices, and community-driven climate action.
🎨 Design Objectives
- Create a clean, engaging landing page layout with a sustainability-first design philosophy
- Highlight eco-conscious messaging with modern, minimalist visuals
- Ensure accessibility and readability with optimized typography and UI spacing
- Emphasize key values like green energy, clean transport, recycling, and smart city initiatives
🛠️ Work
- Concept Development & Theme Translation:
Developed the core idea of an online “Durable City” to showcase green living in an interactive, welcoming format. - UI Layout in Figma:
Crafted an elegant, scroll-based structure with intuitive content blocks for vision, mission, initiatives, and community sign-up. - Sustainable Visual Design:
Used a color palette based on natural tones (greens, browns, blues) to represent earth, water, and renewable energy. Integrated eco-themed icons and illustrations. - Typography & Design System:
Defined a scalable design system with clean sans-serif fonts, consistent padding/margins, and visual hierarchy for mobile and desktop responsiveness. - Call-to-Action & User Flow Optimization:
Strategically placed CTAs (e.g., « Join the Movement », « Explore the City ») to guide users toward action, education, and community involvement.
đź“Š Results & Takeaways
- Completed a high-fidelity, eco-themed landing page prototype fully designed in Figma
- Strengthened skills in green UX/UI principles, brand storytelling, and emotion-led interface design
- Designed for both aesthetic beauty and planet-positive messaging
- Ideal project for demonstrating ability to blend visual creativity with environmental awareness
Link : https://www.behance.net/gallery/205095961/Landing-Page-Durable-City