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

Hannah Marleen Teichert

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.
Hero – Desktop
Hero – Desktop
Hero – Mobile
Hero – Mobile
Menu – Desktop
Menu – Desktop
Menu – Mobile
Menu – Mobile
Events – Desktop
Events – Desktop
Events – Mobile
Events – Mobile
Like this project

Posted Jan 27, 2026

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