Learning 1

For weeks I have been obsessing over design systems. Taking what is common in the off-Amazon world. And asking myself "how can we apply this to Amazon design?"

Learning 1

For weeks I have been obsessing over design systems.

Taking what is common in the off-Amazon world. And asking myself "how can we apply this to Amazon design?"

Amazon design is in some ways, far simpler than normal design. Because we don't need to think about css, etc.

But in other ways. Far more complex. Because you sit side by side with thousands of others who are desperately trying to steal the $ from your prospect.

With a shampoo website on Shopify, you are less likely to have 20 other tabs open craving for your attention, to make a sale with them instead.

They're different.

But the systems don't need to be.

And from everything I've seen, most brands on Amazon, and I'd argue agencies too, don't have systems in place.

When I started collecting design examples 2 years ago, I could quickly identify common themes among top selling brands.

And also the fact that you didn't necessarily need something 100% bespoke to make great money.

You could in fact have quite a simple design. Coupled with a good product offer. And you'd be golden.

Which is how our templates were born.

We'd make templates based on top selling pages.

Any brand can then pick up that template, and apply their own brand guidelines, with images, and they'd have a brilliant design.

All in a lot less time than designing from a blank page.

Which brings me onto the design system.

I believe there are only so many ways you can really dice up a storefront, for example.

With the set modules from Amazon, we know our max and min dimensions. And we can then design around that.

So, I started taking our templates apart. And viewing them as Lego bricks. Organising each of the different bricks into categories, based on their dimensions. Then giving them style names.

I then started following some Figma design system best practices and made all those Lego bricks, related to a master brick. In a way like Parent and Child.

If the colour changed on the parent, all the children bricks would change to that colour too.

If the font changed, that too.

If the buttons changed border radius, or weighting, that would pass through too.

As a result, within 1 minute of updating your brand guidelines in the design system, you could have hundreds of child bricks updated to follow said guidelines.

See the GIF below for a demo:

--GIF--

I'm now taking our AmzDesignKit.com to a new level. As I plan to gift this system to users. So they can rapidly create hundreds of storefront variations. All on brand. Which they can then start split testing.

There are so many additional layers I'll be adding in over the coming weeks to make this smarter.

And ultimately achieving the goal of:

"How quickly can you generate Amazon design options"

Once I've mastered it for storefronts. We will then apply said learnings to every other asset.

And naturally, give it all to AmzDesignKit.com users.

Pay $169 once.

Lower the cost whilst improving the quality of designs, forever.

Stay tuned for next month when I'll update you further.

George