Concept | Graphic Design | Web Design
Hans Helga Burgers
This project is about branding and creating a website that serves as an online menu for Hans Helga Burgers – a restaurant specializing in burgers. The website will be coded from scratch using HTML and CSS.
This work involves careful wireframe and prototyping, detailing the layout of the HTML and CSS structure for coding, making it not only functionally efficient but also eye-catching, providing highly good experience for users. Less is more. The website will operate on many different electronic device platforms (especially mobile) and therefore needs to be fully responsive.
Logo Design
The cow head icon idea and colour concept made a feeling of the colours of western restaurants, catch the eyes with country deep tones, match the design concept for burgers restaurant.
Prototyping
Here is the prototype (computer version). Inside <body> section contents <header>, <main> and <footer>. Compared to the wireframe version, this prototype helps me have a clearer overview of the web structure before coding and styling css.
On the right is the prototype of mobile version. The logo banner and menu table will be auto-resized and text frame automatically shrinking.
Coding
The <head> section is not visible to website visitors, it displays on the browser tab and also gets displayed on search engines (SEO). This section contains metadata, which simply means data about data, means information in the head tag is not displayed on the page but the information is used by browsers and by search engines.
Link: https://hshelga.com/Index.html
AMA DEZIGN 