About the Project

W1SE Planet is a platform that unites people around a shared purpose — protecting nature. We designed a website that communicates this mission through a visual language rooted in the symbolism of the five elements, paired with a user-friendly structure and intuitive content management. It’s more than just a landing page for an eco-initiative — it’s a living space for knowledge, action, and connection.

about-portf

Problems and solutions

The main problems

Our task was to build a modern, visually appealing platform that reflects ecological awareness — without falling into the clichés of “eco-design.”

It had to remain clear, technically solid, and easy to navigate. We needed a scalable structure that allows quick content updates and engages users meaningfully.

The solution

We created an intuitive information architecture with a focus on clarity, usability, and emotional depth. Each page is a visual story inspired by natural harmony.

The design is responsive across all devices, with an integrated CMS for effortless content management and a user journey crafted to the smallest detail.

Circle

Stages of Work

Each step was a thoughtful contribution to building a high-quality digital product.

Research and Strategy

Research and Strategy

We immersed ourselves in the project idea, exploring environmental themes, user needs, and UX behavior — allowing us to define a clear structure for the future website.

Visual Concept and Prototypes

Visual Concept and Prototypes

We developed several moodboard-based concepts to define the visual style, color palette, and typography. Once approved, interactive prototypes were created.

Design and UI Development

Design and UI Development

Based on the final layouts, we designed each page in detail — animations, hover effects, iconography, and visual elements — all aligned with the platform’s philosophy.

Development and Testing

Development and Testing

The site was built using modern front-end technologies and connected to a user-friendly CMS. We tested responsiveness, interaction logic, and content display across all devices.

600

Hours spent

10+

Involved employees

6000

Lines of code

Main Colors

The color palette creates a sense of trust, harmony, and environmental awareness. A light #F2F2F2 background provides visual clarity, while the main green #59931F reflects nature’s vitality. The accent grey-green #E3E8DD adds calmness and visual balance across the interface..

BACKGROUND

#F2F2F2

PRIMARY

#59931F

SECONDARY

#E3E8DD

Animation

Typography

We chose the Poppins typeface for its modern geometry and high readability across all devices. Its shapes convey freshness, trust, and a natural balance — emotions we wanted to embed in the brand’s communication.

Poppins

  • Bold
  • SemiBold
  • Regular
  • Aa
  • Bb
  • Cc
  • Dd
  • Ee
  • Ff
  • Gg
  • Hh
  • Ii
  • Jj
  • Kk
  • Ll
  • Mm
  • Nn
  • Oo
  • Pp
  • Qq
  • Rr
  • Ss
  • Tt
  • Uu
  • Vv
  • Ww
  • Xx
  • Yy
  • Zz
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 0

Logo

Six logo variations were developed, each interpreting the human–nature connection through shape and color.

We focused on visual simplicity and semantic depth, ensuring seamless adaptation for favicons, social media, and event covers — all reflecting unity, balance, and sustainable growth.

Concept Design

The design is built on the harmony of nature and technology. Visual lightness, clean grids, and subtle animations guide users into the project’s message. Each page holds its own character while seamlessly fitting into the overall visual system.

Home page

The homepage is a powerful first impression and the visual manifesto of the project. The atmospheric banner — with a female silhouette blended into nature — sets the tone.

Navigation flows through natural elements, current initiatives, and community engagement. This is a “living system” that grows with the platform.

Circle

About Us Page

A space to meet the mission, team, and philosophy. We implemented a modular structure for easily adding new content blocks and presentations. The design prioritizes simplicity, flexibility, and clarity — ensuring seamless navigation and content understanding.

"Philosophy" page

A thoughtfully designed section with strong visual and conceptual meaning. The content is well-structured and easy to absorb. Calm navigation, balanced visuals, and clean hierarchy create a peaceful, natural reading experience — without distractions.

Adaptive design

We ensured full responsiveness across all devices. Content and components scale flexibly while maintaining both aesthetics and functionality, from smartphones to desktop monitors with up to 4K resolution. Navigation and visual accents remain consistent and user-friendly regardless of window size.

Animation

Our team of experts will be happy to help you grow

Want your own unique design, contact us

Select services