'If you're going to do a bunch of different niches, build a bunch of different stores'
So here's an interesting voice clip I Whatsapped to Joe earlier today (March 1, 2024)...had no intention of putting it here, but hey, tells a bit of stuff...worth a listen...couple of minutes instead of allllll that reeeeeaaaadddding....
A wireframe is a mock-up of a website page where the designers can describe characteristics from which the developers can create the working web page. These include fonts, colors, spacing, text emphasis, padding, margins, images, videos, icons, interactions, CTAs etc.
Contender 1: Raleway - it's nice isn't it bags? (great friend, shareholder)
Normal text - so our stuff will appear like this. This is font-size 16.
Maybe we'll use a different size - this is font-size 18. It's a site-wide setting so let's not worry now - may as well start with this and choose as and when.
Different niches may be better in different fonts - i.e. justmensfashion and justwomensfashion will prob end up different.
Contender 2: Nice as Raleway is, MontserratExtraBold is the logo font - we might well stick with it for headings 1, 2 and 3 (the heading 1, 2 and 3 fonts have negative letter-spacing applied, -3), then Montserrat for Heading 4, 5 and 6... I'm thinking this makes sense, but I do love Raleway! We'll test. (later - Dave, MontserratExtraBold and Raleway CLASH! Wake up man, it's got to be Montserrat).
Final decision
Montserrat
I've put an image of the chosen font and all its variations below, so it can't be tampered with (by me). It's also showing the font in a sightly smaller size than 'real-life'. That's ok.
Why Montserrat? Because MontserratExtraBold, at -3 letter spacing, gave us the logo. Which, incidentally, is awesome. And you'll get to know. Thanks to Sue for great input on colours, Dawn for adding the shadow and Lex for one small tweak that made a huge difference. Oh, and Canva. Which I hadn't heard of until Jan 2024.
Definitely not bags tho, he doesn't know his fonts from his arse or his elbow.
That's the font sorted then.
Let's not get too hung up here. You've seen the logo, very flat black and a random gold. Let's refine them a little.
The brand values are laid out in THE PLAN page. We'll mix them up and sprinkle a little secret sauce over them...just adds a bit more.
From schemecolor.com...
The group sites
All domains above, with the exception of justshops.co.uk, are for phase 2, but with ideas germinating constantly since the acquisition of the domain just.luxury. Full details are explained on a separate page, hidden and divulged only to the select few who ring me to ask. 07817382460.
justshops.co.uk
justshops.co.uk isn't an ecommerce site at all. But it is the Main Site. You'll find out much more when we get to Product Data Source later on, of just how important justshops.co.uk is, but for now, let's make it 'ahhhlll priddy' (I blame a trip to Minneapolis, circa 2000). Here's the hero video I've chosen: (we sell furniture innit...)
Accompanying the video, for the first 42 seconds or so anyway (same length, see), we'll add music.
Now then, in my youth (well, when th'internet appeared) I used to hate being force-fed music over the top of things on websites. Now, with errm, maturity (shaddap) I kinda like it. If it's right and of the moment. And, thinking about it, our customer demographic is prob 40-somethings? Much younger tend to go to Ikea (the fools), and older than me like to stick with things as they are. Maybe I'm pigeon-holing, sorry.
Whether to continue the video running after one cycle is something I haven't quite decided yet. Any opinions welcome in the DBL chatroom pls.
A word about 'the fold'
Life is much simpler these days. When I helped rebuild Tesco Groceries website it was like...... 'Dave, DON'T PUT THAT BELOW THE FOLD, NO-ONE WILL SEE IT YOU BANANA!'.
Our intrepid UX person or whatever they're called now (another bugbear, let's leave it for the Wayfair video later - I'm lolling whilst writing that...oh there's another - lol, lol. Oh ffs.) wanders off, arms gently flailing so as not to be noticed, and a bit whispery but still loud enough for me to hear...mutterings of '...god that Dave Burton bloke...he doesn't get the fold, he doesn't GET THE FOLD!' EVERYONE KNOWS ABOUT THE FOLD! Hope he never actually designs a website'.
Strewth.
Anyway, these days, we don't worry about the dreaded fold. Why not? Because of the proliferance of smartphones. For sure it's important to put your number one message at the top of the site, but people, well, they thumb through on their phone or scroll down on a laptop. Crikey, very Romanesque really...
An image clipped from the video to be used as a parallax fixed background for secondary pages - Contact, Returns, Privacy Policy, Refunds, Cookie Policy.
The ecommerce sites
It's a bit like AI has been reading my mind. Maybe it has... Yikes.
The ecommerce sites
The websites will all be very similar, created with the following guidelines:
Design for all pages across all sites (subject to change)
Homepage/Product Listing
We don't have a homepage as such - well, we do, but it also displays all our coffee tables, or niche.
Minimal text on the page, don't want to distract...straight into products.
Video to follow shortly. Well, the site will be live in a few days, we'll wait until then.
[product listing video (maybe, don't hold your breath)]
Product page
Ok, we'll get to see the live product page soon aswell, but I've thrown a few ideas in here...
Once the user finds a product they like, I'm keen to avoid 'thumbnails' and what have you.
Or that zoomy zoom thing to be frank.
I want the visitor to see pics, sure...and this is possibly all very subjective, but if I just had access to a few product images directly there, in front of my eyes, I'd react. Whether it's to buy or not I dunno, but I'd be pleased to not have to click thumbnails etc...
Or that 'gallery' thing...just useless (see Indor.eu video in Sort below).
Basically, just show pics. I agree with zooming a bit, but it lends itself much more to a second-hand car you've put on Autotrader with a description that says 'damage to rear offside light cluster due to an unfortunate incident when on a trip to Knowsley Safari Park' or summat. Zoom needn't require a click...ach, we'll see. TBD
Basically my point is that if you've got a visitor to the product page, they're on the hook. If they flay around a lot, thrashing at zooms, fighting with galleries, wondering why this 'feature' does this and that 'feature' does that and why don't I try something...hang on...oh I'm lost...let's go elsewhere, and they're off the hook 'and awayyyy' (thanks Bob and Paul).
Conversely, follow Paul Whitehouse's advice to Bob on Gone Fishing 'DON'T WIND BOB, WAIT, let him come to you Bob, just leave for a moment, he'll calm down, wait, wait...'.
'Wait Bob, here he comes, here he comes...'. Bingo.
I hope you get the analogy...just show big, nice, high-res images straight away...let them look...don't make them go and do other things...why would you? Just show the product, show the product...nothing to do here except look and maybe click the one and only button available...Add to Basket. Bingo again.
And now a moment to take advice from a reimagined Michael Caine... 'You're only supposed to show the bloody things off!' (Michael Caine, 1969)
(sorry, just a bit of fun)
So let's see how the ideas above pan out in reality - shamelessly 'borrowed' - stuck logo in there and I know it's off-centre etc and no of course that won't happen in real life.
Ignore ERGO CHAIR to a degree...it's about the user experience here...that's all really. Think about when you walk into a really well-appointed pub or restaurant you haven't been to before - your impression will prob be 'Wow! This is nice'...THAT'S what we're aiming for. (turns out I like me analogies, 'pologies...)
Basket and Checkout
We'll definitely wait for the live site. But Shopify themselves have told me they're very good and I've told them 'hmmm, they better had be matey!'. We get on. I'm in an email chat with a guy there. God knows what they pay him because he's a kind of Rockstar in design circles so it must be a priddy penny...
Sort and Filter
Let's get into the two key pieces of functionality that a visitor will use on the product listing page - namely Sort and Filter.
If we get these right, we've got a real opportunity.
I've done three videos - one was a good look at Wayfair and covered mainly filters but I go off at all sorts of tangents and it's turned out quite funny. The second was with Indor.eu and is lower down in the 'Sort' section - oh and they reeeeallllllly shouldn't have made a typo in there 'product type' filter. Also Rehaus makes an appearance. I like Rehaus.
Be warned! I don't go easy on any of these three competitors. And the videos cover sort and filter - sorry, I get my point across tho.
But before all that...an observation...
I've just been on Wayfair to do the first video...I was looking for a coffee table, but let me run this by you...
I accidentally clicked on sofas. Quickly clicked on coffee tables instead. Well, I say quickly - I had to traverse back to furniture, then into living room (sofas were still loading), then coffee tables and side tables (sofas still loading), then into coffee tables where sofas stopped loading and coffee tables started loading, taking several more seconds.
All in all about 20 seconds and 8 clicks because I accidentally hit 'sofas'.
Now I agree, this won't happen much, but here's a question for you (and it's not exactly University Challenge)...
When you go to justcoffeetables.co.uk product listing page (which is also our home page) - right there, absolutely no clicks, no menus, right on the homepage with all the products, what can you do, whether accidentally or not?
Hint: there's only one possible answer.
If you haven't said 'that's number 9 Dave', go directly to jail; do not pass go, do not collect £200.
If you have said 'that's number 9 Dave', you get a free banana, well done. You get it.
And that, right there, is our USP.
There are only three things that can be done on ALL our ecommerce websites, worded this way:
You can only do three things on this website...
1. Thumb through coffee tables, researching.
2. Buy one.
3. Don't buy one.
AI comes into its own
So I wanted some advice re filters on an ecommerce site. I literally do not know how else I could find such good info without a sales pitch or pointers in the wrong direction, just facts. I know I said 'no AI in this plan' - well, this isn't me using words AI has created so that I sound all fluffy etc (defo not that kinda man) - this is just a reply to a simple question...AI has replaced Google searches for me, completely (almost).
I asked 'best filters for website sells only coffee tables'. It thought long and hard, 'nearly a second and a half of wasted time there AI you wastrel!' Then delivered...
Best Filters for a Coffee Table Website
Since your website focuses solely on coffee tables, you can tailor the filters specifically to coffee table features.
Here are some of the best options to consider:
Core Filters:
Price: This remains a crucial filter for budget-conscious shoppers (Price Range slider or pre-set options).
Shape: Offer filtering by table shape (Round, Square, Rectangular, Oval, etc.) as shape is a key decision factor.
Material: Highlight coffee table materials like Wood, Metal, Glass, Marble, etc.
Size (Length & Width): Since size is important, include filters for length and width dimensions. You can explore allowing users to input specific dimensions.
Advanced Filters:
Storage: Many coffee tables offer storage options like drawers, shelves, or ottomans. Include a filter for tables with or without storage.
Style: Style filters are crucial for coffee tables. Offer options for popular styles like Modern, Mid-Century Modern, Industrial, Farmhouse, etc.
Color: Provide a color picker or dropdown menu with common coffee table colors for easy selection.
Height: Height can be a deciding factor, especially if the coffee table will be used with specific seating. Consider a filter for height range or specific heights (e.g., low profile, standard height).
Additional Considerations:
Material Finish: Similar to dining tables, for wood coffee tables, consider offering filter options for specific finishes.
Base Design: Some users might have a preference for the base design (e.g., pedestal base, trestle base). You can offer this as a filter if it applies to a significant portion of your inventory.
Number of Tiers: Some coffee tables have multiple tiers. Include a filter for single or multi-tiered tables.
With or Without Legs: Some coffee tables have unique designs without legs. Include a filter for this if relevant.
Remember:
Prioritize the most commonly used filters (Price, Shape, Material, Size).
Use clear and concise labels for all filters.
Integrate a search bar for users who might have a specific material or style in mind.
Offer a "Reset Filters" button for easy navigation.
By implementing these filters, you'll create a user-friendly shopping experience for your coffee table website, allowing customers to effortlessly find the perfect coffee table for their living space and preferences.
'Ok AI, sorry I shouted at you...'
Filter
Let's start with filter...and consider the things AI has just taught us...
So I've done this video about Wayfair filters but it gets quite scathing in places and probably not very appropriate. I go off on tangents. But like I say it's quite funny in places (I think so ayway). It's 10 minutes long though so it's up to you if you want to watch it. Well there's no swearing or anything (unusual) but it does mention Ethel, because Ethel and I get quite confused.
BUT...Wayfair have 12,533 different coffee tables on their site. So if they keep stock of, say, 30 of each, they've got 375,000+ coffee tables sat somewhere doing nothing. They don't. They dropship.
This video is about the filters they offer - and in fact with that number of options, their filters work ok. But the filters all affect each other, and it can get quite confusing. We've got 200 tables, all on the page and sorted into price low to high or price high to low. I'll add some filters but not go to the far end of a fart to please the minority.
[wayfair video here]
Our filters will be as follows:
N. B. Well worth watching the Indor.eu video below in 'Sort', it discusses filters too. In fact between Wayfair, Indor and Rehaus I think we've got this area covered. Great to investigate and analyse this area in depth tho - it's key. That said, I want to refer back to here constantly, so I'll carry on regardless, Sid.
I've put a table together below discussing all possible filters. Really just to check we're not missing anything.
Indor.eu, with a nice site, really mess up in this area. Makes me wonder if their customers simply bypass this stuff and just go ahead and buy. Or go elsewhere...
The pic below shows their 'Product type' filter.
Note the case sensitivity. They have a plethora of different coffee tables, each with different quantities, and I'm including Coffee Ttables - yep, two ts. Wow. Ethel didn't like it, watch the vid... I'll have a word...
No Indor, just no...shame, you were doing so well!
Filters table (incomplete)
This is to discuss which filters will be added to which pages. It looks crap on mobile, sorry if that's you.
For now, assume these guidelines apply to all sites - this will change when introducing products other than furniture.
Thanks to Wayfair for these.
Sort
I also analysed (if you can call it that Ethel) indor.eu website. It's a great site, really is - but has raised a few questions. But this is what we're aiming for aesthetically...with a few additions and tweaks.
I also investigate the filters on the Indor.eu site - we're gonna use (v) similar, so well worth a watch.
I'm fairly certain, given my discoveries/questions/remarks/downright attacks on sensibilities during the production of the videos above that sort will be just Price high to low, Price low to high, Newest. Not even worthy of giving bullet points to.
End of Sort
What to do when we build 'the next site'
To keep things simple, we'll take time to get it right with justcoffeetables.co.uk, absolutely spot on, then it's just a case of building all other sites using that one.
An analogy - I know y'all love those. Ethel has been given a task to create a Powerpoint presentation about coffee tables.
She sits down for quite some time...hours turn into days, then weeks...she's planning, planning, drawing bizarre diagrams, coming up with lots of weird stuff, banging, clanking, eating on the fly, barely going out, until eventually, some two months later, she emerges happier than when Caractacus Potts revealed Chitty Chitty Bang Bang to the world.
She's built the structure perfectly, like a palace to be marvelled at...now she just needs to get the coffee tables to fill it up. She's a bright one, and cleverly uses an API to provide razor-sharp images, AI-generated descriptions, price, materials etc etc for 200 tables. All she had to focus on was the structure - the building that will hold all these coffee tables...and she nailed it (not nailed it literally...oh you get me, shaddap).
So she brings the building and coffee tables together and lo, a thing of beauty is created. She calls this (very cleverly in my mind) 'Just Coffee Tables'.
She made the coffee tables shine like diamonds! (actually Rihanna, diamonds reflect, they don't shine...but 'reflect bright like a diamond' just doesn't cut it really eh...might not have brought the commercial success you achieved I guess...just sayin'...)
Everyone loves it! Her boss, Bert, especially so.
'Ethel, that's fab. Could you perhaps do another one about dining tables?'
Not one to mince her words...'Oh ffs Bert you arch wallop!' (they got on) 'If I ever so much as SEE another coffee table I'll SCREAM!'
'Good luck with that Ethel...anyway, you have a month - I can't really afford the two months that 'Just Coffee Tables' took. Bizarre name, but never mind. I'd have gone for 'Only Coffee Tables'.
'Bert, sticking 'only' on the front of another word in the public domain has dubious connotations these days'.
'Does it? Oohhohhh I doont't't oh heckoooh nooo Ethel I don't mean oooof not.....' (Bert departs sheepishly, flushed, tail between his legs...that's what he told HR anyway).
Ethel, being the clever thing she is books a 3-week holiday. She knows she can just cut and paste the 'building' she architected for 'Just Coffee Tables' and and call it 'Just Dining Tables', then that same company with that flashy API who can provide milions of different products are sure to have a fab selection of dining tables. They do.
It takes Ethel half a day to put the 'Just Dining Tables' structure together, and another half-day to choose 200 products. Off she trots to John Lennon airport, passport between her teeth...(dunno why, that's just her jam)
AI aren't getting a chance to create a summary of that I'm afraid, above them.
Upshot is, build it once, build it well, they will come...rinse and repeat.
So with all that in mind, there's a few things to do for each new site, they are, chronologically:
*These may be more lucrative offering higher margins, and 100% UK-based. This may also be their first dip into dropshipping.
See sales details of email to owners, CEOs, influencers and decision-makers at UK furniture manufacturers and suppliers - Marketing Plan section in The Plan.
You'll have to request the actual email direct from me via email. Or pref via DBL WhatsApp group.
Lots of UK manufs/suppliers are still skeptical of 'dropshipping' as I banged on about in the Overview page. This will change. I'll make sure of it. My first six social media videos will be on LinkedIn, about dropshipping, and promoted by influencers. Simple really eh...
And that's why the process of putting this plan together will be so valuable in future. That's approx 95% of what needs to be done. I don't know the other 5% yet. Print it out, give it a 10yo, you've got yourself a new website before tea.
Product data source
Data can be supplied in the form of the following:
Download niches, competitorsHere's a slightly more legible version so you can clearly see the contents...
{
"products": [
{
"id": "100",
"sku": "U003689278",
"name": "Sara Frame Coffee Table",
"description": "A cage-style frame, black finish and striking silhouette give this coffee table its industrial flair. Adding a bold dash of urban design to its surroundings, the table looks great with magazines or houseplants displayed upon it - or keep it clear for your morning cuppa. It is available in a choice of sizes to suit your space.
Coffee table with wire basket frame, the basket can be opened by lifting the glass top",
"imagePath": [
"http://syncee.io/justshops/images/U003689278_01.jpg",
"http://syncee.io/justshops/images/U003689278_02.jpg",
"http://syncee.io/justshops/images/U003689278_03.jpg",
"http://syncee.io/justshops/images/U003689278_04.jpg",
"http://syncee.io/justshops/images/U003689278_05.jpg",
"http://syncee.io/justshops/images/U003689278_06.jpg",
"http://syncee.io/justshops/images/U003689278_07.jpg",
"http://syncee.io/justshops/images/U003689278_08.jpg",
"http://syncee.io/justshops/images/U003689278_09.jpg"
],
"Brand": "Trent Austin Design",
"categoryName": "Category 1",
"tags": "coffee table, luxury coffee table, coffee table living room",
"price": "329.99",
"suggestedprice": "489.99",
"barcode": "123456789123",
"weight": "0.22",
"size": "",
"color": "",
"stock": "10",
"Table Top Shape": "Round",
"Top Material": "Glass",
"Manufactured Wood Type": "MDF",
"Base Material": "Manufactured Wood",
"Wheels / Casters Included": "No",
"Weight Capacity (38cm H x 80cm W x 80cm L Size)": "15kg",
"Supplier Intended and Approved Use": "Residential Use",
"Plug Included": "No",
"Storage Included": "No",
"Decal/Laminate Design": "Glass",
"Removable Tray": "No",
"Top Colour": "Black",
"Base Color": "Black"
},
{
"id": "101",
"sku": ".............
etc
}
]
}
This is how the data above appears on the product pages below. Nice. This is Wayfair by the way...our pages will look just as good, probably better...
Product listing page
Product page
Course if you watched my earlier video you'll know we won't have thumbnails. I don't like them anyway, or breadcrumbs. Or that arrow on the pic. Don't make the user click or tap and drag if they don't have to! If there's a better way, use it.
Video (30s) describing the detail seen on the product page above...
Just click anywhere on the image to watch the video. Click again to pause/stop (if you're fed up of hearing my voice)
So how do we get the data?
My great preference is for JSON, but we will use CSV files if that's where the supplier is at.
What I'd like to avoid is 'hand-balling' product data...in other words manual transfer - cutting and pasting from a spreadsheet into the required boxes on Shopify. Ripe for mistookes to bee mayde awl ovver the plaice.
Whether we use JSON (oh I just relax at the mention of JSON - hope he's brought his Argonauts) or a spreadsheet, we'll still be using an API.
Using what Dave? What's an API?
Well that's a question everybody asks. Not really.
An API is an Application Programming Interface. It's a simple software intermediary that allows two applications to talk to each other. A bit like when you used to chat with your mates in the park using two old tins and a length of string. And that's as far as I'm willing to go. Suffice to say, the web world lives and breathes APIs. For more info (Jim), see https://www.mulesoft.com/resources/api/what-is-an-api
So what do we do with these APIs? Why do you want access to 50,000 products? Well, here's what we do, and why we do it...
Syncee are my current favourite product aggregator - but I don't wanna spend $3.6k on Syncee per month.
Their solutions are based on one website per contract. They start at $49 for 250 products. So for 74 websites (which is what is in the financials spreadsheet) that's $3,600 per month. I can buy a Ferrari for me and a Range Rover for the missus for that....BUT...they've just introduced a top-end plan, called the Plus account. It costs $299pm or $79pm if you pay annually, which I will.
So, 50,000 products for $79pm...it gets interesting now...
The contract will be created between Syncee and justshops.co.uk.
To all intents and purposes, justshops.co.uk is just another website in Syncee's eyes. Cool.
We get full access to the JSON files Syncee produce... Now it just so happens I know my way around JSON files, very well, even if I blah blah.
So naturally, I'm gonna choose a category like...oh let's think...coffee tables! In fact I'm gonna do all the tables, down to pool tables and table tennis tables...but let's start with coffee tables and dining tables, then also media units, fountains and women's bags (this reflects what we talked about in the Filters box earlier). (DB - eh?)
For example purposes, let's start with 200 in each of the 5 categories, 1000 in total, for now.
So this happens (did you sign your NDA?):
It's that simple. And here's a diagram, because sometimes you have to put the pen down and draw eh...
(justwomensbags should have arrows to and from Just Shops of course, but that was getting messy. Please use two imaginary lines...)
Now then, anyone know how to set up LLCs? I've got all these .com websites getting restless, and they want something to do.
The screenshots below were partway complete, but as I'm about to build the actual site, let's wait for that instead...
In the main section of the page (ie header and body) there'll be:
And in the footer will be links to:
___________________________________
FAQs might be as follows (or similar)
ACCOUNT
I’ve forgotten my password
How do I change my e-mail settings?
How do I change my account settings?
PRODUCT
How do I know that your products are quality?
I can’t see what I am looking for?
Do you have a showroom?
PAYMENT
Can I make an offer on a product?
Can I reserve an item?
Do prices include VAT?
DELIVERY & RETURNS
I need something delivered urgently, can you help me?
What is your returns policy?
Your website says there is a minimum order value of £500 associated to free delivery. How much will I pay for delivery for an order value of under £500?
What delivery areas does 'Mainland GB' cover?
___________________________________________
Below was a very rough first example page...let's wait until the site is built...won't be long. 8/3/2024
These are a few of my former clients.