Projects

About me

Contact

Zentri

VIEW

Zentri

role / services
UI Design & Motion Design
project
Mobile Application
date
May 2022

Overview

The Zentri Subscription Manager app is crafted with simplicity and user-friendliness at its forefront.  This approach enhances the user experience by making simple tasks like subscription tracking, subscription payment or renewal, and payment automation much easier and user friendly.

This concept app was created with the goal of making subscription management a hassle-free experience.

The design inspiration

Glassmorphism was the chosen approach for this interface, where its main characteristics are the use of transparency, layering, and fluid animations to create a sense of depth and movement. The focus was on creating a visually stunning and immersive experience for the user, with a minimalist colour palette and simple geometric shapes.

From a user experience perspective, glassmorphism can help create a sense of flow and ease of use in the app, through the use of fluid animations and smooth transitions enhancing the overall user experience and make the app feel more responsive and natural to use.

In summary, glassmorphism is a modern design style that combines visual appeal with functionality, creating an immersive user experience through the use of transparency, layering, and fluid animations.

The look & feel

With its visually appealing modern interface, managing your subscriptions is a breeze. I embrace a minimalist yet modern design philosophy, featuring clean and uncluttered elements that prioritise core app functionality. See animations down below the page.

Home screen

The main home screen displays a quick overview of the user's monthly subscription spending, including their recent and upcoming payments.

New subscription

The user can add a new subscription by clicking the blue button located at the top right corner in the home screen and then search for the service provider in the app’s database or manually add a new one.

Subscription details

The user can access all the information for each of the added subscription services with the ability to modify and edit the details as needed.

View all subscriptions

On this page, the user has access to an overview of both active and inactive subscriptions, as well as a comprehensive history of all subscriptions.

Home screen

The main home screen displays a quick overview of the user's monthly subscription spending, including their recent and upcoming payments.

New subscription

The user can add a new subscription by clicking the blue button located at the top right corner in the home screen and then search for the service provider in the app’s database or manually add a new one.

Subscription details

The user can access all the information for each of the added subscription services with the ability to modify and edit the details as needed.

View all subscriptions

On this page, the user has access to an overview of both active and inactive subscriptions, as well as a comprehensive history of all subscriptions.

Smooth interactions

The aim was to create a sense of flow and continuity, making the app feel more smooth and natural to use with seamless fade and slide movements between different UI elements or screens within the app.

Create account

Lorem ipsum dolor sit amet consectetur. Suspendisse sit fames vitae congue tincidunt fermentum.

create account gif
cta image

Add subscription

Add a new subscription service utilising the app’s database or manually add a new one.

add subscription gif
settings button image

Settings

Use the settings button to adjust various settings within the app, such as payment methods, alerts and notifications, profile information, and logout options.

setings gif
view all button image

View all

Access to an overview of both active and inactive subscriptions, as well the subscription details page.

view all example gif

Create account

The user has the option to either create a brand new account or use one of the available social media login options.

create account gif
cta image

Add subscription

Add a new subscription service utilising the app’s database or add a new one manually.

add subscription gif
setings gif
settings button image

Settings

Use the settings button to adjust various settings within the app, such as payment methods, alerts and notifications, profile information, and logout options.

view all button image

View all

Access to an overview of both active and inactive subscriptions, as well the subscription details page.

view all example gif

Designing the Zentri app was a valuable opportunity to enhance my design skills, particularly in terms of animation and UI design. The process of implementing the behaviour of the UI elements and incorporating it into the design was a challenging yet rewarding experience. Overall, designing this concept app was a fantastic exercise in strengthening my design abilities.