Project Report

Project Report, GUI Side

 

Batik Lasem Project GUI is almost based on the Christian’s (Design Student) Design which mostly emphasizing on the contrast of black and white. this minimalist design works with the color of the batik that sold in the site

 

Front Look

View post on imgur.com

The front look are looks very simple design with black as a header and the base color of white , black and red emphasizing the simplicity yet strong character of the UI. with the custom logo placed in the middle on the front pages really promoted the batik lasem.

View post on imgur.com

We also created site map so users dont get lost in our site. the site map himself is dominated by black color and white fonts so it would stood out with the previous base color white to create a contrast effect and make it more color dynamic.

 

Products

View post on imgur.com

we have more than 200 choices of the products that people can choose.. they also can sort it through product categories to narrow down the search.

View post on imgur.com

the Check out pages is after you shop the batik, every batik that you pick will enter the cart then you have to check out to pay the price. the payment method is through sending to designated bank account then sent the proof of payment as authentication method that to confirmed that you already paid

About Us

View post on imgur.com

This Page Contains the information about batik lasem. This Page i intended to create it simple white because its clear enough to read a chunk of text like this

History of Batik

History of Batik is filled with the Batik Lasem Lore which also created using simple white base color because it would easy to read the large chunk of text. We also put the navigation bar on the right side with red color to contrast the base color to make it more visible, which the point having this is to make sure the user not lost inside the pages

View post on imgur.com

Backend

View post on imgur.com

The back end we use the free to use backend template. in the dashboard you would see the statistic of the site. you can also edit the information that shown on the front end using this CMS.

View post on imgur.com

here is how you add more product onto the database, then after fill the form you can see all of the product here

View post on imgur.com

You can also change all the information on the about us and history of batik in here

View post on imgur.com

and we also provided with guidelines for cms manager

View post on imgur.com

 

Upcoming Video

Leave a Reply