My Work

My Work

Coofis NDE

Search Here

Redesign

Redesign

Web App

Web App

2024

2024

Coofis NDE

Improved Flow and Display Efficiency for NDE Coofis Through Analysis & Design System

Role

Interaction Designer

Platform

Dekstop

Timeline

5 Months

Introduction

Background : Improve and refine the design of the previous Coofis NDE web to be more consistent and improve aesthetics and semiotics with the design theory of the Coofis NDE web.

Coofis Nota Dinas Elektronik

Identifying Coofis App For First Time

We first tried the coofis app for the first time to experience and learn more about the functionality of the app and then we identified what could be improved in the app

Trying Old Coofis App - Identificating The Problem - Divide Jobdesk

Finding what can be improved

Our mentor also said that the redesign we did was also a form of target market change in the product from corporate users to retail users and then we tried to sort out the solutions that could be provided to make this coofis product better than before and determine what could be improved.

Brainstorming And Researching

Wireframe And Guideline

In addition to updating some of the constraints that existed in the previous design, we also created a new design system that fits the Coofis identity for this Coofis NDE redesign work. We want users to enjoy the flow of the application with an attractive appearance while still feeling the functionality offered by the Coofis NDE application.

Guide Style , Wireframe & Iconography

Finishing The Pre Design Part

After we finish determining the colour guideline, typography, margins, illustrations and wireframes then we can proceed to the stage of designing the high fidelity part. and so on we will use the Design System that we have made into the design so that the resulting visuals will look consistent.

Set Of Illustration

Designing High Fidelity

then finally we did a high fidelity design of dozens of pages and started designing each flow with different division of tasks. after some time through a long process we finally finished it.

High fidelity , Prototype & Landing Page

The Feature

in coofis of course there are main features in this application. there are creating letters, delegations, forwards, dispositions and many more features this feature has been updated in flow and design to be more modern again and we also develop some of these features more efficiently in flow and navigation.

Dashboard , Making Mail , Address Book

File Manager , Delegation , Admin Tools

Design Breakpoint

Of course we also designed the UI of 3 device sizes, desktop, tablet and mobile so that this product can be used on various devices. we also designed the tablet size due to the habit of superiors often using tablets as their work devices.

Dekstop , Tablet & Mobile Sizes

Conclusion

During the internship period we have done many things ranging from design, research to collaboration, but the problem during the internship period this time is unfinished development so this project will still be continued by the next intern.

Coofis NDE

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