This is my website logo.
This logo mean harry potter’s owl that carry the letter.
Website specification
Resource – Icon
This icons will be used explain history about harry potter.
These represent each film.
For example, first one represent Harry Potter and the Deathly Hallows.
Technical considerations
Web site
– Program : Sublime text, Adobe Photoshop CS6, Adobe Illustrator CS6
– programming language : HTML5, CSS, Java script
– Equipment : Canon EOS 100D, MacBook Pro Retina
Video
– Program : Adobe Premiere Pro, Adobe After Effects
– Equipment : Canon EOS 100D, MacBook Pro Retina
Browser
This is very important thing for accessibility. If your website can’t be shown in browser, they are going to leave.
Client needs – Accessibility
Today, I discuss about accessibility for disabled with client.
They want to getatable website.
So I find Korea’s first trip site for disabled.
This made by ‘ministry of culture, sports and tourism’ and ‘Korea Tourism Organization’.
It include about disabled facilities so this sub title is ” barrier free travel “
http://access.visitkorea.or.kr/index.do
Result of discussed, make checklist for website visitors ( include disabled ).
- Minimum click(mouse) : It’s for physical handicapped person. This people is inconvenience mouse click so I reduce click umber. Then How can I reduce click number? I designed my website just one page for scrolling. People can see all information in one page.
- All text explanation : It’s for a hearing-impaired person. If I explain something only sounds, they can’t catch the information. so I write all information using text.
- Using pictogram : For simple understand, I will use pictogram in my website. It is compound word “picture” and “telegram” and it helps people’s understanding.
- Responsive web : These days, many people use a smart phone so I think website has to easy for look in mobile phone too. so I will make responsive web. This web changes follow the window’s size.
Visual style
Moodboard
– Categories : Texture / geometric / black & white.
- Black & white : With out magic
- Geometric lines : Film’s character’s traces
- Texture : Can feel harry potter’s mood
Reference websites
– Existing Harry potter involvement website :
https://www.universalorlando.com/harrypotter/
http://harrypotter.bloomsbury.com/uk/
http://www.harrypottershop.com/home.do
Result of research
Generally Harry potter website is skeuomorphism style and That is old style so it’s not refined.
Also menus are too tangled.
– A skeuomorphim is a derivative object that retains ornamental design cues from structures that were necessary in the original –
People want refined style so my website style will be “Flat” and “simple”.
– Style reference websites :
http://projektkartan.svenskakyrkan.se/#/
Kylie 