This is a modern and clean web design for a sustainability company done in Figma.
Figma Design
Design Brief
Design Brief for 'SustainIt': An Environment-Friendly Lifestyle Blog
Company Overview:
'SustainIt' is a start-up lifestyle blog that is committed to inspiring its audience to adopt eco-friendly habits and sustainable living. It aims to serve as an inclusive online community for individuals passionate about reducing their carbon footprint and living in harmony with nature.
Project Objective:
We seek a dynamic, engaging, and user-friendly website that mirrors our commitment to sustainability and environmental preservation. It should serve as a vibrant hub of information, inspiration, and community discussion.
Website Requirements:
1. Design Aesthetic: The design should reflect the ethos of 'SustainIt' – clean, green, and sustainable. Use of natural colors, organic shapes, and imagery that evoke a sense of nature is encouraged.
2. Structure: The website should feature the following pages – Home, About Us, Blog, Community Forum, Contact Us.
3. Home Page: The Home page should be captivating, featuring a carousel of latest blog posts, an introduction to 'SustainIt', and snippets of the most engaging discussions from the forum.
4. Blog: The Blog page should have a clean, easy-to-read layout. It should feature filtering options for categories like DIY Projects, Green Living Tips, Sustainable Travel, etc. Each blog post should facilitate user comments.
5. Community Forum: A user-friendly space where members can start discussions, ask questions, and share their own eco-friendly tips.
6. Responsive Design: The site should be fully responsive, ensuring a seamless experience on all devices.
7. SEO: The website needs to be SEO optimized to drive organic traffic.
Timeline:
We are looking to have the website live within the next 3 months.
3. Documentation of site functionality and maintenance.
By capturing our brand's ethos and fostering an engaged community, the 'SustainIt' website will become a trusted resource for those seeking a greener lifestyle.
Design & Branding
Color Palette
Primary Color (Natural, Earthy): Light Green
Secondary Color (Clean, Fresh): Lime Green
Accent Color (Vibrant, Energetic): Bright Yellow
Neutral Dark (Text, Deep Contrast): Charcoal Gray
Neutral Light (Background, Soft Contrast): Lightest Green
This palette is inspired by the colors of nature and sustainability. The greens and yellow are vibrant and fresh, reflecting the blog's focus on eco-friendly habits and sustainable living. The charcoal gray and lightest green provide a nice contrast for text and backgrounds.
Fonts:
Heading: "Montserrat" - This font is modern and versatile, making it a great choice for headings. It's very readable and has a professional look.
Paragraph: "Lato" - This is a clean, neutral, and friendly font that's very readable, making it a great choice for body text or paragraphs.
"Montserrat" gives your headings a unique and engaging style, while "Lato" ensures that your text is easy to read and looks professional.