Asset Wins

Asset Wins

Asset Wins

Manage your assets more efficiently and systematically with this platform. Track the progress of your assignments through the mobile app, and easily assign tasks using the web app.

Manage your assets more efficiently and systematically with this platform. Track the progress of your assignments through the mobile app, and easily assign tasks using the web app.

Manage your assets more efficiently and systematically with this platform. Track the progress of your assignments through the mobile app, and easily assign tasks using the web app.

Company

Company

Company

Trienpont International

Trienpont

International

Trienpont International

My Role

My Role

My Role

UX/UI Designer

UX/UI Designer

UX/UI Designer

Time Frame

Time Frame

Time Frame

July 2024 - Present

July 2024 - Present

July 2024 - Present

Project Overview

Project Overview

Project Overview

The Asset Wins project consists of three platforms: an application, a web app, and a website for advertising. This project focuses on managing assets, including properties and yachts. Users can assign tasks to different roles, such as staff, within the platform.

The Asset Wins project consists of three platforms: an application, a web app, and a website for advertising. This project focuses on managing assets, including properties and yachts. Users can assign tasks to different roles, such as staff, within the platform.

My Contribution

My Contribution

My Contribution

I initially received this project from another designer who had already worked on the web app design. My role was to revise some of the flows in the web app and add flows to support various roles in the management system. Additionally, I contributed to designing the website for advertising and assisted my senior(Aye Pa Pa Myo) in designing the application.

I initially received this project from another designer who had already worked on the web app design. My role was to revise some of the flows in the web app and add flows to support various roles in the management system. Additionally, I contributed to designing the website for advertising and assisted my senior(Aye Pa Pa Myo) in designing the application.

HOW DID IT ALL START

HOW DID IT ALL START

HOW DID IT ALL START

1

Web App

Web App

Revised flow:

Revised flow:

I was assigned to revise the document flow by adding a lock icon. I developed the logic provided by the tech lead to enhance the security of each document. To access a document, users must enter a 6-digit code specific to their role. If they already have a code for the document, they can use it. Otherwise, they must set a new 6-digit code.


Additionally, I am currently working on other flows for admin and super admin roles.

2

Application

Application

Design System:

Design System:

We created the design system using the same font type as the web app, using Material UI and Fontawesome icons libs, based on discussions with the developer and PM to align with Flutterflow standards.

UI Overview:

UI Overview:

3

Website

Website

UI Overview:

UI Overview:

I applied the same design system from the application to the website, which consists of five pages: Software, Security, Service, About Us, and Contact Us.

Software:

Software:

The client provided content for every page, and I created each page based on that content. First, I began by researching asset website styles to make the design more appealing to users. I maintained the brand’s color identity, using blue and grey.

As the content was quite text-heavy, I improved some sections by implementing tab selections and adding animations to introduce more movement to the website.

Security:

Security:

About this page, I discussed with the team that we will show the software security that we used.

Service:

Service:

This service page is about our mission, I have read the content and adjusted the image to be related to the content.

About:

About:

This service page focuses on 'Who We Are.' I reviewed the content and adjusted the images to better align with it.

Contact Us:

Contact Us:

This page is quite text-heavy, so I separated the content by showcasing the benefits of the Asset Wins product first. This way, users will be more engaged by the benefits before encountering the form, which I placed after the benefit information.

4

Deliver

Deliver

Challenge and Learning:

Challenge and Learning:

The challenge in this project lies in ensuring that the application follows Flutterflow components to facilitate implementation. However, it has been enjoyable learning how to use Flutterflow as well.

Regarding the web app, the biggest challenge is that the platform has many user roles, but it has also been fun to create flows that support each role.

Create a free website with Framer, the website builder loved by startups, designers and agencies.