Studio Blend Café Web Design Prototype by Hannah Marleen TeichertStudio Blend Café Web Design Prototype by Hannah Marleen Teichert

Studio Blend Café Web Design Prototype

Hannah Marleen Teichert

Completed work

Web Designer

Figma

Flow Immersive

Framer

Design

Like this project

Completed work

Posted Jan 27, 2026

Created a Framer prototype for a fictional café concept using web design and storytelling.

Likes

Views

For independents

For companies

For companies Manage team projects Share hiring workspace Post jobs Discover contractors Sign contracts Approve invoices Global payments & tax compliance

Use Cases

For companies For freelancers For creator tools For agencies For VCs

Resources

Hire Freelancers

Explore all Top independents Design Engineering Marketing Music & audio Social media Video & animation Product Business consulting & HR Other

Contact

Contact support

Company

Mission Careers Terms & conditions Privacy policy Cookie policy

Studio Blend Café Web Design Prototype

Hannah Marleen Teichert

Completed work

Web Designer

Figma

Flow Immersive

Framer

Design

Overview

Studio Blend is a fictional café concept, created as a Framer prototype to explore web design, scroll-based effects, and immersive visual storytelling. It imagines a welcoming space for creatives—a place where people work, connect, eat, drink, and browse a mini design library.

Project Brief

The goal was to test and expand my web design skills by building an atmospheric prototype in Framer. The scope included a multi-section website with smooth scroll interactions, layout experiments, immersive visuals, and a cohesive brand-feeling. As an independent project, it allowed me to treat design as play–imagining a physical space through digital craft and pushing the boundaries of what Framer can do.

Role

Web Designer

Methods

• Designed in Figma and built in Framer, using scroll effects and animated transitions. • Created visual concept and mood board to evoke a cozy, creative café atmosphere. • Built site structure and UI components to support storytelling and navigation. • Iteratively refined visuals, spacing, and animations to balance aesthetics and usability.