Web Design & New Media: Final Project
March 05, 2018Beatrix Leong Yi Wen
0331043
Web Design & New Media
Instructions
Lifestyle Website, Week 8
Lifestyle is a huge theme to discover. You might want to narrow down to a general topic for example entertainment or sports and specifically choose a specific title that you have more interest to. Please be careful when choosing the topic, as you will need to do intense research and prepare for the content. You are required to create a 5 pages of website. You need to propose the idea of the website, why do you choose the specific title, purpose, goal of the website and its target audience (please be specific).
Progression Flow:
• Flowchart/ information structure – Week 3
• Mood board/Concept board –Week 3
• Wireframe – Week 4
• Prototype – Week 5
• Final project submission – Week 8
Requirement:
Students must follow the progression flow as given in completing the task. Marks will be given based on the progression flow stated above. The total file size of the website should not exceed 20mb.
• Flowchart/ information structure – Week 3
• Mood board/Concept board –Week 3
• Wireframe – Week 4
• Prototype – Week 5
• Final project submission – Week 8
Requirement:
Students must follow the progression flow as given in completing the task. Marks will be given based on the progression flow stated above. The total file size of the website should not exceed 20mb.
Objective:
The purpose of the assignment is to discover the ability of skill that you have required from the lesson throughout the semester. Students should be able to create a website using HTML and CSS and create a usable interface with specific typography for web.
Design Process
Brainstorm/mindmap |
Layout sketches |
I started off with brainstorming different content. My idea was to have a website to educate people about hippie fashion and to promote it as well as provide background history on it. I also included a section for DIY where the website teaches people about how to recreate certain hippie looks for themselves.
I also created a colour scheme inspired by tie dye, one of the iconic features of the hippie era:
Color scheme |
Screenshots
Header/Homepage |
Home |
Home |
History |
History |
DIY main page |
DIY subpages:
Flower crown DIY |
Fringe T-shirt DIY |
Tie-Dye DIY |
Tie dye DIY pt 2 |
Subscribe page |
Resources/references/credits:
http://mrkate.com/2013/07/10/diy-fringe-shirt/
http://allthatsinteresting.com/hippie-communes
http://www.girlsofto.com/free-peoples-in-the-grove-june-lookbook/
http://127.0.0.1:33333/Preview/website-14/flower-crown.html
https://laurenconrad.com/blog/2014/10/diy-how-to-make-flower-crowns/
http://www.mycustombandmerch.com/products/specialty-t-shirts/dyenomite-pastel-ripple-tie-dye-t-shirt/
https://www.dreamstime.com/stock-photo-hippie-girl-flowers-crown-if-peace-symbol-sign-middle-meadow-tall-grass-image69392787
https://www.pinterest.com/explore/beaded-fringe-shirt/
https://www.pinterest.com/pin/562738915929517204/
Reflection
Experience:
It was an interesting experience to create my own website. The fact that we could choose the topic we are interested in makes the project more enjoyable.
Observation:
I observed that although Muse is easier to use than html, there are still some problems with it such as some buttons not appearing. Futhermore, a lot of the widgets require payment which is a problem.
Findings:
I found that making the layout sketch was essential to know how to put together the layout on muse. In the end, the website isn't really how I imagined it would be like though- this is something I need to work on.
0 comments