During my time working at DCSL Software, I worked temporarily on the improvement of this project designing new components. I mostly designed mock-ups and proposals for mobile environment, and I also worked on .NET environment integrating the HTML and SASS code.
I was assigned to redesign the site menu for the mobile site experience, and I needed to solve the problem of usability, and improve the navigation of the increasing number of categories.
I designed and developed an off canvas menu, that solved the problem of usability browsing categories and brands.
I was asked to design, and present a better way to interact with the product pictures for our customers. After researching online, I realised that the pinch to zoom is the best solution for phone usability.
I developed this feature from scratch, using hammer.js for the gesture events. It was challenging considering all the possible events, I am proud of this huge improvement for the customer experience.
Fresh optimised experience for phone, using full width cards, cropped resized images, and removing backgrounds & borders to show a flat design.
Previously the layout displayed two inline cards per row.
For this change, I used full width, removed borders and extra padding, and the products are displayed as a list. The result is a clean layout, readable product description, and space between text and image.