TheChemi
Web Design

E-commerce Web Design
Web Development
2019 Fall

Thechemi is an online store that sells earrings.

As e-commerce is booming, online stores are everywhere. Thechemi inspired by my friend's design about jewelry. All of the selling on this website are designed by Yimeng Li, and all of the pictures were taken by me.

Design Tools:

Sketch, Adobe Illustrator, Adobe Photoshop

Coding Tools:

HTML, CSS, Javascript, JQuery, PHP, Mysql database, Sublime Text

DRAFT

TheChemi Web Design

CODING

Wireframe

Coding | HTML and CSS

Coding | Wireframe Pages

Shopping Page

Product Page

Home Page

About Page

Prototype

Coding | HTML and CSS

Coding | Wireframe Pages

Shopping Page

Home Page

Product Page

About Page

PHP and MySOL Data

Once I was satisfied with the layout of the website, I started to incorporate the website with a database. I created a database at my host for all the products with information including name, price, description, nutrition facts, date created...etc.

FINAL VERSION

CONCLUSION

Summary Takeaway

As e-commerce is booming, online stores are everywhere. Thechemi inspired by my friend's design about jewelry. All of the selling on this website are designed by Yimeng Li, and all of the pictures were taken by me.

How to Project Grows

It’s always difficult to learn a new language, including coding language. To me, coding is never an easy thing to do. Sometimes I can get stuck on a bug for a whole day.

What I Learned

During this project, I've learned more than just coding knowledge, but also how to deal with the frustrating situation and find useful sources, and, never give up.