EcoStar website
Overview
My contribution
Figma design
Framer implementation
The team
Process
Figma design Phase
During the design phase, I built a moodboard to define the visual tone and direction, exploring natural color palettes, balanced typography, and clean layouts that reflect sustainability and innovation. Each section was carefully structured to highlight product features and brand values, ensuring a smooth and engaging user experience.
Framer development phase
In Framer, I built the site using reusable components, global colors, and shared styles for consistency and efficiency. The entire template is fully customizable—users can easily adapt typography, layout, and imagery. The main green color can be instantly replaced with any hue simply by changing the global color settings, allowing the design to adapt to any brand identity.
Outcome
I created this template as a way to learn and explore Framer. The result is a complete, optimized, and ready-to-use template that demonstrates both visual design and development skills.
The template is available for free, and it’s possible to get the remix link to explore or customize it directly in Framer.




