Rethinking Design
Project
Self-Initiated
Involvement
Design · Framer · AI-Assisted Development
After years of working within Collage, I wanted to see how the same principles of flexibility, modularity, and efficiency could translate to current design platforms.
Using Framer, reusable CMS components, and AI-assisted development, I rebuilt familiar workflows and created focused web applications for recurring typography and design tasks.
Rethinking Design
Project
Self-Initiated
Involvement
Design · Framer · AI-Assisted Development
After years of working within Collage, I wanted to see how the same principles of flexibility, modularity, and efficiency could translate to current design platforms.
Using Framer, reusable CMS components, and AI-assisted development, I rebuilt familiar workflows and created focused web applications for recurring typography and design tasks.
Project
Self-Initiated
Involvement
Design · Framer · AI-Assisted Development
After years of working within Collage, I wanted to see how the same principles of flexibility, modularity, and efficiency could translate to current design platforms.
Using Framer, reusable CMS components, and AI-assisted development, I rebuilt familiar workflows and created focused web applications for recurring typography and design tasks.
Evolving Process
Working with Collage, Framer, and ChatGPT has given me different ways to explore, build, and refine flexible digital design systems.
Evolving Process
Working with Collage, Framer, and ChatGPT has given me different ways to explore, build, and refine flexible digital design systems.
Evolving Process
Working with Collage, Framer, and ChatGPT has given me different ways to explore, build, and refine flexible digital design systems.
Evolving Process
Working with Collage, Framer, and ChatGPT has given me different ways to explore, build, and refine flexible digital design systems.
Evolving Process
Working with Collage, Framer, and ChatGPT has given me different ways to explore, build, and refine flexible digital design systems.
Purpose-Built Design Apps
Using ChatGPT for AI-assisted development, I created focused web apps for specific design tasks, starting with a type lockup tool that simplifies establishing typographic hierarchy across different grid layouts.
Purpose-Built Design Apps
Using ChatGPT for AI-assisted development, I created focused web apps for specific design tasks, starting with a type lockup tool that simplifies establishing typographic hierarchy across different grid layouts.
Purpose-Built Design Apps
Using ChatGPT for AI-assisted development, I created focused web apps for specific design tasks, starting with a type lockup tool that simplifies establishing typographic hierarchy across different grid layouts.
Purpose-Built Design Apps
Using ChatGPT for AI-assisted development, I created focused web apps for specific design tasks, starting with a type lockup tool that simplifies establishing typographic hierarchy across different grid layouts.
Purpose-Built Design Apps
Using ChatGPT for AI-assisted development, I created focused web apps for specific design tasks, starting with a type lockup tool that simplifies establishing typographic hierarchy across different grid layouts.
Beyond the Core Controls
I expanded the app with editable text, layout presets, saved states, and shareable links, turning the initial type controls into a more complete working design tool.
Beyond the Core Controls
I expanded the app with editable text, layout presets, saved states, and shareable links, turning the initial type controls into a more complete working design tool.
Beyond the Core Controls
I expanded the app with editable text, layout presets, saved states, and shareable links, turning the initial type controls into a more complete working design tool.
Beyond the Core Controls
I expanded the app with editable text, layout presets, saved states, and shareable links, turning the initial type controls into a more complete working design tool.
Beyond the Core Controls
I expanded the app with editable text, layout presets, saved states, and shareable links, turning the initial type controls into a more complete working design tool.
Logo Type
I created a second focused web app for quickly developing typographic identities, reducing the controls to those most useful for creating and refining a logotype.
Logo Type
I created a second focused web app for quickly developing typographic identities, reducing the controls to those most useful for creating and refining a logotype.
Logo Type
I created a second focused web app for quickly developing typographic identities, reducing the controls to those most useful for creating and refining a logotype.
Logo Type
I created a second focused web app for quickly developing typographic identities, reducing the controls to those most useful for creating and refining a logotype.
Logo Type
I created a second focused web app for quickly developing typographic identities, reducing the controls to those most useful for creating and refining a logotype.
Focused Controls
The app reduces the process to the essential typographic controls, making it quick to develop, refine, and share a logotype before moving into more extensive design development.
Focused Controls
The app reduces the process to the essential typographic controls, making it quick to develop, refine, and share a logotype before moving into more extensive design development.
Focused Controls
The app reduces the process to the essential typographic controls, making it quick to develop, refine, and share a logotype before moving into more extensive design development.
Focused Controls
The app reduces the process to the essential typographic controls, making it quick to develop, refine, and share a logotype before moving into more extensive design development.
Focused Controls
The app reduces the process to the essential typographic controls, making it quick to develop, refine, and share a logotype before moving into more extensive design development.
Early Layout Controls
Before component variants existed, simple controls in Collage allowed clients to change how content was displayed while working within the same Editorial structure.
Flexible Component Variants
Framer components can support multiple layout options within the same CMS field, recreating much of Collage’s flexibility without requiring custom code for each variation.
Early Layout Controls
Before component variants existed, simple controls in Collage allowed clients to change how content was displayed while working within the same Editorial structure.
Flexible Component Variants
Framer components can support multiple layout options within the same CMS field, recreating much of Collage’s flexibility without requiring custom code for each variation.
Early Layout Controls
Before component variants existed, simple controls in Collage allowed clients to change how content was displayed while working within the same Editorial structure.
Flexible Component Variants
Framer components can support multiple layout options within the same CMS field, recreating much of Collage’s flexibility without requiring custom code for each variation.
Early Layout Controls
Before component variants existed, simple controls in Collage allowed clients to change how content was displayed while working within the same Editorial structure.
Flexible Component Variants
Framer components can support multiple layout options within the same CMS field, recreating much of Collage’s flexibility without requiring custom code for each variation.
Early Layout Controls
Before component variants existed, simple controls in Collage allowed clients to change how content was displayed while working within the same Editorial structure.
Flexible Component Variants
Framer components can support multiple layout options within the same CMS field, recreating much of Collage’s flexibility without requiring custom code for each variation.
Collage Editorial System
Collage allowed designers to add and arrange modular Editorial screens, creating flexible page layouts while clients continued to manage the content through the same admin.
Collage Editorial System
Collage allowed designers to add and arrange modular Editorial screens, creating flexible page layouts while clients continued to manage the content through the same admin.
Collage Editorial System
Collage allowed designers to add and arrange modular Editorial screens, creating flexible page layouts while clients continued to manage the content through the same admin.
Collage Editorial System
Collage allowed designers to add and arrange modular Editorial screens, creating flexible page layouts while clients continued to manage the content through the same admin.
Collage Editorial System
Collage allowed designers to add and arrange modular Editorial screens, creating flexible page layouts while clients continued to manage the content through the same admin.
Reusable CMS Components
A recent Framer update introduced reusable components within CMS fields, making it possible to build flexible editorial layouts from a shared component system.
Reusable CMS Components
A recent Framer update introduced reusable components within CMS fields, making it possible to build flexible editorial layouts from a shared component system.
Reusable CMS Components
A recent Framer update introduced reusable components within CMS fields, making it possible to build flexible editorial layouts from a shared component system.
Reusable CMS Components
A recent Framer update introduced reusable components within CMS fields, making it possible to build flexible editorial layouts from a shared component system.
Reusable CMS Components
A recent Framer update introduced reusable components within CMS fields, making it possible to build flexible editorial layouts from a shared component system.
From Code to Components
Much of the customization I previously handled through CSS can now be built visually in Framer, making layouts faster to create, adjust, and reuse.
From Code to Components
Much of the customization I previously handled through CSS can now be built visually in Framer, making layouts faster to create, adjust, and reuse.
From Code to Components
Much of the customization I previously handled through CSS can now be built visually in Framer, making layouts faster to create, adjust, and reuse.
From Code to Components
Much of the customization I previously handled through CSS can now be built visually in Framer, making layouts faster to create, adjust, and reuse.
From Code to Components
Much of the customization I previously handled through CSS can now be built visually in Framer, making layouts faster to create, adjust, and reuse.
Designing With Real Values
Adjustments use browser-based values for size, weight, spacing, and line height, allowing typographic decisions made in the app to transfer directly into the final site.
Designing With Real Values
Adjustments use browser-based values for size, weight, spacing, and line height, allowing typographic decisions made in the app to transfer directly into the final site.
Designing With Real Values
Adjustments use browser-based values for size, weight, spacing, and line height, allowing typographic decisions made in the app to transfer directly into the final site.
Designing With Real Values
Adjustments use browser-based values for size, weight, spacing, and line height, allowing typographic decisions made in the app to transfer directly into the final site.
Designing With Real Values
Adjustments use browser-based values for size, weight, spacing, and line height, allowing typographic decisions made in the app to transfer directly into the final site.
Simple by Design
The interface keeps the controls intentionally limited and direct, making it easy to create and adjust a basic typographic identity without navigating a larger design application.
Simple by Design
The interface keeps the controls intentionally limited and direct, making it easy to create and adjust a basic typographic identity without navigating a larger design application.
Simple by Design
The interface keeps the controls intentionally limited and direct, making it easy to create and adjust a basic typographic identity without navigating a larger design application.
Simple by Design
The interface keeps the controls intentionally limited and direct, making it easy to create and adjust a basic typographic identity without navigating a larger design application.
Simple by Design
The interface keeps the controls intentionally limited and direct, making it easy to create and adjust a basic typographic identity without navigating a larger design application.
Proof of Concept
The completed prototype confirmed that Framer could support the flexible, editorial approach I was looking for using reusable CMS components rather than extensive custom code.
Rethinking
Bringing together Framer, reusable components, and purpose-built web apps gave me a faster way to apply the design principles and workflows I developed through Collage.
Proof of Concept
The completed prototype confirmed that Framer could support the flexible, editorial approach I was looking for using reusable CMS components rather than extensive custom code.
Rethinking
Bringing together Framer, reusable components, and purpose-built web apps gave me a faster way to apply the design principles and workflows I developed through Collage.
Proof of Concept
The completed prototype confirmed that Framer could support the flexible, editorial approach I was looking for using reusable CMS components rather than extensive custom code.
Rethinking
Bringing together Framer, reusable components, and purpose-built web apps gave me a faster way to apply the design principles and workflows I developed through Collage.
Proof of Concept
The completed prototype confirmed that Framer could support the flexible, editorial approach I was looking for using reusable CMS components rather than extensive custom code.
Rethinking
Bringing together Framer, reusable components, and purpose-built web apps gave me a faster way to apply the design principles and workflows I developed through Collage.
Proof of Concept
The completed prototype confirmed that Framer could support the flexible, editorial approach I was looking for using reusable CMS components rather than extensive custom code.
Rethinking
Bringing together Framer, reusable components, and purpose-built web apps gave me a faster way to apply the design principles and workflows I developed through Collage.
Selected Work
SelectED Work
P.P.O.W
P.P.O.W
P.P.O.W
Kenzo Estate
Kenzo Estate
Kenzo Estate
Rethinking Design
Rethinking Design
Independent
Independent
Independent
Meadowood Napa Valley
Meadowood Napa Valley
Meadowood Napa Valley
Collage
Collage
Collage
The Armory Show
The Armory Show
The Armory Show
Eva Presenhuber
Eva Presenhuber
Eva Presenhuber
AIPAD
AIPAD
AIPAD
The Willem de Kooning Foundation
The Willem de Kooning Foundation
The Willem de Kooning Foundation
The Gordon Parks Foundation
The Gordon Parks Foundation
The Gordon Parks Foundation
Ray Johnson Estate
Ray Johnson Estate
Ray Johnson Estate
LaChapelle Studio
LaChapelle Studio
LaChapelle Studio