Web Pages Development

Web Development | Graphic & Brand Design
Project Overview
Tasked to develop a static web pages for a conceptual company called “Eye Candy Cinemas”.
My Role & Responsibilities
Web Development | UI Design | Brand Design
Wireframing, HTML/CSS Programming, Graphic Designing
We were tasked to develop  static web pages for a conceptual company called “Eye Candy Cinemas”. This was my very first HTML hands-on project

To create the project, I had to do HTML & CSS coding in order to develop the static pages. The task assigned to us was only limited to building the interface, hence, the website is not published on the internet.

In addition to doing hard coding, I also had to create a branding scheme of the company such as logo, brand colors, and theme.

Eye Candy Cinema Website
Graphic/Brand Design &
Web Development
(School Project)
September 2021

BRANDING

THE LOGO

I had the idea of making an illustration that would revolve around the idea of an "eye".

I ended up making a vector of an eye with the pupil reflecting a Cinema film tape. I was able to make it by using Adobe Photoshop.

FONT

The main font used for this project was brought from Google's open-source fonts.

I chose a Sans Serif option because it was modern and would resonate more for the company's target market, which essentially was young - young adults.

COLOUR PALETTE

For the company's colour scheme i chose those four main colours. Colour Psychology points out that Purple symbolises "Fantasy" while Blue resonates "Perspective" which I thought were fitting for Eye Candy Cinema. The other colours were used to complement Purple & Blue.

#401970
#2274B7
#E9F1F3
#BC7183

WIREFRAMING

The wireframes were created using Adobe XD.

These has been the framework for Eye Candy's website pages.

Since it was our first project/ activity, it only required us to make four pages. Namely, homepage, About us page, Contact us page, and Movie page.

I believe these were the main pages that are usually visited by users.

WEBPAGE SCREENSHOTS

EYE CANDY CINEMA
WEB PAGES

After collecting assets, and finishing all the wireframes, next step was to create the webpages from scratch.
This was done through hard coding HTML/CSS .