Day 04 - Calculation
Postet av Camilla den 5. Feb 2024
Daily UI 100 Days Challenge
Calculation
💬 Prompt
Design a calculation element or interface. Is it a standard calculator, a scientific one, or specialty calculator for something such as a home mortgage or auto loan? Is it to forecast a calculation such as for a credit score? Is it for a phone, a tablet, a web app?
🎯My approach
I wanted to redesign the Norwegian VAT calculator, mvakalkulator.com, that I have had to use in the past to calculate prices for a webshop for another project I was working on. Having used the site before, I quickly started to identifiy the areas where the design could be improved, both on desktop and mobile, in order to elevate the user experience of the VAT calculator.
🎨Design focus
- Cross-platform consistency: creating a calculator that is easy to use both on mobile and desktop.
- Minimizing cognitive load: users of a VAT calculator are likely dealing with a lot of numbers. The goal is to keep things simple and making it easier for users to navigate and manage their calculations.
Before
After:
Check out the mockup in Figma here!
Kommentarer
Siste fra Camilla
![Day 08 - 404 Page Design](https://azurecontentcdn.bloc.net/froala/200000346/7939/2024/3/14/screenshot-2024-02-04-at-16.23.45.png?autorotate=true?autorotate=true&width=100&height=100&mode=pad&scale=both&anchor=center)
Day 08 - 404 Page Design
14.03.2024
![Day 07 - Settings](https://azurecontentcdn.bloc.net/froala/200000346/7939/2024/2/17/2024-02-17-16-09-50-window.png?autorotate=true?autorotate=true&width=100&height=100&mode=pad&scale=both&anchor=center)
Day 07 - Settings
17.02.2024
![Day 06 - User Profile](https://azurecontentcdn.bloc.net/blog/200000346/7939/2024/2/7/1707328286388.png?autorotate=true&width=100&height=100&mode=pad&scale=both&anchor=center)
Day 06 - User Profile
07.02.2024
![Day 05 - App Icon](https://azurecontentcdn.bloc.net/froala/200000346/7939/2024/2/7/screenshot-2024-02-04-at-16.23.14.png?autorotate=true?autorotate=true&width=100&height=100&mode=pad&scale=both&anchor=center)
Day 05 - App Icon
07.02.2024
![Day 03 - Landing Page](https://azurecontentcdn.bloc.net/froala/200000346/7939/2024/2/4/screenshot-2024-02-04-at-16.22.45.png?autorotate=true?autorotate=true&width=100&height=100&mode=pad&scale=both&anchor=center)
Day 03 - Landing Page
04.02.2024