Case Study

Group 1931.png

Case Discussion With Mockups

Case Study Introduction

Pav.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. 

Group 1972.png

Project Overview

The Project

Bhumik had a website on WordPress that was poorly designed and not responsive on mobile. We created a professional modern design on WIX that was responsive on mobile and engaging to users. We also wrote content for Bhumik's pages and created Google page descriptions to improve his SEO ranking. 

We created the UX wireframes for Bhumik's website, created a mood board, color scheme, and chose creative fonts. We created the UI design for Bhumik's website, utilized creative colors and fonts to make the website stand out. We built Bhumik's site on WIX and used custom code and engineering to create a beautiful design. 

Our Role & Responsibilities
Project Duration

We created Bhumik's website in three weeks. 

Bhumik's old website was outdated, unresponsive, and did not have a professional design. 

The Problem
Group 1973.png
Pavan.png
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 centered 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

Pavan.png

Typography

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

Typo style

Alegreya

Alegreya

Alegreya

Open Sans

Open Sans

Open Sans

Weight

Bold

Medium

Bold

Regular

SemiBold

Regular

Poppins

Regular

Size

48

24

18

36

18

18

18

Color Palette

Pavan.png

Wireframes

Pavan.png

Final Design

Pavan.png

Code Description

Rectangle 1602.png

How We Started

Pavan food Menu page contains different cuisines and food options such as Gluten Free and Vegan Options. Each menu item is Gluten Free and Vegan Option, or contains at least one of these options. So we used WIX Data to display the options on each of the menu items respectively.

Part of the code also controls how the items’ pricing were displayed in dollars and rounded up the prices to two decimal places.
 

Code Description

Pavan.png

APIs We Used

Get Started With Destiny’s Designs