Turning Imagination into reality with Framer

Deterrence - Figma to Framer
Deterrence - Figma to Framer

Framer Development for Deterrence- a company focusing on advanced autonomous manufacturing. Together we turned a vision into reality with Framer Magic 🪄

Project Manager
Framer Developer
Framer Designer
Figma
Framer

Delta Studio - Figma to Framer + Design

Delta Studio combines strategic propaganda with modern distribution to help frontier tech founders control their narratives.

Web Designer
Low-Code/No-Code
Framer Developer
Figma
Framer

Caelor - Framer Design & Build
Caelor - Framer Design & Build

Built the official Caelor website redesign in Framer with subtle animations and effects to bring it together!

Low-Code/No-Code
Framer Developer
Framer Designer
Framer
Slack
Trello

Transitioning Fable.app from Next.js to Framer
Transitioning Fable.app from Next.js to Framer

How I transitioned Fable.app from Next.js to a full Framer website using advanced CMS tactics, employing proper accessibility and SEO strategies, and more!

Low-Code/No-Code
Framer Developer
Framer

Contra - Partners Page Framer Build
Contra - Partners Page Framer Build

Figma to Framer for the official Contra Partners page. I worked closely with Erin from Contra to build this!

Frontend Engineer
Framer Developer
Framer Designer
Figma
Framer
Slack

Framer Exploration for Geoship
Framer Exploration for Geoship

Collaborating closely with the Geoship team, developing their team's various components and ideas in Framer.

Low-Code/No-Code
Framer Developer
Framer Designer
Figma
Framer
React

Contra - 5 Step Agency Guide Form
Contra - 5 Step Agency Guide Form

Developed using Framer Forms and Custom Code Overrides in Framer, we transformed a leads page into something magical 🪄

Low-Code/No-Code
Frontend Engineer
Framer Developer
Framer
React
Slack

Building Moving Rectangles' home in Framer
Building Moving Rectangles' home in Framer

Moving Rectangles is my Design and Framer studio. Worked with Contra, Framer, Geoship, Caelor, and more!

Low-Code/No-Code
Framer Developer
Framer Designer
Figma
Framer
React

Building Contra an Advanced Navigation & Footer in Framer
Building Contra an Advanced Navigation & Footer in Framer

Completely revitalizing the overall look(and feel) of the official Contra Navigation & Footer in Framer. Turning static dropdowns into beauty ✨

Low-Code/No-Code
Framer Developer
Framer Designer
Figma
Framer
React

Contra - Creator Tools Awards Nomination Splash Page
Contra - Creator Tools Awards Nomination Splash Page

Contra Creator Tools Awards Nomination Splash Page, designed by Contra and built by me for launch in collaboration with Dann Petty

Low-Code/No-Code
Framer Developer
Framer Designer
Figma
Framer
React

Contra x Framer Services Component
Contra x Framer Services Component

Custom Framer Code Component for Contra, allowing users to display their services on any Framer project.

Low-Code/No-Code
Framer Developer
Framer Designer
Framer
React

Contra - Experts Grid (Figma to Framer Component Development)
Contra - Experts Grid (Figma to Framer Component Development)

The amazing Contra team contacted me to convert a Figma design of their new desired layout to show off the various "Expert Networks" that Contra has partnered w

UX Engineer
Frontend Engineer
Framer Developer
Figma
Framer
React

Safety First Industries' Journey into the Digital Space
Safety First Industries' Journey into the Digital Space

SFI had the vision of a straightforward, minimal, and professional website for their breakthrough into the online world, this is how I exceeded expectations.

Web Designer
Low-Code/No-Code
Framer Developer
Figma
Framer
React

Contra - Case Studies Hub (Figma to Framer Page Development)

One of the first collaborations between myself and Contra. Together Erin and I brought to life this awesome design for the new Case Studies Hub.

Low-Code/No-Code
Framer Developer
Figma
Framer

Moving Rectangles
Moving Rectangles

Moving Rectangles is a Development studio, specializing in Framer and React Development. By Framer Experts and Contra Top Independents.

Web Designer
Low-Code/No-Code
Framer Developer
Figma
Framer
React

DesignGlow - Framer Website Redesign
DesignGlow - Framer Website Redesign

Website Redesign for DesignGlow, a graphic design agency. Featuring engaging animation, interactions, and flow. Made in Framer

Low-Code/No-Code
Framer Developer
Framer Designer
Framer

Animation and Interaction built in Framer
Animation and Interaction built in Framer

A "compilation" of some of the Animations and Interactions built in Framer around 2023. Including Page Effects, Components, and more.

Web Designer
Low-Code/No-Code
Framer Developer
Framer

Screen Studio - Framer Website
Screen Studio - Framer Website

Screen Studio rebuild & redesigned using Framer. Keeping the same theme of the previous site while providing additional interaction & animation.

Low-Code/No-Code
Framer Developer
Framer Designer
Framer

SquadTrade - Product Design & Framer Development
SquadTrade - Product Design & Framer Development

SquadTrade was one of my first client projects. A fantasy trade analyzer that required a landing page and product concepts.

Web Designer
Framer Developer
Figma
Framer

Olvia - Portfolio Made in Framer
Olvia - Portfolio Made in Framer

Olivia is a minimalistic "phone" styled FREE Framer template in a basic but powerful design. Built as one of my first templates in 2023.

Framer Developer
Framer Designer
Figma
Framer

CreativePhil - Framer Portfolio
CreativePhil - Framer Portfolio

The first official template of VOLAGN, this is much older content while I was still learning Framer & Design.

Framer Developer
Framer Designer
Figma
Framer