I am currently in the middle of building an E-commerce store with WordPress in my downtime/free time.
The first aspect I wanted to tackle was the design. I think most people think of design as a carefully crafted PSD, with a specific mobile design, and RGBA and beautifully selected fonts.
The problem with this approach is that is requires way too much time and money. I am not a designer. I am a developer primarily (and I do project management in addition to my job). So, we will have to work around this limitation.
Step 1: Determine colors
I went to coolors.co, and generated five colors. I might not need all five colors, and I can easily change them later, if I find that they don’t work.
Step 2: Determine Theme Design
This step was simple: Just google “E-commerce themes”.
I ended up finding this E-commerce theme from Shopify that I liked. I’ll borrow a lot of aspects from this design, including header and footer and simple approach to design. The color palette I generated earlier, I will use sparingly as highlights, using primarily the light green and light blue.
Step 3: Find a Logo
Because my website is called “Awesome Bamboo” for products made out of Bamboo, I will simply google “Icons for Bamboo”, “Bamboo logos”, “logos to use for bamboo”, until I found this one.
I liked this one the most. It was very simple and went with some of my colors. If I regenerate colors later, I’ll use this as a guide.
And that’s my guide to “Hacking Design” for a basic E-commerce project. Next up, I will talk about my tech stack, and show maybe the first page I built.