InPublic Studio by Node Design AgencyInPublic Studio by Node Design Agency

InPublic Studio

Node Design Agency

Node Design Agency

Verified

1 collaborator

I know people don’t like to read long case studies, so I’m adding my work first below. But if you’d still like to read the full case study, you’ll find it after the project images. The project lasted around 2 weeks and is now live at 👉🏻 https://inpublic.studio/
Why Choose Us Section
Why Choose Us Section
Steps Section
Steps Section
Our Works
Plans Section
Plans Section
FAQ Section
FAQ Section
CTA Section
CTA Section

Project Overview 🌐

InPublic Studio is a creative studio focused on brand strategy, digital identity, and bold storytelling.
Our goal was to design and develop a website that feels modern, confident, and editorial — while clearly communicating their positioning and creative philosophy.
Deliverables: UI/UX Design, Framer Development, Motion Implementation Platform: Framer, Figma Timeline: 2 Weeks

The Challenge

InPublic needed a website that reflected their strong creative identity without feeling cluttered or overdesigned. The previous presence lacked cohesion and didn’t fully communicate their positioning.
We set out to:
Create a modern, minimal design language
Establish clear content hierarchy and flow
Ensure strong visual rhythm and breathing space
Add subtle motion without overwhelming the experience
Build a scalable structure for future growth

Our Role

We led the design and Framer implementation, covering:
Stakeholder alignment and creative direction
Low-fidelity wireframes for structure and page flow
High-fidelity UI design with consistent visual system
Full Framer development with responsive layouts
Motion implementation and interaction refinement
Performance testing and optimization

Process

1. Discovery & Wireframes

Collaborated with the InPublic team to understand brand positioning, messaging tone, and target audience.
Created structured wireframes to map user flow and ensure clarity before visual design began.

2. Visual Design

Developed a clean, editorial-inspired design system with:
Bold yet controlled typography
Balanced whitespace and grid alignment
Clear section separation for improved scannability
Strong CTA placement without visual noise
The UI emphasizes clarity, rhythm, and confidence.

3. Framer Build & Motion

Built the entire website in Framer with responsive optimization across breakpoints.
Motion implementation included:
Smooth scroll-triggered transitions
Subtle hover interactions
Section reveal animations
Clean page transitions
All animations were designed to enhance storytelling while maintaining performance and speed.

Results

A modern, editorial-style website that reflects InPublic Studio’s creative identity
Clear messaging and improved visual hierarchy
Smooth, purposeful motion throughout the experience
Fully responsive and performance-optimized across devices
A scalable Framer structure ready for future updates
Like this project

Posted Jun 22, 2026

Website Design and Development

Likes

0

Views

1

Timeline

Dec 6, 2025 - Ongoing

Clients

InPublic

Collaborators