FINAL PROJECT
Folder Structure
- _old: all previous testing pages
- fog: most up-to-date files
- source-files: illustrations, wireframe etc.
- Please follow folder structure when you update. Thank you.
Brief
Our website will feature 4 San Francisco attractions using parallax scroll animation. Each section will have a link/button that goes to a separate page in which more information of the attraction is introduced. On each more info page, there will be a button that leads user back to our main page.
Project Roadmap
WEEK 10
- Compile website inspirations;
- Figure out how to make the website (methods, plugins etc.);
- Moodboard;
- Sketches;
- Typeface;
WEEK 11
- Adam- create wireframes for our site (landing page and inner page) and update us By EOD Friday.
- Ben- create an icon set that describes each tourist attraction, and buttons. Please give us an update by EOD Friday.
- Ulrica- create illustrations of 4 attractions and share 2 by Friday or Saturday.
- Sun Dai- replace the landing image (golden gate bridge) and figure out responsiveness of this parallax scroll animation thing. Once I receive any updates I will update the page accordingly. I will also research on navigation functionalities (click to navigate to a specific section etc).
WEEK 12
- Animated gif for the fog, background cover.
- Building/landmark graphic make on a seperate layer as transparent PNG.
WEEK 13
- Update new illustrations
- Update fonts / typesettings
- Add icons
- Tweak scrolling animation
- Responsiveness
WEEK 14
- Adam: Implementing the Google maps with marker for each location category.
- Ben: Work on the menu and add the sf icon font.
- add sass cache to gitignore
- fix typo