logologo

Tip Calculator

UX / UI Design & Web Development

Overview

I created a user-friendly tip calculator web app. Prioritizing functionality and ease of use, I designed a clean interface for inputting bill details and splitting costs. Real-time calculations and intuitive controls enhance the user experience.This project exemplifies my proficiency in developing practical, efficient web tools that simplify everyday tasks.

The Goal

Build a functional and efficient web application that simplifies the process of splitting bills among diners.

The User

Project persona
Gender: Male
Age: 40 - 45 years old
Income: +$30,000
Job: Communications Specialist
Education: Middle School
What they value: Mobile applications, tips and hacks, and retro designs.
Behaviours: Tending to use the phone for everything, attending retro clubs, and enjoying summer activities.

The design

Inspiration

With a primary focus on simplicity and functionality, I drew inspiration from the past, particularly old-fashioned calculators that were once indispensable tools for everyone's daily life.

Design Decisions

I introduced a subtle noise effect in the background to create a textured appearance, evoking a sense of nostalgia. Vibrantly colored frames were added to provide a striking contrast against the serious nature of calculations. The integration of a prominent green screen pays homage to the familiarity of classic calculator displays.

Solutions

By offering real-time calculations and instant feedback, users experience heightened confidence in their interactions. The inclusion of a digital keyboard streamlines access to supplementary device tools, enhancing user convenience. Moreover, the responsive design ensures portability, allowing seamless usage across various devices.

Mobile version

The Product

One noteworthy achievement of this project was the successful construction of a keyboard from scratch. This project not only showcased technical prowess but also added a personal touch of dedication and innovation to the final product. By ensuring real-time calculations, instant feedback, and user-friendly features like the digital keyboard, the project effectively bridges the gap between nostalgia and contemporary usability.

Overall, this project stands as a testament to the fusion of inspiration and technical skill, resulting in a product that honours tradition while embracing innovation. The culmination of thoughtful design decisions, user-centric solutions, and the personal accomplishment of building a keyboard from scratch underscores the project's success in capturing the essence of simplicity, functionality, and a touch of the past in the realm of modern design.

Visit the project