DEV Community

Cover image for Xtrau: Grand eCommerce Excellence
Realmor
Realmor

Posted on

Xtrau: Grand eCommerce Excellence

This is a submission for the Wix Studio Challenge .

What I Built

An eCommerce experience that redefines how to buy custom gaming and high-performance computers, serves a real company here in Mexico.

Compares to the most performant websites of companies worldwide.

Image description

Demo

Instead of doing a looong text, I did a video I think you'll like! Premium quality :))


https://youtu.be/cQcILydgB78

Firstly please see the video for the fullest reference, comment the post if you have any issues!

The page has several apps and ways to buy the computers. But to test this specific experience, go here and then buy your computer.

From there, in the payment section add this testing card info to test the full flow that's getting ready to be deployed:

Number: 5474 9254 3267 0366
Security code: 123
Expiring date: 11/25

//Dummy card for testing the purcharse flow 
Enter fullscreen mode Exit fullscreen mode

Development Journey

I decided to create this eCommerce experience since the bespoke option I created last time couldn't be fully SEO-optimized to show products on Google, and the time to make a sale was too long.

I took advantage from Wix's APIs capabilities to create a fully custom eCommerce experience, replacing the Wix's legacy design and look that's outdated and non-compliant with the whole site's design language.

Yes! Whole thing was made by me (no team), from photos, videos, UI, coding and more; using complex functions as HTTP requests, packages and a whole christmas list of Wix APIs such as:

Wix Members 
Wix Stores 
Wix Marketing 
Wix CRM 
Wix eCom 
Wix CMS
Wix Storage 
Wix Data 
...

And many more.
Enter fullscreen mode Exit fullscreen mode

Notes

Please use desktop. Mobile is not ready yet >_>

Credits

Just me, NO bragging intended, just facts :))

Top comments (4)

Collapse
 
shashankkeshava profile image
Shashank Keshava

@realmor I wanted to know what did you use for generating the product images ?

Collapse
 
realmor profile image
Realmor

Hi! I got them from the internet, public-domain product images and removed their background to each in Affinity Photo 2. No generation from AI if that's what you mean

Collapse
 
shashankkeshava profile image
Shashank Keshava

@realmor thanks for sharing. I wanted to improve my designs your submission looked very clean and professional wanted to know the tools that you used.

Collapse
 
realmor profile image
Realmor

Oh btw every video there is made entirely by me, no license problem neither :))