Website design for sustainability company

Aatif Dawawala

Web Designer
Figma

This is a modern and clean web design for a sustainability company done in Figma.

Figma Design
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.
Competitor Websites for Inspiration:
Deliverables:
1. Initial design mockups for approval.
2. Final design assets, including all web pages.
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.
Partner With Aatif
View Services

More Projects by Aatif