Minimal E-Shop [Wordpress]

Low budget minimal Wordpress e-commerce website.

Art DirectionInteraction DesignWeb Design
March, 2016

______________________

CREATING A MINIMAL 
E-SHOP WITH WORDPRESS

Theme: Felix Dorner 'Yuuta'
Sketches: Pablo Ramon Benitez
Wordpress plugin: Simple Paypal Shopping Cart Plugin'

______________________

LANDING PAGE
cleaning up THE LANDING PAGE for a minimal and a simple user experience (In the page editor I removeD .php code like 'time stamp' and I adjusted styles in css)


SHORT TEXT BLOCKS
A basic about page WITH SHORT TEXT



PLUGIN
THE 'Simple Paypal Shopping Cart Plugin' is a very minimalistic shopping cart which you can connect to you paypal and manage your products.


FEEDBACK
ADDING FEEDBACK FOR A non-confusinG USER EXPERIENCE after A CUSTOMER ADDED A PRODUCT TO THEIR SHOPPiNG CART 


MENU
To avoid a time consuming hack I added the shopping cart to the navigation menu (I would prefer a shopping cart icon next to the menu)


HEADERS
USING PHOTOSHOP I MADE CUSTOMIZED HEADER BACKGROUNDS


LEAN product page 
I wasn't able to PLACE THE BUTTONS ON THE RIGHT with the theme editor. so I gave all the product sections an outline, THAT MADE it more clear which product USERS put in THEIR cart.

MOBILE FIRST: THE PLACEMENT OF THE BUTTON WORKS BETTER ON MOBILE



CUSTOMIZABLE OBJECTS

The tricky part was to create a page where customers could combine their custom product from different parts. ​​​​​​​
It turned out the easiest was to create a very static 123-flow where we tell the customer how it works. 

On the shopping cart page we give users a hint  "Customized product? add minimum 3 parts to your cart!"


Other projects

Temgy Brand + iOS app
BrandingInteraction DesignUI/UX
Pregnancy App [Material Design]
BrandingInteraction DesignUI/UX
FABBEO 3D printing [Website]
BrandingUI/UXWeb Development
Lunchio [Responsive website]
BrandingUI/UXWeb Design
Learning app [Material Design]
BrandingInteraction DesignUI/UX
Fabalu - 3D printed fashion [Wordpress]
BrandingFashionWeb Design
Lunchio [Dashboard]
Art DirectionUI/UXWeb Design
Hotel Les Charmes [Responsive web]
Art DirectionBrandingWeb Design
Dashboard [Web vs. App ]
Graphic DesignInteraction DesignUI/UX
Back to Top