Creating Website Templates with Webflow

May 17, 2017

If you’ve read my previous writings, you’ll see one common thread — I am not afraid to fail for learning sake. And, this is another one of those moments.

Spoiler: I haven’t failed at creating a template yet, but it’s possible, and it’ll be okay if I do.

Well, to jump right into it — I’ve been working on creating HTML templates using Webflow, and man it’s been a good challenge.

From designing sites in Affinity Designer and making the design come to life in Webflow, or finding designers who have previously created a PSD version of a website and then developing it.

Only five templates, but there’s a bunch of knowledge had in those creations.

Currently, I am only five templates into this journey, but there’s a bunch of knowledge had in those creations. From studying Atomic Design by Brad Frost (http://bradfrost.com/blog/post/atomic-web-design/), to consciously making clean code by being as organized as I can be within Webflow.

I am only five templates into this journey, but there’s a bunch of knowledge had in those creations.

First, but Not Last Attempt

My first attempt at creating a template was when I found a free PSD template by Aji Darmawan (https://www.behance.net/gallery/29537545/Tajam-Agency-Template-PSD) and I took a shot at it: https://webflow.com/website/Tajam-PSD-to-Webflow

The more I push myself to create these templates, the more I learn how to create websites more quickly and more responsibly. It’s not just pixel-for-pixel. I must bring the site to life with interactions, with small Easter eggs that make users enjoy their time.

And Another

One thing that I’ve learned from one of my favorite books, The War of Art by Steven Pressfield, is that even when you don’t feel like working — you work. And that’s exactly what I try to do. Am I the best at it: No. But, each day I do my best. That alone gets me closer to the finish line. Closer to my goal.

With that, I continue to create templates, and the next is one of my designs: https://marvelapp.com/17361jf

It’s coming along, bit by bit: http://who-worship-church-template.webflow.io/