World Cup 2022 is upon us! My excitement level is HIGH and I wanted to whip together a quick project.

There is a CMS collection for the roster portion, including some extra fields you can use to make this project your own! This was built using Relume Library components and a small amount of custom CSS.

Check out Relume if you are looking to speed up your Webflow projects.

USMNT World Cup 2022 Roster

Have no fear, your super-human Webflow developer is here! I use my super powers to build websites that are guaranteed to impress your most hated arch-nemesis.

Flowman! Your super-human Webflow developer!

My softball team likes to keep "stats" from all our games. Last season stats were finally calculated and I thought I'd put them together in a dumb little project. 

Click each card to flip it over and see the stats. Might add some filtering down the road so you can see the leader for each stat category. Or not, I might get lazy lol.

pogosallstars-cards

My journey into "full-time" freelancing was/is filled with many trials and tribulations. Before "Flowman" came to life, I had a vision to start up an agency based on helping clients in the healthcare field.

So I designed and built a landing page with this specific goal in mind but ultimately decided to go a different route.

Wellbeing Design Agency

New client project! For Foot Sakes is a new foot care service located in Newfoundland, Canada that needed a web presence. 

This project was designed and built by my studio, Wellbeing Design Agency. We cater to businesses in the health and wellness market, specializing in helping clients gain more visitors and convert more users. We focus on implementing clean, modern designs that are easy to use and help our clients grow their health-minded businesses.

Find out more at www.wellbeingdesign.agency

for-foot-sakes

Proof-of-concept project for a gym catering to group classes. I'm working on niching down my services to cater to the small business owners in the health/wellness field and this is a great representation of what I can offer these small business owners.

Used some awesome character designs from www.blush.design to help make this site evoke a fun, relaxed atmosphere.

I love projects where you can keep things simple. The focus should be on how to convert the user into a customer, so presenting clear and concise information is always key!

FunFit Gym

Hello, my Webflow friends! Got a new clone to share with you all!

I wanted to make a project that touched on the medical field (I've been an X-ray tech for 15 years!). Had this vision of having a hero image that breaks the heading and once I found this dashing lad, I was in love lol.

Really love how the color palette and headings give a modern, relaxing feel. Makes the proposed chiropractic office come off as more high-end and a place where I'd receive excellent care and service.

Of course, I can never miss the chance to add terrible puns and dad jokes to my personal projects lol.

This project was made using some of my favorite new tools. For the design, I mainly used a Figma UI kit called "Untitled UI", and then built utilizing the Relume Library. Both are FANTASTIC tools to help your productivity. 

Hope you enjoy the site! Feel free to clone it and use it as you like.

(Images were taken from pexels.com and unsplash.com)
(Icons from Unititled UI and Cabana).

chiro-medical

Another project taken from Frontend Mentor (frontendmentor.io). Check them out if you are looking for production ready designs to practice your Webflow skills.

I used the "Client-First" naming convention on this 7-page build. Plus a tiny dash of custom code in order to achieve the homepage layout of my CMS categories. 

Didn't do a ton of custom animations/interactions, cause honestly, not EVERY project needs it!

Have fun cloning!

"Designo" - FrontendMentor.io Project

****UPDATE - 01/08/23. This project is not currently cloneable. I need to go through it and remove all my personal projects and testimonials. Once I update the content I will flip the "clone" switch.****

Decided that since I'm not using this portfolio website anymore that I would make it cloneable!

I've learned quite a bit about working in Webflow since this project originally came out, but I still think there are some enjoyable bits here.

Feel free to use it and make it your own, just make the effort to not use my actual work LOL! Have fun.

p.s. Oh, and make sure to visit my current portfolio website at https://www.flowman.dev

Webflow Portfolio

Another Frontendmentor.io cloneable to share with you all!

This project design was a collaboration between Frontendmentor.io, Kevinpowell.co, and Scrimba.com. The project is free for anyone to go check out.

I've built it out in Webflow using Finsweet's Client-First naming system. Site feature a couple of Tab elements, a Slider element, and just a small amount of custom CSS to get that frosted look in the navigation bar.

Like what you see? I'm looking for a full-time Webflow job, so hit me up over on Twitter.com/CoryRunn.

Happy cloning!

Space Tourism

Hey Webflowers! Got another cloneable project to share with you all. A landing page for a fictitious landscaping company. Just a nice clean, modern, and fun design.

I started off with the design in Figma using a ui kit called "Untitled UI". Check out my affiliate link for the kit, https://gumroad.com/a/843420787/NHefI. The amount of content in this kit is staggering! You're going to love it.

Built using Finsweet's Client-First naming system. 

***All images taken from www.unsplash.com. Icons taken from flaticon.com and https://gumroad.com/a/843420787/NHefI.

dreams-landscaping

Checkout my new cloneable project. This design was taken from www.FrontendMentor.io and I built it to practice using Finsweet's new Client-First naming system.

Features 4 pages, some small interactions sprinkled throughout, a custom built price toggle, and a CMS collection.

The provided design didn't include the actual individual "Stories" template design, so the collection doesn't link to anywhere. I challenge you to take a stab at designing the CMS template page and share it with me. I want to see what you come up with!

photo-snap

A quick project from www.frontendmentor.io/ (an awesome site to find website designs to practice building). 

I wanted to practice using Finsweet's new Client-first naming convention. Might go back through it and add some cool interactions.

I'd love to see what interactions you'd add! Feel free to share them with me. 

Find me on Twitter @CoryRunn.

Meet Landing Page - Frontendmentor.io

Here's my build after going through Webflow University's 21 Day Portfolio course. This is a great project to showcase the power of Webflow to potential clients. Great use of the CMS and subtle interactions.

Cory Runnells

About

Skills

About