Framer Web Sites

Low-Code/No-Code

Framer Developer

Framer Designer

Figma

Framer

Relume

Welcome to my collection of Framer websites!

Here, you'll find a showcase of my latest website projects, crafted for clients, friends, and personal ventures. Each site reflects a unique vision, customized to meet the goals and aesthetics of the individuals and brands involved. Whether developed to elevate a business, celebrate a passion project, or simply explore new design possibilities, these sites highlight my commitment to creating engaging, user-friendly experiences.

Practice Server

Overview 🔎

Practice Server is a white-label production ally and marketing outlet for the online gaming industry. They provide Full Stack Administration, Studio-grade production, tailored marketing strategies, and development services.

Project Role 💻

I was contacted by Mike and the team at Practice Server to be brought on to build out the site in Framer as they already had a designer and developer in place. This was a great opportunity collaborate with designers and developers and the rest of the team from around the globe. It really was team effort.

Problem & Solution 🤝

This was a rather large scale project. It required a full re-brand and design overhaul of the previous site. My main goal was to build out the site and add animations throughout the site. I also built out numerous CMS collections and integrated a multi-step form using FramerForms. But The biggest hurdle we faced was integrating the custom membership operating system through Outseta and connecting the all the robust member content.

Along with the Outseta integration, I also set up a shop page using Stripe links and a CMS.

Insane Cyber

Overview 🔎

Insane Cyber is cybersecurity, simplified. They protect, detect, and respond to threats using powerful automation and expert support.

Project Role 💻

Samantha and the team needed someone to come in and make the site more internally manageable as well as give it a more consistent & cohesive feel visually.

Problem & Solution 🤝

My first order of business was to go in and restructure the page to give everything proper naming conventions as well as organize all components. Once that was taken care of I adjusted the color palate to bring in more of the natural earth tones. I think the final result gives it a more mature, gentle feel that will help establish the trust of their users.

Mantle Bio

Overview 🔎

Mantle Bio is a company that brings modern data engineering to the lab to help scientists turn insights into life-changing breakthroughs. Basically they're wicked smaht and amazing to work with!

Project Role 💻

I was contact by Emily and her team to help begin the rebuild of their existing website from Wordpress to Framer. Their current site can be seen here (https://mantlebio.com/).

Problem & Solution 🤝

Having a site that already looked good and functioned well for them, my goal was to rebuild the homepage to look and function as close their current site as possible. This was a fun exploration into some scroll transforms and expanded navigation.

H4 Sports Academy

Overview 🔎

H4 Sports Academy is an industry leader in athletic performance training for athletes of all ages and abilities. After a recent rebrand they were in need of a new site. In collaboration with Josh Kelly of Kelly Media Inc. we used the CogiAI template as our base site.

Project Role 💻

Using the brand guidelines provided I transformed the original template into a site that accurately represents his brand. My role on this project was designer & developer and a bit of copy writing.

Problem & Solution 🤝

The main goal of this project was to give them a site that not only represented their brand but also put an emphasis on their training app and making their training schedule easy find and accessible.

The Guard Whisperer

Overview 🔎

Olin Simplis is a world renowned & certified NBA/WNBA Player Development Specialist who was in need of a new site. I collaborated with Josh Kelly of Kelly Media Inc. to help with the redesign. We began the Blnk Portfolio template.

Project Role 💻

My role on this project was designer & developer. Using the colors and fonts of his logo as inspiration we were able to build out a site that accurately represents his brand.

Problem & Solution 🤝

The main goal of this project was to build a site that Olin was able to sell his merchandise on as well promote and sell tickets to his basketball camps. Using Checkout Page we were able to build and implement a store right into his site.

Sa'MoreRay's & Sons Sandwiches

Sa'MoreRay's

Overview 🔎

Sa'MoreRay's is a well-known local restaurant and food truck within my area. They recently opened their location in my hometown and have ordered there far too many times already.

Project Role 💻

My role on this project was designer, developer and Project Manager. I took it upon myself to reimagine their site and build something that I felt better represented their restaurant.

Problem & Solution 🤝

Their current website is lackluster to say the least and the biggest problem it lacks is using images of their menu on their site. It severely hurts the user experience. My main goal was to give them a menu page that rendered well on desktop and mobile. From there I knew I wanted to give them a site that better represented their food and flavor so I used their main blue color for the background and chose the Sora font as it provided enough font weights and a strong bold font. I think this combination gives them a new site they can be proud of.

ThroughLine

Overview 🔎

I was contacted and hired by Mattingly to help clean up a template that he had bought and worked on. He asked if I could not only clean it up but also give it a more polished look.

Project Role 💻

My role in this project was that of designer & developer. I started by giving Mattingly a rough Figma mockup of the changes I had planned. After a couple edits we agreed upon the look and feel and I began implementation of the design.

Problem & Solution 🤝

The main problem that I saw with his original site was a lack of color cohesiveness. I simplified his color palate and reduced it to two main colors - a dark green and bright green from his logo. By doing this it allowed us to give his site more white space and breathing room for his content. We added subtle green gradients throughout to give depth and added light hero background up top. The final result is a more professional looking site that he can be proud of.

94 Feet of Game

Overview 🔎

I was contacted and hired by Josh Kelly of Kelly Media Inc. to help with the redesign Phil Handy's 94 Feet of Game website. Because of the quick turnaround time needed, we began the the Templation template.

Project Role 💻

My role in this project was that of designer & developer. In collaboration with Josh and Phil we created and implemented a cohesive color scheme as well as copywriting throughout the site.

Problem & Solution 🤝

One of the problems with the previous site was it was built off Shopify and was no longer needed. Another problem was the site outdated and lacked any real page structure. I began by organizing and coming up with pages and a navigation that made sense. This helped to make the site digestible and easy to follow.

Dark Horse Experiential

Overview 🔎

This is a company of experiential designers and fabricators specializing in mobile tours, pop-up installations and brand activations.

Project Role 💻

I am the designer and developer of this site. I took it upon myself to reimagine their site and build something that I felt was better suited to their industry and felt more inline with their branding.

Problem & Solution 🤝

The problem with their current site is it is too cookie-cutter and does not accurately represent who they are as a company. To give the site a new look I leaned heavily on the dark color for the background with the red as an accent sprinkled throughout. I wanted the intro to the site to have a revealing property to metaphorically represent the company revealing itself to the industry.

Expert Financial

Overview 🔎

Expert Financial was a personal project for me. I was inspired by all the great Framer templates out there and I wanted to challenge myself to build one.

Project Role 💻

My role in this project was designer and developer. I started this project with the homepage and used Relume to help give inspiration for an initial layout.

Problem & Solution 🤝

The major problem I ran into designing this template was finding and implementing information and content. I spent most of my time finding and curating the content and deciding the best way to design it. The final product is is a clean Financial Planning business template that uses strong contrasting colors and Poppins as its main font. It is professional and ready for any start-up. It contains testimonials, contact form, newsletter sign up, and more that can be downloaded for free on the Framer marketplace.

Prism Money

Overview 🔎

Prism is a free app for Apple and Google that helps you get control of your money.

Project Role 💻

My role in this project was designer and developer. As a fan and avid user of the app I took it upon myself to update the look of their site to match their current brand. I used Prism’s primary blue color and approached the design with a minimal approach. Letting the information breathe and not be overwhelming to the user.

Problem & Solution 🤝

The biggest problem is their site (https://www.prismmoney.com/) does not reflect the current branding of Prism Money. My solution was to strip away the multi-colored images and icons and use blue and white as the driving force behind the site.

Jackson Builders

Overview 🔎

Jackson Builders is a general contractor located on Martha’s Vineyard that has been in business for over 50 years.

Project Role 💻

My role in this project was designer. I was tasked with designing a quick, no hassle, 1 page site with a simple contact form.

Problem & Solution 🤝

The initial problem with this project was the lack of material we had to work with. We were provided the logo and minimal copy. Because of this we decided to focus the images that were provided and let the work be focus of the site.

Jordan Dairy Farms

Overview 🔎

Jordan Dairy Farms is a 5th generation farm that is family owned & operated.

Project Role 💻

My role in this project was designer. I was tasked with designing a simple yet inviting site using the brand colors and fonts provided.

Problem & Solution 🤝

One of the first problems was the logo provided was not high-res so I recreated it using Adobe Illustrator. The second problem was the current site is dated as does not accurately represent the family and their farm. After the initial consultation of the site it was determined that a few of the pages could be consolidated to help the user navigate the site more easily and access the information more readily.

Axon EV

Overview 🔎

Is a company that manages commercial ev projects. They find subcontractors, provide construction plans, engineering and sell the chargers.

Project Role 💻

Having been approached to create a brand identity for Axon EV, the purpose of this project was to establish the initial identity and feel of this company.

Problem & Solution 🤝

Incorporating a lightning bolt into the logo was a top priority. I knew going in that I wanted to use a strong, bold font that conveyed confidence. The forward italics of the font paired well with the lightning bolt icon as well as matches the forward thinking of the electric vehicle industry.