Use this template to track your website redesign process. You will turn this root folder in with your final redesigned site. Use it to highlight your design process and any of the decisions you made to help set this site apart from competitors (The things you’d want to tell employers during an interview).
Replace this text with notes and information gathered during your client meeting. List form is perfect.
Define your objective here. What are you trying to accomplish for your client - What problem are your trying to solve? Describe the brand message you are trying to communicate to their customers.
Trustworthiness came up several times so I would like to focus on that. This means picking colors like blue and soft colors. Modern means lots of white space and minimalist shapes. Lots of references to wilderness and lakes. Round shapes and inviting aestetics.
replace this text with the market segment this business is targeting
Groups and couples were mentions. Friends, probably young, camping types. Honeymooners also. All ages, but older would be directed more toward the cabin rentals.
Replace this text with screenshots, URLs and a pros and cons lists into TWO competitor's offerings. What did you learn by looking at these sites? What do they do well? What areas do they lack and give you the opportunity to capitalize on?
replace this text with screenshots of anything inspirational to help you in the design process - color - type - texture - anything.
replace this image / text with an image of your sitemap outlining the site structure and information flow of your version of the Portage Trail Website and their content. Use Illustrator if you'd like and just insert the image
replace this text with scans of your vision of content organization (sketches or wireframes of 3 sizes; mobile, tablet, and desktop). These should be detailed drawings that communicate to a non-designer, non-visual person what the site will look like. You may put together a wireframe mockup in leiu of hand drawings if you want to.
Replace this text with screenshots or jpg's of the first draft of your high fidelity Photoshop comps. Show all 3 the layout sizes. Each layout should contain all the elements of your design vision so it can be fully critiqued. Real images and real text
replace this text with screenshots or .jpgs of your final design comps after all refinements. Show the two layouts. Also explain the updates you made to the design based on feedback from the previous step
Describe how your design achieves the design rationale above. Add any other information you gather, or anything else you'd like to highlight or remember about making this website. This should be your longest paragraph. Describe what you want a viewer to feel when visiting your site and what design decisions you made to create that “feel.” How are you visually communicating your client’s message to their customers?. HIghlight the changes you made to improve the site and why you made the changes. Every change should have a reason that you can articulate.