EcoChic Lifestyle

This is a Backbone Technology project on which I worked independently and was responsible for the development of the whole site. The tricky part about EcoChic was that it had been developed for desktop only, and the client decided later that they needed to have a mobile site with the same UI. After a solid plan, I both designed and developed the UI/UX and successfully created a unique & smooth User Experience for mobile without changing the existing UI. Working independently and taking serious decisions about UX for mobile devices was key for the e-commerce elements. My responsibilities was to build the following:

1. One-page checkout process
2. Cart functionality
3. Shipping methods & adding multiple shipping addresses
4. Account pages
5. User registration, Login, Forgot Password
6. All Javascript functionality & error handling for store and checkout
7. Tag Filters for Shopping Items using Ajax pagination
8. UI/UX for mobile including a unique & smooth checkout process experience
9. Mentoring developers to the XPR E-commerce API

No, not the JS framework, I mean Backbone Technology inc. - it's a digital agency. This project was developed while I was working as a Front-End Developer at their headquarters in Vancouver, BC. I was responsible for the Front-End development and code architecture, including building custom components and using their API's. All the sites I developed have been built from zero, using no templates and on top of their custom CMS and API.

This is a Category and it might give you an idea about this project. Also, one day it will help me to add filters to this section and showcase my projects even better.

Expression is the custom CMS that Backbone Technology inc. uses to build sites and develop a Website Experience Management software. Every project starts from zero and the functionality can be added in pieces such as elements, modules and components.

Responsive is not only about overwriting CSS with media queries, it’s actually much more than that. It’s about code architecture, clean cutting-edge UI/UX, stability and performance. My target devices for all responsive projects are Android and iOS.

– URL:
– Released(or date): 2015

– Technologies: HTML5/CSS3/jQuery/REST API/AJAX

Smooth Checkout Process

Smooth checkout experience and cutting edge UX for mobile devices without elements taking all the space on your mobile browser.

Navigation & notifications so you always know where you are during checkout process. Ensure shipping method loading time notifications are visible to the mobile viewers.

Ensure all errors are visible to the mobile viewers. NO tapping and not knowing why it's not doing nothing.

Ensure all elements such as cart & shipping address are displaying correctly on the screen and not taking up all the space on your mobile browser.