Case Study

Case Discussion With Mockups
Case Study Introduction

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.

Project Overview
The Project
Mark needed a fresh new homepage design, and SEO to attract users to his website. We reviewed some of the websites that Mark liked and created a homepage design that he fell in love with. We also wrote his SEO page descriptions and connected his website to Google Search Console.
Our implementation specialist reviewed other designs that Mark loved and created something similar. Our content writer found keywords and wrote Google page descriptions for Mark to help his website get found on Google and connected his website to Google Search Console.
Our Role & Responsibilities
Project Duration
The duration for Mark's website was three weeks.
Mark needed SEO and a fresh new homepage design.
The Problem

Sitemap

Design Process

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 the 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

Typography
Let’s us introduce the fonts we used on this website.
Typo style
Weight
Size
Arial
Bold
89
Arial
Bold
24
Arial
Bold
20
Arial
Light
20
Color Palette

Final Design
