Interactive Design / Final Project

20.06.2022-09.07.2022 (Week 13-15)
Esther Vanessa/0350751/Bachelors of Design (Hon.) in Creative Media
Interactive Design
Final Project

---

INSTRUCTIONS

---

TASK

On our final task, we were asked to create the remaining 4 pages of our website. It consists of Customer Care, Our Brand, About Us and Store Locator.

On this, I created an initial prototype first on Illustrator.

Figure 1.1 Outline of the 4 pages

Afterwards, I quickly made it in Visual Studio Code.

Figure 1.2 Linking the other sites to the NavBar

I copied the rest other than the content. This includes Navbar, and footer. I followed through with the design I initially planned. However on the last page of Store Locator, I encountered problems so I had to alter the whole page. 

The mainpage of the website still has the broken image. If you want to access the website as it should be working as you need to download the whole file website. 

Here is the link for the website uploaded to netlify.

Here are the screenshots of the pages.

Figure 1.3 Customer Care Page

Figure 1.4 Customer Care Page

Figure 1.5 Our Brand Page

Figure 1.6 Our Brand Page

Figure 1.7 Our Brand Page

Figure 1.8 About Us Page

Figure 1.9 About Us Page

Figure 1.10 Store Locator Page

---

REFLECTION

I had clear expectations going into this. I created something more simple and utilized Bootstrap more this time. I also took inspiration from several websites and used all of the texts from the main website of The Ordinary. In the end I really liked how some of the pages end up looking like, The Our Brand Page looks very bright and happy while the Customer Care page also ended up looking cool and also the button is responsive. 

I have to admit I had major concerns with this. My website just would not upload on netlify and it frustrates me a lot. Even though it was uploaded, the image is still broken. It also seemed like I couldnt really find a solution for it so in all honesty I do not expect much. Am I disappointed? Yes.