dynamically – how you elevated it for the digital platform beyond what you can do on a printed page.
Take us through the website. You can be doing this while explaining the above or you can explain everything before and then take us through it.
Final Deliverables for Next Tuesday:
Click to see final deliverables:
Responsive Website (linked to Sandbox)
PDF or Prototype of Final Intended Design: this is just in case you cannot get the layout coded exactly how you intended, so I can evaluate your design. (linked to Sandbox – if you don’t have a link – please create one for it.)
Case Study PDF(linked to Sandbox) Your case study should be robust and have plenty of images, process, and insights documenting and narrating each step. See the Case Study Outline below and Student Examples.
Project Specs Reminder
Click to see specs:
single-page (unless your concept promotes multiple pages then I am open)
html / css / Skeleton css framework
responsive (desktop + mobile breakpoints)
works on Chrome
at least 1 css animation or transition
Google Fonts and/or Typekit Web Fonts
1,000-1,500 words
original or copyright-free assets
optimized images
organized files / folders / code (utilize comments and indention in the code)
Case Study Outline
Click to see outline:
Background: A brief introduction of the project: the brief, synopsis of the story you chose, why you chose it, etc.
Solution: What was your proposed solution for the project? This includes how you approached the problem and overall strategy statement.
Process: What steps did you take to reach the final product. Show images and narrate each step.
Research – What kind of research did you conduct to immerse yourself in the project? Competitor research/inspirational research? What were the main takeaways?
Content Breakdown – How did you break down the structure of the story? What themes arose? What image associations were there?
Target Audience – Who is your target audience? How did you determine this?
Brainstorming – What type of brainstorming did you do? Did you do a free-write, word list, mind-map, do’s and don’ts list, and more breakdown of your narrative? What came out of it?
Concept Evolution – Why did you choose the direction that you did? What were your user and narrative goals? Were there other concepts or ideas you considered before coming to the final direction?
Visual Design Development – How did you reach your final visual design? Show moodboard, several sketches, initial visual designs, refinements, wireframes. What feedback did you receive about the different designs and refinements?
Usability Testing –What did you learn during testing? Were there any patterns? What refinements did you implement for the final design?
Outcome: What was the end result?
Final Design – Clearly show final comps for both mobile and desktop.
Challenges – What were the challenges you had to overcome?
Reflection – What did you learn from completing this project?
Vision/Future Goals – Is there any room for growth with this project?
Background: clear & convincing argument explaining the brief, story, and strategy statement
Research:demonstration of process through research, content breakdown, brainstorm, free-write, word list, mind-map, audience, moodboard
Concept Evolution: demonstration of concept evolution through goals, user flow, sketching/wireframing, visual design iterations, refinements, user testing
Outcome: explanation of outcome through final design, challenges, reflection, and vision
Design: overall case study design and appropriate amount of content (1000 words + images)