- Client: Squids (hard)
- Type of project: User interface, web page design and iconography
- Tools: Adobe Illustrator, Adobe Photoshop, Front-end development, back-end development, Invision
Project description
Squids has been a very demanding project and the experience I had with it was relevant enough to be on this list. The purpose of this page was to make it very visual, with vibrant tones and cleanest as possible, so that users could complete the shopping process without problems or distractions. Its best-selling products are solar lenses, but we also had to give a very good focus to ophthalmics.
Applied knowledge
- Agile methodology
- Integration and configuration of apps
- New sections with direct code to the template (html, liquid)
- Editing the templates css and liquid code
- Creation, edition and export of assets
- Follow-up and constant meetings with the client
Challenges
- Adding all the requirements of the client and reach a point of equilibrium in the design
- Create and edit new templates with liquid code
- Make the design more visual and intuitive
- The sections should be able to managed by the client
- Creation of new functionalities for the sections
What I've learned
- Adding functionalities for order confirmation with ophtalmic recipes and specifications
- Edition of mailings for clients and orders
- New tools of the liquid code
- Creation of self-managing sections
- Negotiate with the client non-viable aspects for the project and land all points well
Looking for the best lenses that complement your style
Squids aimed to reflect their different and new collections season by season so that their users always had the opportunity to update themselves with new products with the style they all like so much. That's why we made the best applications so that their page can provide the latest and fashionable products.
Custom iconography
One of the main requirements of the client was the application of iconographies in certain sections of the pages as visual support for the users.
Editing and creating the icons were done in the home page and in product sections, as well as in the shopping cart.
Do you need ophthalmic glasses?
We adapted the page so that all types of users can order their glasses with or without graduation! When you choose your ideal lenses, the cart detects if they're solar or ophthalmic, if you choosed some with magnification it gives you the options so that you specify with what graduation you want your lenses. That way you can bring the best style always.
The results
When the page was published, there was an increase in monthly sales of solar lenses reflected. Over time, ophthalmic lenses were increasing in the same way.
And thanks to the constant maintenance to the web page, the medium-term goals have been achieved.