The Brief

Create a connected and intuitive digital interface that combines, web, IoS, and Android applications to help users create and curate custom images

Cellairis shout brings a new dimension and seamlessness in cellphone case customization.

This project is the property of Cellairis inc. All images are the copyright and IP of Cellairis inc. Any distribution or publishing of this content without prior approval is prohibited. Cellairis and Analogy have shared a long trustworthy relationship and have provided their approval to showcase the work and effort by Analogy.

CLIENT


Cellairis Inc

SERVICES


Design Language
Ux Design
UI Design
Brand Development
Product Strategy
Prototyping
Style Guide
Android and iOS Design

YEAR


2018-2019

The Problem


Cellairis entered the customization business for various cellphone accessories globally as part of its wide franchise network and distribution. Something unique they were trying to achieve was to reduce the time to purchase and make this offering more accessible to people. However, being in the retail space, understanding the user needs, and creating relevant customer journeys to unite web, mobile and the store experience was what we set out to solve.

Introducing

A whole new dimension in print customisation

Design your own case, find featured and prints and buy products all through one app

Customise

Locate

Buy

Featured prints

Product and Service locations

Seamless shopping experince

Prioritising the experience


The Key features of the app focuses on creating custom prints and integrating it with the cellairis brand and product ecosystem

Features

Key Features

Key features that provide the building blocks for the product experience

Universal Toolbar

Map Based

Layered Editing

Integrated Store

Features

Shape and Color


The universal tool bar has all the necessary tools to create modern patterns and designs, with a simple and navigable experience.

Features

Scale and Skew


Pan, Scale and skew with interacting and gestural touch. Simple and intuitive interactions.

Features

Muti Layer Effects


Multi Layer mode allows for complexity adding the missing depth found in professional print designs

Customise

The Tool Box

The universal toolbox provides a basic design tool that is easy to use and is powerful when combined together. The layered mode of editing allows users to create professional-level graphical prints.

Basic Design Tools

We used the most common design looks and colour pallets and layered these controls with gestures such as pinch, pull and long-press making the Ui simple and powerful.

Layered mode

Layering mode combines colour, shapes, textures and prints to form unique high-quality prints.

Customise

Customisation flow

Customise

Universal Toolbar

The universal toolbar is the single hub interaction point. We created this form of navigation to bring a familiar editing style of a toolbar in many professional applications.

Customisation Tool Bar

The collapsable toolbar saves overall space and can also be customised to each users preferences.

Scale and Skew

Scale and Skew mechanisms are guided by indication gesture areas. This guides the user into performing the desired action.

Locate

Store and product cards

Locate

Find products and services with the integrated map

Integrated map and store services let users quickly find the nearest store related to the service required. Users can also browse through the various products available at these stores.

Locate

Store and product cards

Features

Global features

Each global feature was created to tie in seamless with one another. Making the shopping experience clean and increasing the overall engagement time.

Results

The advantage of good design and an iterative process

40%

Increase in Sales

15%

Reduction in Returns

3Days

faster delivery

Like on our social channels if you appreciate the work