Geev Online Store

Coding • Web Development • Spring 2020

Overview

I was introduced to responsive design and database driven website application development. The user interface, interaction design, and project management by put into practice with a combination of front-end and back-end code.

Tools Used

HTML5 Web APIs, CSS, MySQL and PHP, JSON and AJAX, jQuery UI, jQuery mobile analysis

Color

Primary

#F2b706

#333333

Secondary

#eeeeee

#ffffff

Font

#333333

#83838

Typography

Body

Aa

Helvetica
 

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890 !@#$%^&*()_+

Heading

Aa

Poppins

 

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890 !@#$%^&*()_+

Moodboard

3

3

2

2

1

1

4

4

kolah

kolah

Sitemap

Sketch

Final Design

Sketch1
Home Page
Sketch2
Home Page
Sketch3
Product Page
Show More
Task Flow
 

Goal: The user buy tees the tea menu and adds the tea of ​​interest to the cart, and The admin check the interaction design in other device size and add or edit page from "product admin".

1.5     On the homepage, tap “Products.”

2.5     Search and Select the product which interests you.

3.5     Add to cart, tap "About" 

4.5     From the cart page, check out by completing the purchase.

5.5Tap on "product admin page" and edit 


 

Next Project

Shalizaar Restaurant

Visual Design and Rebranding 

Follow

  • Linkedin
  • YouTube
  • Facebook
  • Instagram

© 2020 by Safa Badamchi.