Day 07 - Settings

Postet av Camilla den 17. Feb 2024

Settings

💬 Prompt 

Design settings for something. Is it for security or privacy settings? Game settings? Light mode vs. dark mode? System settings (sound, notifications, screen time, Wi-Fi, etc.? What is it and what are the most important settings? 


🎯My approach 

I wanted to put together a screen time settings page with all the right controls to manage screen time. And since I'm a big fan of dark mode, I went ahead and designed it with that in mind.


🎨Design focus

  • Prioritizing simplicity and intuitiveness by arranging relevant controls in a clean, one-column layout.
  • The dark-themed design is intended to symbolize screen time usage, as dark colors resemble a powered-off screen. This choice is particularly relevant to the design of these specific settings.


Result:





Day 06 - User Profile

Postet av Camilla den 7. Feb 2024

Daily UI 100 Days Challenge


User Profile

💬 Prompt 

Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile? (It's up to you!)


🎯My approach 

I was inspired by real work-related platforms, like LinkedIn, Slack etc. and wanted to create a user profile that could be used to check out a consultant for a company, or anything related to business inquiries! So I decided to take inspiration from a relative of mine, my cousin Tina! So I took a photo i shot of her in 2023, and made her user profile on mobile. 


🎨Design focus

  • Creating a user profile card that showcases the essential information, with a "message", "add" and "share" button.
  • Making it user friendly by including features like project links, hourly rate, and online status.
  • Bold and modern design.


Result:




Day 05 - App Icon

Postet av Camilla den 7. Feb 2024

Daily UI 100 Days Challenge

App Icon


💬 Prompt 

Design an app icon. What best represents the brand or product? Or is it incredibly unique? Does it look great at a distance and does it stand out when put on your home screen alongside other apps?


🎯My approach 

I decided to create a smiling Sushi app icon.


🎨Design focus

  • Cute and simple
  • Sushi-themed




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!




Day 03 - Landing Page

Postet av Camilla den 4. Feb 2024

Daily UI 100 Days Challenge


Landing page

💬 Prompt 

Landing page. What's the main focus? Is it for a book, an album, a mobile app, a SaaS product? Consider important landing page elements (Headlines, call-to-action buttons, typography, clarity, etc.)


🎯My approach 

I decided to create a landing page for a fitness app called Vibrant Vitality, focusing on holistic fitness and wellness practices. 


🎨Design focus

  • Creating a bold, yet simple page, free of clutter. 
  • Using images for visual impact.
  • Clear CTA-buttons.


Check out the mockup in Figma here!