Project Overview
PUNI is a bold Japanese-inspired mochi café concept created from scratch, including both the visual identity and the website experience.
For this submission, I designed the complete website in Squarespace, using the previously established branding system as the creative foundation. The goal was to explore how far Squarespace could be pushed beyond its default capabilities through thoughtful design, custom styling, animations, and code.
Live Website
Website:
https://puni-cafe-bar.squarespace.com
Password: punibar
Branding Project
The complete branding case study can be viewed here:
https://contra.com/p/PbeP72BN-branding-for-puni-mochi-bar?referralExperimentNid=DEFAULT_REFERRAL_PROGRAM&referrerUsername=mara_melkonyan_2z5rmtfq
What Was Built
Complete website designed in Squarespace
Custom typography and brand color system
Japanese-inspired visual direction
Scroll-based animations
Custom CSS enhancements
Custom code for interactive elements
Responsive layouts
Motion effects throughout the experience
Fully branded user interface matching the original identity
The website demonstrates how a strong brand system can be translated into an engaging web experience while extending Squarespace with custom animations and code where needed.