• CLIENT

    Pixii

  • CATEGORY

    Mobile and Web Application

  • ROLE

    UI Designer/Interaction Designer

  • DATE

    2019

The Pixii brand is a company that manufactures electrical cabinets and regulators for heavy industries. They made a request for a new generation energy regulator, Pixii Box, for a mobile and desktop application that customers can easily do on it. In this project, I was assigned to design the interface of the relevant application.

PROBLEM

Since the operations on the device are complex and detailed, it was very hard to prepare a simple interface. However, I created a plain and easily understandable interface flow by following the Material Design Guideline.

Application Map

Before I start to design, I prepared an application map to clarify all the steps.

Application Map
Application Map

Design System

I designed an interface appropriate to the Material Design system, which is compatible with mobile and web environments, by using the corporate design guidelines of the Pixii brand.

Roboto
H1- 24 Medium

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

H1- 24 Medium

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

H1- 24 Medium

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

H1- 24 Medium

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

material design

Based by Material Design

material design
material design
  • material design
  • material design
  • material design
  • material design
  • material design
  • material design
  • material design
Main Screens

Main Screens

Web mobile screens are designed to be compatible with each other. It was taken into account that web and mobile screens are consistent in themselves and their interactions are compatible with the medium they are in.

Mobile Screens

An easy-to-understand and simple user interface was designed. This interface, which is prepared in accordance with the Material Design system, was prepared in a way that allows complex operations to be performed in maximum 3 steps.

Pixii Mobile ScreensPixii Mobile ScreensPixii Mobile ScreensPixii Mobile Screens
Pixii Mobile ScreensPixii Mobile Screens
Pixii Mobile ScreensPixii Mobile ScreensPixii Mobile ScreensPixii Mobile Screens
Pixii Desktop Screens
Pixii Desktop Screens
Pixii Desktop Screens
Pixii Desktop Screens
Pixii Desktop Screens
Pixii Desktop Screens
Pixii Desktop Screens

Interactions