Famaex (Facility Management Exchange) is a startup type company dedicated to putting multipoint companies in contact with maintenance services.

What does this mean? For example, a Starbucks, which is a multi-point company, breaks down its coffee maker, and previously it has contracted the services of Fameex. The company then makes a contact and informs the handyman of the service that is needed.

This contact and this exchange of information and services is carried out through three applications: App for customers, App for suppliers and a web app for the internal management of Famaex at the administrator level.

During my collaboration with Famaex, I also designed presentations for investors, graphic design material, advertising graphics, apps and websites.

Graphic design

Famaex required a new presentation to the world of investments, for clients and a new visual approach for all its presentations and slides in general. For this, we take the main colors of the company, orange, plus the complementary color added by me in the UI revision of the app.

advertising graphic

For Famaex, I also designed printing products such as flyers or one pagers, and also, in a very specific way, I had to design the decoration of a van.

UX/UI Design

Famaex proposed a fairly simple business strategy, with a target audience for each application to be developed.

There are three pieces inside this puzzle that was Famaex.

1. App for customers

This application is a task manager for multipoint companies that have contracted Famaex services. The needs of this app can be summarized

• A target audience with medium or low technological knowledge

• Simplicity and immediacy, with the ability to solve problems quickly, emergencies

• Comprehensive, easy to use and friendly customer support

2. App for providers

This other app was a simple list of tasks assigned to a certain provider or company. Its features.

• accept a service

• Mark as ongoing service and change states

• Sign the first visit and the others electronically

• Direct contact with the client

All this, taking into account that the target audience would be:

• With little or no knowledge of technology

• With little time to dedicate to the app

• Focused on getting the job done ASAP

Administration web design for Famaex

A platform dedicated to managing all the problems, incidents and services that suppliers or customers might need.

UI redesign

For this app, you had to do a full build, and the resources they worked with were pretty loose. Illustrations of various styles, very gray colors, all very structural, since they did not work with UX designers or graphic designers of any kind.

Redesign objects.

typography

Muli was selected in this project. The roundness of the typeface plus the sharpness of the lack of serif makes it an intermediate point between readability, a friendly and professional vibe.

Colors

The main color of Famaex is a dull red, an orange, and a dark bluish gray tone. These colors are born from the imagotype. There was no complementary color for the CTAs, for secondary buttons, and the background of all websites was a light blue hue that did not provide much clarity. There were also no neutral or lighter tones in the app than those already presented in the brand image.

Mini styleguide

Diseño ux/ui, complete

CLIENT’S APP

Dashboard

General balance page in numbers of services performed by the client and the response that Famaex has been able to give.

We also see a very basic menu, with a primary button to request a service, and with two more tabs with services in progress and history.

How do you get back to the dashboard? Being an element of little interest to the user, it will be "hidden" in the hamburger menu (which is missing a bite), as well as the user profile, log out, etc.

Current orders page

Here, the list of orders that are in progress, paid, budgeted, and a search engine necessary to be able to filter the orders in progress in the long term. Each one has a state, and each state is categorized into three traffic-light-like colors that are usually easily understood by the user. These colors could be filtered with the order and searched with the searchbar.

main stream

ask for a service

Request flow for a service by a multipoint company client, to the Famaex app. Everything electronically, with the possibility of adding comments, images, details, even the budget from and to.

It was decided to make the flow of requesting a service in different steps to clear the different information in each section. Prevent the user from scrolling infinitely and giving the feeling of never ending. Being only 4 steps, it is not heavy, even more so with the position of the stepper placed at the top of the screen.

SUPPLIER APP

This application needed to be simple, an easy list and with a natural scroll. If you want to see a provider's task with tapping, it would be useful to see more information.

The same happens when you want to finish the first visit or when you want to sign a budget, all through the detailed view of each task.

There is a traffic light-like color difference that makes tasks have categories of time, delays and about to expire.

Web design.

The design of the administrator platform for Famaex is a joint project that I carried out together with the CTO, Jónatan Rojas, and it is not up to me to carry out the complete analysis of the entire UX/UI design, since the collaboration worked in a directive and reactive way. the needs that were generated throughout the platform development process.

However, I show some interesting screens for you to see at a general level.

In short, a very fruitful 2-year collaboration, from which I learned a lot about working with a medium-sized team, professionals to the core, but always keeping room for good vibes and teamwork in a healthy way.

It was a real pleasure working with the Famaex team. My connection with the IT team was 100% almost from the beginning, and they opened the door to jobs in a city like Madrid, making me see how easy it is to maintain a relationship and communication with any client despite working remotely.

In addition, I was lucky enough to be able to share team building moments, attend events such as the Commit Comf, and receive courses paid by the company that helped me a lot in my growing professional career :)

I hope we see each other soon!