OVERVIEW

JUT App is a smart office building application provides multiple services that make an office managing easier than ever before. It takes seconds for employees to get a news, make a visitor reservation, or make a booking for gym at everywhere.

OBJECTIVE

Mobile applications, visual design, concept planning

COMPANY

AI Group

ROLE

UI designer, full time

PERIOD

Oct 2016 - Dec 2016

MY DESIGN CONCEPT

Art / Architecture / A Better Tomorrow

The design concept of this app is to help a company to manage their office building, this JUT app with the feature including visitor reservation service, employee management andnd gym booking system for JUT Land Development Group.

The following presentation would introduce the design process from visual identity, flat elements, colors, feature screens to app overview, and it’s also the most important part to shows the whole final project and demonstrate the user flow, showing how people use this App.

VISUAL IDENTITY

Icon / Color Palette

The concept of this Robelf logo is inspired by its appearance which with a big screen, and a camera lens on the center head. I also designed the series of icons for the application functions.

The main color derived originally from the core JUT Violet, but evolved into a much brighter and more saturated color. And the complementary greens provide a set of secondary options for elements where the primary violet isn’t appropriate. A good example is a large color block, like a button, might work better with a Medium Green, than with the JUT primary violet.

The new incarnation of grays bring a slight blue hue to them, to bring our brand together. And variations colors are useful for form field validation, alerts, warnings, and pats on the back. Optimized for color blindness.

FLAT ELEMENT

Button / List / Status

I designed the flat element for JUT app and is focused on a minimalist use of simple elements, typography and flat colors. Because flat design allows interface designs to be more streamlined and efficient. It is easier to quickly convey information while still looking visually appealing and approachable.

LEARN ABOUT WHAT'S NEW

Menu / Profile / Settings / News

Leverage the online system to enhance the office management. Get the latest notifications and informations of the company.

BROADEN YOUR COMMUNITY

Contact / Linking / Details

Connect with partners and keep in touch with relevant communities in your company. Easily start a conversations with someone you encounter.

BOOK YOUR MEETING SPACE

Reservation / Schedule / Indoor map

Make a reservation to your meeting rooms. You can spend less time searching for available spacesm and use the level switcher in the right-hand side to move from floor to floor in the building.

ENJOY YOUR NEXT WORKOUT

Gym / Booking / Equipment

Booked through the gym reception on the online system, and added convenience of booking or cancelling classes and activities at the touch of a button without the hassle of contacting.