Simplifying Dining Payments
Billfy: Streamlining Restaurant Payments Through Design Billfy is a mobile application designed to facilitate seamless payment experiences for restaurant-goers. As a UI designer, my role was pivotal in conceptualizing the brand, crafting the logo, and prototyping the app’s main flow. Challenges: The primary challenge was to eliminate the friction points commonly associated with restaurant payments, thereby enhancing customer satisfaction and streamlining the payment process. Design Process: The design process involved extensive research and iterative design phases to ensure the app’s interface was intuitive and user-friendly. The logo was crafted to embody the brand’s ethos, while the app’s main flow was meticulously prototyped to ensure a smooth user experience. Outcomes: The implementation of the UI design significantly improved the payment process, making it quicker and more enjoyable for users. The app has received positive feedback for its ease of use and has contributed to a more efficient dining experience.
Life-saving app for contact with dangerous species in nature
This project is a life-saving emergency mobile app designed for individuals who are at risk of being bitten by a venomous snake or encountering other dangerous animals or plants in nature. The app incorporates cutting-edge technology and a user-friendly interface to provide detailed information on different species of dangerous animals and plants. The app features an easy-to-navigate UI, clear instructions, and an intuitive design that allows users to easily report incidents, locate the nearest emergency center, and receive guidance when needed. It also includes a database of venomous specimens to assist users in identifying the creature responsible for their bite or contact. Design decisions Additionally, the app features a detailed tutorial section, where users can learn more about snake bites, the symptoms to look out for, and the immediate measures they can take while waiting for medical help to arrive. Audience All audience, Non tech-savvy users, iOS, Android, Emergency situations. Challenge Walkthrough app for emergency use. Deliverables Figma interactive prototype to get funding, Figma design file and specs for development.
Secret Chat App
An overview for this Chat app, Contacts, Rooms and Chat Screens. Goal was make it look similar to some iOS apps that are familiar to users
Visual Concept for a Money Remittance Platform
The project involves a money transfer app that was designed to target mainly senior people. The primary goal for this app and website was to keep the interface simple and intuitive, looking clean and modern. We could achieved this by keeping the user interface clean and ensuring the key functions like transferring money and managing accounts were prominent in the app. Navigate Adobe Xd screens
Simplicity as Key Value for this Money Transfer App
For this money transfer app project our goal was to create a user interface that would be simple and clean, yet could be easily scalable in the future. To achieve this, I focused on developing a design system that incorporated minimalistic, intuitive elements that could be easily expanded upon without sacrificing simplicity. First, I ensured that the app’s core functionality and essential components were clearly visible and accessible, using a hierarchy of intuitive menus and buttons. This would allow users to perform transactions quickly and easily, while minimizing the risk of any errors. Next, I carefully chose a color palette and typography that emphasized clarity and consistency, making it easy to identify different parts of the app at a glance. This would also facilitate future design expansion, as new features could be easily incorporated while remaining true to the app’s core visual messaging. Overall, by prioritizing simplicity and future scalability in the design process, I believe we have created a highly functional and user-friendly money transfer app that will be appreciated by both current and future users.
Test Simulation App
As a strategic UI designer, my focus would be on creating an useful user experience to help aspiring sailors prepare for their certification exam. To achieve this, I would prioritize intuitive navigation, simple and effective design, and engaging features that keep users motivated to practice. Here, I helped my client to deal with color palettes on this dark-mode app.
Dice Game’s Interface
Overall, this app provides a modern twist on the classic game of Yahtzee, making it more engaging and fun. The app is user-friendly for all ages and skill levels, and its design preserves the essence of the game, while integrating it seamlessly into the digital world. To create a smooth and enjoyable user experience, I focused on designing the app with simple and intuitive navigation. I ensured that the main navigation and game controls were easily accessible and clear. The game screen was designed with playful graphics and interactive elements that helps the user feel immersed in the game. Additionally, I incorporated features such as leaderboards which allows users to compete with their friends on social media platforms. Here I’ll show you some of the process
Carsharing Solution
For this mobile car-sharing app we faced a challenge from the start, with the need to recycle existing code and resources while still delivering an innovative and user-friendly experience. So I strategically approached the project by first conducting a thorough analysis of our existing resources and identifying areas where they could be improved. Once we had streamlined our resources, we began crafting a user experience that would seamlessly guide users through the car-sharing process. Despite the challenges we faced, our team was able to deliver a truly innovative mobile car-sharing app that has been embraced by users throughout the city. We are proud to have created a solution that is helping to reduce traffic congestion and improve the overall mobility of the city. You can see some user flows such as find a car and activate to start ride here.
Optimizing delivery tasks
The redesigned delivery mobile app prioritizes ease of use, speed, and customization. Key features like real-time tracking, personalized notifications, and user-friendly navigation help streamline the delivery experience for carriers. One of the biggest challenges was creating a design that accommodated a wide range of delivery types, including food, groceries, retail items and also services. To address this, we implemented a customizable dashboard that allows users to select their preferred delivery options and tailor the app to their specific needs.
Fleet overview for managers
The first approach for this logistic GPS-based platform was to improve the interface’s aesthetic, but after conducting research and evaluating the existing user experience, it became clear that a comprehensive redesign was necessary, we was in front of the tip of the iceberg. The redesigned app and platform now offer a more user-friendly experience, providing enhanced operational insights to help streamline fleet management. The client was thrilled with the final product and noted significant increases in productivity and efficiency since the launch of the new platform. Upgrading user experience on a logistic mobile app Project The product is part of a logistic management web platform that allow users to track their actives, fleets and employees using GPS/GPRS technology. This product includes around of 54 different modules and features, also hundreds of active devices reporting data all the time. Before the project, it was a hybrid app launched in 2005 to provide users real time data from their mobile phones and facilitate the fleet manager’s decision-making. When changing is a necessity We tried to resolve the user experience struggles within the app, such as usability issues, visual and brand inconsistencies in the user interface, and some weaknesses in the actions that users needed to do. At the same time, we thought of other tech alternatives to develop the app because maintenance of the hybrid version was becoming untenable. We knew users were resistant to change, but at the same time the product needed to highlight their benefits, to show it’s a vanguard technological product and to be outstanding in the market Project framework Process: Empathize User research After we got the bit picture with stakeholders and some of desktop research analyzing competitors, we were ready to deepen in users world through observation, interviews and surveys, because we wanted to determine how our users manage their operation. Some pain points are listed below. Look and feel Features Usability Reliability Process: Define Defining the problem It’s time to collate data from the previous stage to define the design problems and challenges. Our problem statement: Juan is a busy fleet manager who needs a faster, more reliable and usable tool to view and manage their fleet events, because he needs to stay on top about those and able to make informed decisions on the go. Process: Ideate The fun part At this moment, I need to make the process organized to translate ideas in better form. The visuals & features of ideation tools bring clarity to the bumbled-up ideas. Prioritize We needed to prioritize, and we used the Moscow method, a prioritization technique used to reach a common understanding with stakeholders on the importance they place on the delivery of each requirement. Mind mapping After data analysis, it is helpful to put the ideas on paper to make connections in a visual form and notice new things that I didn’t see before. Branding Also, I learned about the brand, origin, meaning, spirit and values to help to build a consistent product across the mediums. As a result, it was necessary to suggest some changes to help the brand communicate better and adapt it better to the different mediums. I didn’t want to change the logo, only adjust it to the current needs. Basically, I changed the color palette a little to make it more brilliant, I rearranged symbol’s elements to improve readability in small formats, I polished the endings and symmetry and kept the typography. Sketching For the home screen, we thought about immediacy and different ways to show relevant data to know what’s going on. Clear buttons to go to details about vehicles. Another critical part in the operation is the visualization of the status and location of the vehicles in real time, this can be as complex as needed and that is why the use of symbols and expandable menus is suggested to see the details. Also, we considered main indicators about the operation to put them in the home screen. We proposed three tabs with summary information. Process: Prototype The new app I created wireframes, a simple and clear representation of the product that help users to have an idea about the final product, sections, buttons, main features, so in this way we can test the product before invest more time on it. Process: Test The moment of truth Usability study summary and findings, early test. Study type: unmoderatedLocation: Colombia, remoteParticipants: 10Length: 20-30 min. Some findings Tabs are not clear enough. 7 of 10 users couldn’t understand the tab’s navigation bar. Maps options are hidden. Most of the users couldn’t find options like ‘send command’ because they weren’t obvious. Vehicle detail is confusing. “Fleet and vehicle look similar, I couldn’t see the difference”. Process: Prototype Refining the design It’s time to refine the design, adding more details to getting closer to the real product, besides, I added interaction to test with users again. This is the core product of the company, was established a system of transversal design to the devices to be able to visually and functionally guide the other products and no longer look disconnected from each other. Finally, it’s time to refine the design, I added details, and apply the defined design system to build a more real version of the final product. Time to innovate, thanks to the insights of the research, we included sections of interest, such as the top 5, filters and we were able to improve the way to represent and find others like speed markers and paths. Impact Here is a quote from one of the Company’s consultants: “I’m sure that this new app will put us a step ahead of the competition, because it is simple, beautiful and cover all the user needs” Challenges Uno de los retos de este proyecto fue el tratar de equilibrar los cambios, ya que mientras unos usuarios requerían mejoras en los flujos de tareas otros estaban muy acostumbrados al modo de funcionar de esta app con más de 10 años en sus dispositivos prácticamente sin cambios. Algunos de los cambios