jekaduran9@gmail.com | Tel: +34 689978454
UI
Branding
About Salonomi
Reservations and management platform for small businesses in the health and beauty sector in Latam. www.salonomi.com
Roles and responsibilities
-
Worked with the Growth and the Development teams creating prototypes and wireframes, and implementing them using Wix
-
Worked with the Growth team creating social media posts, rebranding, illustrations, ads, posters, and all the digital assets that were required.
-
I was the owner of the Salonomi website salonomi.com designing a landing page for the user to find all the information to take our services.
-
Contributed to the Salonomi app app.salonomi.com to redesign screens and design new features.
-
Extended our design system with multiple components like cards, navbars, footers, etc.
-
Since 80% of Salonomi's customers used the website on mobile, I redesigned all the screens to be mobile-first.
-
Worked directly with the Development and Growth team, to make sure we have a consistent visual style across our website and social media.
-
I was the owner of Salonomi's social networks, I created the publication for Instagram and Facebook, and I was able to contribute my passion for illustration and create designs aligned to the brand.
Tools
Figma
Google Analytics
Illustrator
Canva
Trello
Wix
1. Web App
Sumary
Salonomi was designed and developed to solve the needs for beauty salon owners to be able to record their sales, expenses, commissions, and reservations and allow them to access all this information from the cloud through mobiles and laptops.
.png)
Goal
-
Improve the visual style
-
Create a mobile-friendly experience
-
Create new features for the Salonomi App.
Problem
-
From the beginning Salonomi wasn't built to be mobile-friendly, however, through analytics we realized that more than 80% of customers were using it from mobile devices and some customers were having problems using it
Process
-
I created a document with a list of all the screens of the application
-
For each screen, I added a screenshot of the mobile version, identified the visual issues it had, and assessed the priority of the issues together with the product team.
-
Having identified the higher priority screens, I started to redesign them trying to balance usability and difficulty to implement by the developer team.
-
Here's an example of the invoices page which was one of the most important screens for the users:
-
I grouped the invoice information in a box with invoice number, customer name, payment date, and invoice total.
-
I used the library Bootstrap 3 to continue with the framework used by the development team.
-
I added the edit button so that the owner can edit the invoice at any time.
-
I added the print button so that the administrator of the beauty salon can easily print the invoice to give it to the client.
-
Result
-
Redesigned 7 screens to be mobile-friendly and compatible with Bootstrap 3 which was the existing web framework used by the development team.
-
Solved the need that the user had when using Salonomi on their phone.
2. Landing page
Goal
-
Improve the visual style
-
Create a mobile-friendly experience
-
Create new features for the Salonomi App.
Result
