skip to content

UI/UX Case Study - SalesDiary

SalesDiary Logo
SalesDiary Laptop Mockup
About the Project

ABOUT THE PROJECT

SalesDiary is a complete front line sales automation platform for managing marketing, sales and distribution of goods across geography through a highly intuitive tool which provides you with real time coverage analytics. Sales Diary is built with the fundamental objective of becoming a "sales growth platform" in the FMCG industry. With FMCG growing at over 25% CAGR by 2020 in India, the need for right management tools to maximise from such a growth opportunity becomes critical and Sales Diary is Are to solve that. Salesdiary is built exclusively to improve secondary sales effectiveness purely integrated into the process defined in Sales Diary system.

Visual Design

VISUAL DESIGN

01. Colour

We are sticking to our original brand colors as they provide a wider range of color selection and also goes consistent with existing platform. The overall color theme has been kept lighter with primary usage of the base color in the entirety of the platform.

Sales diary color #109A9A

#109A9A

Sales diary color #213220

#213220

Sales diary color #080957

#080957

Sales diary color #47337A

#47337A

02. Typography

Encode Sans is a versatile workhorse sans-serif superfamily ready for all kinds of typographic challenges, offering a unique blend of warmth and practicality. Its humanist aspects of simple letterforms and open apertures keep it crisp and legible, while its geometric approach of rounded letters with partially-straightened sides delivers a friendly but precise tone. It includes 5 widths from Condensed to Expanded, each with 9 weights from Light to Black. To simplify the use of smallcaps in word processors, there are also small-cap versions of each family.

Aa

ENCODE SANS

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9
03. Input from user
INPUT


DROPDOWN
04. Icons

An icon is a small picture or symbol that serves as an intuitive representation of the content of a website. Because of their condensed size and versatility, icons are a simple, effective way to transmit information in an abbreviated pictorial form to the user

SalesDiary icons
SalesDiary User Interface

USER INTERFACE

HOMEPAGE

SalesDiary WebPage
SalesDiary WebPage - Features
SalesDiary WebPage - Reviews
SalesDiary WebPage - Footer
logo

OTHER PAGES

SalesDiary WebPage - Header
HOW IT WORKS
SalesDiary WebPage - How it works logo
ABOUT US
SalesDiary WebPage - About us logo
SalesDiary WebPage  Footer - 2
BLOGS
SalesDiary WebPage - Blog
SalesDiary WebPage  Footer - 3
CONTACT US
SalesDiary WebPage - Contact Us
SalesDiary Website - Desktop mockup
SalesDiary White Logo