The Two Marias

Year: 2018

CATEGORIES

WIREFRAMING, CONSULTANCY UX + UI

The Two Marias, is a lovely team created by Maria Blasi and Maria Sala. They are experts in digital production, as they defined “in good hands. That, in a nutshell, is how we like to define ourselves.”

They called us to collaborate on a new project of a Catalan brand who wants to relaunch two sites with a good integration of e-commerce.

Our solution:

Bárbara Casas as UX + UI – User experience and web usability, User interaction – expert was the perfect profile for this request from The Two Marias.

We reviewed the currents sites and the testing environment to reorder the information and created our UX proposal.

We analyzed the architectural information, coming up with tips to improve it. We did a benchmark of e-commerce sites and created a list of interaction to improve our wireframe project.

We created responsive wireframes and supervised, together with the Two Marias team, the new layouts.

We defined and created:

  • information architecture
  • delineation of navigation and interaction elements: menu, menu behaviour, footer
  • functional documentation of each screen, defining the interactions, elements and flows of user interactions
  • purchase process based on Woocommerce, flow and e-mails
  • product sheet: structural elements, ordering of contents, stock or not stock and flow e-mails,
  • conceptualization of product filters based on the customer-defined DB to improve the user experience
  • booking engine and flow with different users types
  • user environment: identification process, registration, the flow of emails
  • content screens
  • blog type screens
  • shop screens

The result:

We worked with a collaborative tool to make easy the work of the entire team. We choose Moqups to be able to work with all the screens and comment all the interactions.

Two wireframes projects with desktop and mobile version with functional documentation:

  • Brand 1 with full functionalities navigation, purchase steps and flows, login, register, product pages, filters, reservations, content pages, blogs and shops.
  • Brand 2 – based on the same e-commerce engine –  with the definition of navigation, content pages, blog and shops.

Technologies:

Moqups