For an individual project assignment, I was given a case study with a theme of a fast-food
restaurant company
who are need a website for their customers to order food and search for information such as promos
and also
menus.
Some requirement points such as a Home page with promo info, ongoing events and also a header &
footer section that
have navigation menu buttons. Other requirement are a Menu page to view restaurant's menus, an Order
page to order and pay for orders,
a information page about the new menu and also a page about the restaurant's profile.
From the requirement brief, I created the full website pages design in Figma. Then, from the design
I code the HTML & CSS for
create a functional website interface.
Untuk tugas proyek individu, saya diberikan sebuah studi kasus bertema sebuah perusahaan restoran
cepat saji
yang sedang membutuhkan website untuk para pelanggannya memesan makanan dan mencari informasi
seperti promo dan juga
menu yang ada.
Diberikan beberapa poin yang dibutuhkan seperti halaman Beranda dengan info promo, acara sedang
berlangsung dan juga bagian header & footer yang
memiliki tombol menu navigasi. Kebutuhan lainnya adalah halaman Menu untuk melihat semua menu
restoran yang ada, halaman Order untuk memesan dan membayar pesanan,
halaman yang berisi informasi akan adanya menu baru dan juga halaman tentang restoran yang
menjelaskan profil restoran.
Dari penjelasan teknis tersebut, saya membuat desain halaman website di Figma secara keseluruhan.
Lalu dari desain tersebut saya jadikan kode HTML & CSS untuk
membuat tampilan website yang fungsional.
The website pages are also created with responsive capabilities in mind for different screen widths such
as
desktop, tablet as well as mobile screen. With elements that responsive to screen width changes, the
website
can be opened from any device and still showing a neat interface.
For the image assets and the icons used on the website I got them from free asset websites provider for
personal use.
Check it and try the website live by clicking the button below:
Halaman website juga dibuat dengan kemampuan responsif dengan lebar layar yang berbeda seperti pada
layar
desktop, tablet dan juga mobile. Dengan elemen yang dapat responsif dengan perubahan lebar layar,
Website
ini dapat dibuka dari alat mana saja dan tetap menampilkan tampilan yang rapih dan sesuai.
Untuk aset gambar dan ikon yang digunakan dalam website saya mengambilnya dari website penyedia aset
gratis yang dapat digunakan secara personal.
Lihat dan coba website secara langsung dengan mengklik tombol di bawah ini:
BuRHger King
Experience the website design live
BuRHger King
Check the codes on your own on Github
