Andern mobile App UI/UX | Figma

Himanshu Sharma

Introduction

I had the opportunity to design the UI/UX for the Andern App, targeting young audience. The challenge was to create an interface that effectively communicates information without overwhelming the user, while also ensuring that the design appeals to a younger audience. The app serves as an extension of the Andern website, so it was crucial to maintain brand consistency while enhancing mobile usability.

UI - Key contribution:

Designed the Andern App UI from scratch: Crafted a visually engaging interface tailored specifically for younger users, balancing aesthetics with functionality.
Developed a comprehensive design system: Established the fonts, color themes, and visual components to ensure consistency and scalability across the app. This provided a solid foundation for future updates and iterations.
Dark mode support: Designed the app with dark mode compatibility from the outset.
Thoughtful use of animations: Introduced subtle, purposeful animations that enhance the user experience without detracting from the information being conveyed. Every animation was carefully designed to improve usability without causing distractions or delays.

UX - Key contribution:

Seamless experience without requiring sign-in: Designed the user journey to allow exploration of the app without mandatory sign-in, reducing barriers to entry and enhancing user satisfaction, especially for first-time users.
Key information at a glance: Ensured that the most important content is displayed prominently on the home screen, minimizing the number of interactions needed to access core features.
Login only when necessary: Avoided unnecessary prompts, allowing users to engage with the app’s features without constant reminders to sign in, enhancing user freedom and reducing frustration.
Optimized splash screen load time: Reduced the splash screen duration to minimize wait times, ensuring users can quickly engage with the app’s content and features without delays
User-friendly navigation: Designed with simplicity in mind, ensuring that even younger users can easily navigate the app, access features, and find information without feeling overwhelmed.
Like this project
0

Posted Oct 1, 2024

Designed the UI/UX for Andern App, balancing clean aesthetics with functionality, focusing on clarity, dark mode, intuitive navigation, and fast perfomance.

Gym website UI design
Gym website UI design
Dashboard UI: Home Energy Management
Dashboard UI: Home Energy Management