top of page
Anchor 1

Code mischief — Website design for IT Startup

ABOUT CODEMISCHIEF

Codemischief Software Solutions is a group of purpose-driven individuals who bring the full-stack design to the table. From exquisite websites to ingenious apps, Codemischief delivers it all from the initial idea to final implementation.

THE PROJECT

Create the new brand identity and design a new user interface for a responsive website of Codemischief software solutions Ltd.

THE CHALLENGE

To conceptualize a new visual design solution to deliver the content to the website visitor with clarity and as per intended hierarchy of information proposed by the client

MY ROLE

Brand identity design

UI/UX design

Illustrations

Responsive_CM_Website.png

Logo (Primary)

Codemischief_VAR.png

The symbol represents a key which is made up of integrating two letters C and M which are the initial letters of the brand name Codemischief. A key is a commonly known metaphor for the SOLUTION. A key to a cost-effective and superfast product development is the philosophy of Codemischief which is metaphorically represented by the logo.

Codemischief_Home_Illustration.png

The hero Image (The first illustration on the homepage of Codemischief website)

web.png

The Homepage

An illustrated story has been created to tell the website visitor about the process which Codemischief follows to deliver the software solutions. 

artboard___4.png

​

​

The Navigation bar

Story.png

An Illustrated story

The illustrations are designed to show the direct and clear pictorial representation of the modules delivered by the Codemischief.

Nitya_Payments_-01.png

Payment module by Codemischief

Animated interaction for NITYA-FindMe Module by Codemischief

Nitya_Findme_Hover-02_2.gif
Nitya_Notifyme2.png

Illustration  for NITYA-NotifyMe  Module by Codemischief

solutionswebpage.png

Illustrations  for Solutions by Codemischief

UIUX-Servises-04.png

UI/UX solutions

UIUX-Servises-06.png

Software solutions

Codemischief_Homepage.png

Homepage 

Codemischief_VAR.png

Logo (Primary)

VER.png

Logo (Secondary)

APPLICATIONS

Minimalist-Stationery-Mockup.png
Wooden_Stamp_Mockup.png
Tshirt.png
15mm_Lanyard_Mockup_3.png

COLOUR PALETTE

Primary colours are used for UI assets 

Secondary colours are used for illustrations

Websitebrandcolours.png

Primary colour palette

Illustrations.png

Secondary colour palette

TYPOPGRAPHY

TypoCM.png
desktop.png

Thanks for watching

Please leave your comments on this project 

Next project

SEE ALSO

bottom of page