Case Study

Connected Consultants.png

Case Discussion With Mockups

Case Study Introduction

Connected Consultant.png

This case study will demonstrate the responsiveness of the website by showing the website on different screen sizes and devices. It gives a project overview of the project by discussing what type of project it was, the team's roles and responsibilities, the duration of the project, and the problem. It describes the user persona of the customer to show we have an extensive understanding of the customer. It presents the sitemap that we created to demonstrate the clean, professional, and creative organization of the site. It discusses our design process from discovery, ideation, testing, defining, and design. It shows that we understand the user through conducting desk research, wireframing, user research, and visual design. It displays all of the components we used across the site. It introduces the different types of typography we used across the site by demonstrating fonts, sizes, and weight. It shows our expertise with color schemes, by demonstrating our choice of colors across the user interface. It shows the wireframes created by the user experience designer, using customer input and user research. It shows the final UI design demonstrating color concepts, stock photography, and graphics used across the site. It also gives samples and APIs for the code used across the site. 

DESKTOP VIEW

screenshot-www.connected-consultants.com-2021.09 1.png

MOBILE VIEW

Group 2054.png

Project Overview

The Project

Deanne had a website that wasn't responsive and was not professionally designed. Her website and logo did not stand out and were not creative in regards to UX and UI. We re-designed Deanne's website and created a responsive, professional, responsive design. We edited her logo to look more modern and professional. We updated her SEO which drove more users to her website.

Our UX designer analyzed the web design brief and created a site map and designed the wireframes. Our UI designer chose the fonts, color scheme, designed the mood board, and created the UI for the website. Our content writer chose keywords and wrote SEO descriptions for her website.

Our Role & Responsibilities
Project Duration

The project was completed in three weeks.

Deanne's website was not modern, professional, and unresponsive. Her website also did not attract the user's attention.

The Problem
Connected Consultants.png

Sitemap

Connected Consultants.png

Design Process

Design Process.png

Understanding The Users

Desk Research

About Apps, Building product’s personas, Marketing strategy, User research, User Behavior, decision making, Find problems, Flow & SOW

Wireframing

Allows to define and plan the information hierarchy, to process information on a site, based on the research, making prototypes & feedback

User Experience

Problem’s solutions, user center design, user flow, create products that provide meaningful and relevant experiences to users

Visual Design

Improve the user experience through considering the effects of illustrations, photography, typography, space, layouts and color on the usability of products and on their aesthetic appeal

Components

Connected Consultants.png

Typography

Let’s us introduce the fonts we used on this website. 

Typo style

Weight

Size

Poppins

SemiBold

36

Poppins

Bold

30

Poppins

Bold

24

Poppins

SemiBold

18

Nunito

Regular

24

Nunito

Regular

18

Nunito

Regular

18

Color Palette

Connected Consultants.png

Wireframes

Connected Consultants.png

Final Design

Connected Consultants.png

Get Started With Destiny’s Designs