Mobile Connect

Ui and animations

Mobile connect integration

Our approach to UI/UX design for Mobile Connect integration centered on simplifying the authentication process while maintaining a cohesive visual identity across Orange's apps.

We carefully crafted the UI elements to align with Orange's brand guidelines, ensuring consistency and familiarity for users. The UX design prioritized clarity and ease of use, minimizing friction and confusion during the authentication process.

wireframes study app pages hierarchy to ensure a clear user experience

Onboarding

The animation provided an overview of Mobile Connect's features and benefits, highlighting its role in enhancing security and convenience for Orange app users.

Design Enhancements

In our pursuit to elevate user experiences, we've introduced captivating design elements.

Error screens are often perceived as frustrating roadblocks in the user journey. However, we've reimagined these moments by infusing them with playful animations that alleviate tension and inject a sense of lightheartedness.

funny and cute cat illustration with indication of how the animation is going to be
Beautiful and branded cat animated to ensure an engaging user interaction
Playful bird animation used in the website to captivate the visitor
hand draw illustration of a funny bird made to elevate user experience
cute lottie files animation of a cat for a professional website
hand drawing illustration of a cat under a clock

New Loading Page:

minimal logo animation used in the website
bouncing minimal friendly animation logo used also as a loading animation
For this loading animation we used the color palette of the brand and created a dynamic entertaining design
Full logo animation with details and morbing effect for increase trust with the user while logging in
Previous

website for translating services