My name is Patricio Mariano and

I am

Welcome to UX / UI & Web!

This is my profile as Website designer and User Experience and User Interface designer. Here you will find prototypes of Apps and Websites mostly.

It is worth to mention that many of my other projects, such as board games and videogames, also involve UX and Research techniques and methodologies.

FEATURED PROJECT:

🏀 Club Atlético Quilmes (CAQ)

In the Diploma Grade of Design of digital experiences (UXDI) our practices were testing with users, user-centered design (UCD), prototype in all qualities, Information Architecture, Project Management, Web Layout, A/B Testing, among other techniques.

As a use case we've worked with one of Mar del Plata's most emblematic Sports Club in Mar del Plata: 'Club Atlético Quilmes'.

Process:

After some interviews with the Club's Stakeholders, we have spoted that some of the problems that the Club claimed to have were:
- The lack of a solid presence in the web.
- The fact that they were losing clients in their montly-subscription because their basquetball team had descended from category in the league
- The inconsistency in payments from the regular clients and associates
- And overall a miss organization and lack of communication between the leading members of the Club.

The students were divided in different working groups, where the idea was to lead the study to find and solve most of their problems with digital solutions such as a Native App, WebSite and Intranet WebApp.
Our group was designated to focus on Website solutions.
We've been working with the Club for almost a year.
This was certainly a meaningful experience!

Some of the subjects that we had during the course:

UX Project Management (PM)
Cognitive Psychology
Information Architecture
Accessibility and Inclusive design
Usability tests
FrontEnd Development
UX as Field and Object of Study
Test: Results Analysis

Sneak peak to: 'UX Modeling technique process'

Used to understand the processes within an organization

"A model is a simplification of reality."

Consists of guiding a participatory process that involves different roles of individuals (actors) and all the steps they must follow to perform a series of tasks, this is visualized to reach a better understanding of the organization where the product will be implemented or developed.

Introduction

As a use case we've worked with one of Mar del Plata's most important Sports Club, called 'Club Atlético Quilmes'.
The main problem they've claimed to have was the lack of presence in the web, the fact that they were losing subscriptions because their basketball team had descended from category in the league and also the inconsistency in payments from the regular Associates.
We've been working with the Club for almost a year. This was certainly a meaningful experience!

Goals

Understand the flow of association activities, enrollment in secondary school, and coordination of activities of the Club.
Identify current difficulties in the organization and potential improvements.
Ensure that clients (board of directors), end users (partners) and developers (us) have a common understanding about the operation of the Club and reach an agreement on the product(s) to be developed.

Some Results

After running UX techniques such as Mapping, Use Cases and Flow Paths, we've discovered that The Club It is going through a time of economic complications, in addition to the deterioration of the infrastructure and the inefficiency of the organization. Dissatisfaction about operability when working is general and it is here that, despite resistance to technological changes, the development of a site and an intranet could significantly improve the efficiency of the organization.

Use cases

Mapping as group

The Club

Mapping with users

Task flows

Did you like the project?
Check out the Figma prototype!

🏀 CAQ Prototype

App prototypes

DAM - HolstGym

Prototype realized for the 'App Mobile Design' Course by Escuela de Oficios (EOF) - Sevilla, Spain.
Wireframe, flow diagram and mid fidelity mockup.
Tthe flow consisted in the "creation of a new account", going trough "login with social networks" to finally reach the "Onboarding" screen. In addition, modal messages were added for secondary actions such as "success or error notifications" and "login options with social networks".
The interactive wireframe, flow diagram and mid-fidelity mockup was built in Figma prototyping tool.

Visit site

TimeOut - Technical test

The task consisted on taking an existing website and turning it to an App, focusing in usability and utility. Also presenting the flow of wireframes representing the main use of the app designing at least 3 screens. What is more, this technical challenge was realized in only 4 hours, going trough the architecture of the information in order to organize the process, prioritizing main screen and flows.

For this purpose I've used the Mid/Hight fidelity mockup technique with Figma prototyping tool.

Visit site

NDA 🔇

Within my experience as a UX/UI designer and Freelancer, there are many projects that I can't show due to Non-disclosure agreement with clients or employers.
This involves the design of interactive prototypes of low, medium and high fidelity and 'design quality assurance' (DQA).
I've also participated in the re-styling of an administrative Web App and the mobile adaptation of it; and the design and launching process of 2 Apps for a package delivery business and a virtual wallet product.

SECRET!