Специально для

Mahak D.

UX Design

UI Design

Branding

Codingkart

UX UI Case Study

Project Overview

Codingkart is a web development agency which engages in creating web solutions for startups and enterprises providing its services to clients from across the globe. We knew we needed to stand out from the competition and create a brand value that would make us memorable. Our solution: a complete website with brand!

MY ROLE: UI UX Designer

The Team: UI/UX Designer, CTO, Front-end Developers, Back-end Developers

Duration: 4 months

Problem Statement

No platform that would allow them to promote their products or services. No representation of the full scope of our services and the results that we can use to build trust with a potential customer.

Design Process

Design

Ideate

Define

Empathize

Test

Usability Goals

Make it easier for the visitors to find all the services we provide.

Ensuring user flow is simple and intuitive

Make it easier for potential clients to make enquiry.

Business Goals

Attract potential clients and build credibility.

Build a brand value that would make Codingkart memorable.

Find a way to generate more leads & increase revenue for the company

Target Users

Enterprise and start up owners looking for web solutions for their product/services.

Competitor Analysis

Services

Uplers

Cmarix

IndiaNIC

Brihaspati Tech

Logos of Companies worked with

Testimonial

Mega-menu

contact

case studies

statistics

near the bottom

quotes testimonial

on side with their work

contact form at bottom

At the top in the banner

video testimonial

at top below banner

form with tabs for client or job seeker

no dedicated section for services

no section for case studies/work

in vertical slider with behance & dribble

case studies with quotes from client

tabs in grids with tags

services listed in details in alternately

services listed in chips slider

services in slider, divided in categories

video testimonial

in about us section

as call to actions

At the top below banner

video testimonial with short quotes

as why us section

as CTA and action bar at bottom

no company logos

Adding recognitions at the top was a good way to gain visitors trust and prompt them to explore the website some more.

After conducting research on our competitors' websites, we came up with a design for the testimonial section that effectively balances both video and text reviews.

Our initial plan was to have unique "How it Works" sections for each page or service, but we eventually opted for a single design that was applied consistently for a more cohesive look and feel.

Cretaed a distinctive display consisting of a map and a scrolling bar featuring logos of all our clients. This visually impactful representation showcases the breadth and scope of our client base.

Key Features from research findings

Task Flows

I want to check all Shopify services provided by Codingkart & then connect with them.

Scenario 1

Home

Get in Touch

Services

Services in Navigation

Shopify Services

Get Free Consultation

Shopify Services

I want to hire dedicated web developers from Codingkart

Scenario 2

Home

Hire Developers

Hire Web Developers

Hire Now

Get in Touch

Hire any other developers

Wireframes

+ 40 More

Home Page

recognitions

main services

featured work

showcasing its

diverse clientele

client testimonial

(video and quotes together)

Action bar to get in touch

footer with contact details, recognitions & services

Results & Outcomes

By redesigning the company’s brand identity, we succeeded in helping the business stand out, build trust and credibility with clients, thus increasing sales. To keep this identity consistent and build a brand value, I then designed various brand identity deliverables including envelope, social media covers, letterhead and email templates.

+ 40 More

Other Pages