MOSSCAPE STUDIO

MOSSCAPE STUDIO

Mosscape is a landing page designed to showcase handcrafted terrariums as unique decorative items. The project blends minimalist aesthetics with functionality, delivering a visually captivating and user-friendly experience.

LIVE PROJECT

VISIT SITE

Year

2023

Category

Landing page

ROLES

UX/UI Design + Framer DEV

Research

Research

In the Research phase, I studied the market for handcrafted decorative products to identify ways to highlight Mosscape’s terrariums. I focused on elements that appeal to design and nature enthusiasts, pinpointing key features for a clear and engaging landing page.

In the Research phase, I studied the market for handcrafted decorative products to identify ways to highlight Mosscape’s terrariums. I focused on elements that appeal to design and nature enthusiasts, pinpointing key features for a clear and engaging landing page.

Research

In the Research phase, I studied the market for handcrafted decorative products to identify ways to highlight Mosscape’s terrariums. I focused on elements that appeal to design and nature enthusiasts, pinpointing key features for a clear and engaging landing page.

Design

Design

During the Design phase, I crafted a layout in Figma with a natural color palette and elegant typography. The terrarium images were prioritized to showcase their intricate details, while the minimalist layout guided users through the key content effortlessly.

During the Design phase, I crafted a layout in Figma with a natural color palette and elegant typography. The terrarium images were prioritized to showcase their intricate details, while the minimalist layout guided users through the key content effortlessly.

Design

During the Design phase, I crafted a layout in Figma with a natural color palette and elegant typography. The terrarium images were prioritized to showcase their intricate details, while the minimalist layout guided users through the key content effortlessly.

Development

Development

In the Development phase, I used Framer to bring the design to life as a seamless, responsive landing page. Leveraging the tool’s capabilities, I incorporated subtle animations and optimized performance to ensure fast loading and an enjoyable browsing experience on all devices.

In the Development phase, I used Framer to bring the design to life as a seamless, responsive landing page. Leveraging the tool’s capabilities, I incorporated subtle animations and optimized performance to ensure fast loading and an enjoyable browsing experience on all devices.

Development

In the Development phase, I used Framer to bring the design to life as a seamless, responsive landing page. Leveraging the tool’s capabilities, I incorporated subtle animations and optimized performance to ensure fast loading and an enjoyable browsing experience on all devices.

NICOLI EMMA

NICOLI EMMA

NICOLI EMMA

NICOLI EMMA

©2024 EMMA NICOLI

©2024 EMMA NICOLI

©2024 EMMA NICOLI

©2024 EMMA NICOLI

GO BACK TO TOP