Christian Diaz

Christian Diaz

Rever Score

About the Project

Rever Score is an app that lets people on the front lines of manufacturing companies to improve processes by applying the scientific methodoloy, .

Client

Rever

Company

iTexico

Available

App Store | Play Store

Disclaimer

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. The information in this case study is my own and does not necessarily reflect the views of iTexico or Rever


The beginning

Rever started as a client of iTexico and I was assigned to conduct the Design phase for the first version, along with another designer. We started by creating documentation based on the requirements from the client.

My role in this project was as a UX Lead. We had the chance to conduct User Testing sessions with potential users in their workplace, so we built prototypes and took them to their hands to validate and iterate our hypothesis.


 

User Testings

The client had a clear idea of what to do with the app, since he had a lot of experience working on the frontlines of some companies. The thing was that he wanted this app to follow some particular UX patterns that I thought that would be a pain for the users. We built an InVision prototype, and we were able to conduct user testing sessions for three different iterations of the app that we were proposing.

As we found out in the collected data, users felt confused with the first approach, so we transformed the interface using more standard components. When we took that prototype with other potential users, the learning curve almost disappeared compared to the first iteration, so we followed that path.


Documentation

After we validated our prototype, we started documenting all of our work:

  • Findings from User Testings
  • User Stories
  • Information Architecture Map
  • IxD Flows
  • Wireframes
  • InVision Prototype for Mobile

We worked on this project with a Waterfall process, so the Design phase was finished before moving into development.


 

Implementation and results

We finished the design phase of the project, and then it was implemented using the Titanium platform. It was published to both app stores (iPhone and Android) and had a great success with the market that it was aiming at.

The app was very successful among potential investors too, so right now they have their own startup company, with their own design and delivery teams. I’m very proud of being an important part for this to be what it is now.

First Responders

About the Project

A mobile app for first responders, so they can see what’s going on in an emergency call 

Company

iTexico 

Disclaimer

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. The information in this case study is my own and does not necessarily reflect the views of iTexico


The idea

The idea was to create a product that would be used by first reponders, so they know what’s happening in an emergency call. This included the ability to respond to a call, set statuses depending on their location, and see the map and information of the emergency situation.


 

The User Experience

It was very important to define a very quick and easy User Experience for the responders, so I proposed a custom UI for both platforms (iOS and Android). The most important CTA is the «Respond» button, which is useful for the user to set their status and to know in which status he currently is. The information of the call was divided into 4 different tabs for quick access:

  • Info
  • Map
  • Activity
  • Chat

This four tabs keep the information organized and the user can acces quickly, by just swiping or tapping on it.


Night mode for night calls

One of the features that I implemented for this product was the Night Mode. This was proposed for night calls, but has something different from the «night modes» of other apps: this only shows the content in a monochrome theme, using black and red colors to avoid hurting the eyes of the responders.

According to our client, this color palette was something that they are used to see in other equipment, so it was going to be a really helpful feature for them.


 

Pixel Perfect Design

The final UI design was as clean as possible, because I used color code and iconography that varies depending on the nature of the emergency call an its status.

As an added value, I proposed to the client to use a dark theme and let the responders decide which one they like the most, and he loved the idea, so they’re able to select between light and dark themes for better readability.

 

 

Tiendatek Control

About the Project

Tiendatek Control is a complementary tool for Tiendatek, a Point Of Sale system for small shopkeepers in Mexico City. This app pivoted from Compratek, and lets the owners see remotely how things are going in their shops.

Company

Frogtek

Client

Frogtek

Disclaimer

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. The information in this case study is my own and does not necessarily reflect the views of Frogtek


How we got there

 

When we were researching for Compratek, we found out that there were other priorities for the owners of the shops. Most of them were entrepreneurs who manage 2 or 3 shops at the same time, and they found really difficult to keep track of everything that was going on. Since the owners are the clients of the product, we also learned that the real value was for them and not really for the users (their employees).


 

First proof of concept and validation

 

We built a quick prototype which showed some of the most important information that the owners needed to see:

  • Earnings of the day, so far
  • Live activity feed
  • Products sold
  • Purchases
  • Reports

We took this prototype to the users, and they liked it a lot. They said that there was a lot of potential to this tool because they often live ignoring what happened trough the day in their shops, and they only find out when they come to close for the day.


Pixel Perfect Design and Implementation

The first version of Tiendatek Control was an MVP with the most necessary info that the owners requested. Once we validated that with them, I was in charge of giving this a clear and gorgeous overhaul.

I gave the real-time earnings counter the most important part of the design since it’s the first thing that the owners wanted to know. Then, I divided the rest of the information on four different tabs: «Live feed», «Sales», «Purchases» and «Reports». This was flexible enough to keep adding more features and keeping them organized.

This was successfully implemented as a web app for iOS and browsers, and as a standalone app on Google Play Store for Android.


 

More features implemented

After the successful launch of the app, we kept adding more features based on the feedback of the owners. Some of them were:

  • The ability to print reports from web or the Android App
  • Reports divided by employees work shift
  • Total value of the inventory, earnings, and investment
  • Reports divided by Daily, Weekly, and Monthly

Compratek

About the Project

Compratek was a design concept for a complementary app that would work with Tiendatek. It would allow the users to manage their vendors and purchases.

Company

Frogtek

Client

Frogtek

Disclaimer

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. The information in this case study is my own and does not necessarily reflect the views of Frogtek


The Idea

 

Tiendatek was a very robust product that thousands of shopkeepers in Mexico, India, Colombia, and Ghana used for managing their shops. Since everything was on the same app, there was a need for some features to exist as standalone apps, so the users could be able to perform some tasks at the same time on two different devices.

The most requested feature to have a spin-off was the ability to register purchases and manage visits from the vendors. So I started to sketch some solutions and took them to the shopkeepers.


 

Proof of Concept and Features

 

The feedback from the potential users was positive, so I designed some Pixel Perfect screens and built an interactive prototype.

The features included were:

  • A list of the purchases to be made today
  • A «Promo» section where they can know where to buy cheaper
  • A Ticket Scanner functionality
  • A «Rewards» screen

 


Feedback from Users

 

Users gave positive feedback for the interactive prototype, but there was a problem: most of them were owners of the shops, so the ones that had to use this product were going to be their employees. So from this idea, the product pivoted to another called Dueñotek.

Tiendatek

About the Project

Tiendatek is the main product of Frogtek, a startup located in Mexico City. They want to bring technology to small shops and their shopkeepers in populated zones, so they can increase their sales

Company

Frogtek

Client

Frogtek

Disclaimer

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. The information in this case study is my own and does not necessarily reflect the views of Frogtek


The Context

Tiendatek is a custom app for Android tablets, developed by Frogtek. Its a POS and Fiancial mangement system focused on convenience stores inventory, and is used on different countries like Mexico, Colombia, India and Ghana.

The business model of the product was not to only offer the app, but also the hardware which included an android tablet, a barcode scanner, and a smal printer for receipts.


 

The Challenge

Tiendatek aims to bring technology to people that are not used to it, so they can have a better management of their shops and of course, get a better sales profit. It was an interesting challenge to tackle because a high percent of the users were people between 40 to 65 years old, and they had small to none experience using new technology form factors like tablets or smartphones.

This also created several UX challenges: the product had the same experience since the first android version, it has a lot of features and it should be easy enough for anyone to use it without even knowing how to use a tablet.


User Research

With the help of the Product Team, I did a User Research of the current product. We invited some shopkeepers so they let us know what they think about Tiendatek, what can be improved and how it would impact their day by day at work.

The feedback was that since it’s a tool that they use all day long, it could be more visually appealing. They also requested to have important information available without having to go deeper into the navigation, like when the next vendors are coming or how much they have sold at that moment.

We had many of this sessions at the same time that we were working on the redesign, so it was a lean process that we followed.


 

The proposed Redesign

I focused on bringing a new experience to the shopkeepers without making a giant leap from what they already know. I switched to a light theme for better readability, along bigger texts and clearer tappable actions. I also implemented a color code across the interface, so it can reinforce the context of the user.

But the most important thing, and the feature that users liked the most, was the new Home screen. I divided the Home into tabs, so the user can have access to relevant information depending on the action to perform: Sell, receive vendors and buy, See data and information about the shop, and something that was a requirement from the Product Owner: a «Coach» that would have some gamification features.

 



User Testing and Feedback

 

I had constant feedback from the users, so this was a Lean process. For the final user testing, I built an interactive prototype using Marvel App and I installed in on a testing tablet. Then I had around 8 user testing sessions.

The feedback from the users was great because they said that this new approach was really easy to understand. They found a lot of value on the new home screen because now they would be able to get the information that they needed by just swiping the screen.

The users were really excited about using this new version of Tiendatek. Unfortunately, the redesign had to be shelved for other reasons out of the Product Team control.