FRAMER MASTERY

Crafting inspiring and

bold interfaces

Based in London, UK

Scroll to explore

Portfolio 2020/25*

Noah Johnston ㋛ Noah Johnston ㋛ Noah Johnston ㋛

Noah Johnston ㋛ Noah Johnston ㋛ Noah Johnston ㋛

WHO I AM

I’m a designer and Framer developer focused on creating clean, modern, and meaningful digital experiences. My work blends visual clarity with strategic thinking to bring ideas to life with purpose 𝄃𝄃𝄂𝄂𝄀𝄁𝄃𝄂𝄂𝄃.

✲ From concept to final build, I craft websites that feel intuitive, fast, and visually refined. Every project is an opportunity to solve problems, elevate brands, and deliver impactful results.

FEATURED WORK

(01)

Branding

Branding

Crafting visual identities that communicate personality, clarity, and purpose across every touchpoint.


• Identity Clarity

• Strategic Direction

• Visual Consistency

(02)

Framer

Framer

Building responsive, high-performance websites using Framer, with clean structure and smooth interactions.


• Clean Structure
• Responsive Build
• Smooth Interactions

(03)

Visuals

Visuals

Creating polished visual assets, from layout compositions to custom graphics that elevate any project.


• Refined Aesthetics
• High Detail
• Clear Composition

(04)

Motion

Motion

Developing subtle animations and micro-interactions that add life, depth, and personality to digital experiences.


• Fluid Animations
• Subtle Dynamics
• Engaging Transitions

(01)

Branding

Crafting visual identities that communicate personality, clarity, and purpose across every touchpoint.


• Identity Clarity

• Strategic Direction

• Visual Consistency

(02)

Framer

Building responsive, high-performance websites using Framer, with clean structure and smooth interactions.


• Clean Structure
• Responsive Build
• Smooth Interactions

(03)

Visuals

Creating polished visual assets, from layout compositions to custom graphics that elevate any project.


• Refined Aesthetics
• High Detail
• Clear Composition

(04)

Motion

Developing subtle animations and micro-interactions that add life, depth, and personality to digital experiences.


• Fluid Animations
• Subtle Dynamics
• Engaging Transitions

(01)

Branding

Crafting visual identities that communicate personality, clarity, and purpose across every touchpoint.


• Identity Clarity

• Strategic Direction

• Visual Consistency

(02)

Framer

Building responsive, high-performance websites using Framer, with clean structure and smooth interactions.


• Clean Structure
• Responsive Build
• Smooth Interactions

(03)

Visuals

Creating polished visual assets, from layout compositions to custom graphics that elevate any project.


• Refined Aesthetics
• High Detail
• Clear Composition

(04)

Motion

Developing subtle animations and micro-interactions that add life, depth, and personality to digital experiences.


• Fluid Animations
• Subtle Dynamics
• Engaging Transitions

BRING IDEAS ALIVE

Let's work together ㋡ Let's work together ㋡ Let's work together ㋡

BRING IDEAS ALIVE

  • Let's work together ㋡ Let's work together ㋡ Let's work together ㋡ Let's work together ㋡

BRING IDEAS ALIVE

  • Let's work together ㋡ Let's work together ㋡ Let's work together ㋡

Create a free website with Framer, the website builder loved by startups, designers and agencies.