Project Synopsis: You will create a digital interactive triptych, composed of three related screens of content, assembled with HTML/CSS/JS, navigable by your viewer. The following constraints apply:
Today in class: Determine the underlying subject or idea for your triptych, and have it approved by Abram.
For Monday: Create and upload a low-fidelity prototype communicating your intentions. This prototype could be a storyboard, a content outline, a PDF, a set of style tiles, a combination of these things, or any other format that serves to define and communicate your intentions.
“TrailerView” is a simple website which aims to give users the essential information necessary to decide what movie to go see in a theatre on a given night. You and a collaborator are tasked with designing the detail page template for the site, and implementing it as an HTML prototype. The layout must be responsive. The first step is to develop a wireframe that documents your strategy for arranging information in a way that makes sense on any screen or device. Don't concern yourself with navigation, sorting, etc. — your goal is strictly to determine how to organize information on the page.
Content must include:
Content may also include
Post completed visual design that you and your collaborator have created for both mobile and desktop sizes of your Movie Trailer detail page. These can simply be jpeg images, no actual HTML yet.
Considerations:
Use Bootstrap as a platform on which to re-create your Movie Trailers page. Start by using the Bootstrap grid to define broad-strokes layout of major elements, essentially creating a working wireframe in the browser.
You've built a home-rolled version of the 'Movie Trailer' detail page, as well as a 'Bootstrapped' version. Now, design the view(s) that lead to that detail page. In other words, how will a site user find and select trailers to view? You are responsible for determining what the user experience ought to be, then designing and implementing that experience as a high-fidelity prototype (finished HTML/CSS, with JS as your capabilities permit).
Feel free to collaborate with classmates, but ultimately you will create your own finished deliverables.
You will decide what tools, techniques, and approach you use to accomplish the goal. Personas and user-stories? Storyboards? Wireframes? Mockups? Design in the browser? Bootstrap? It's up to you, but expect me to be paying attention to the following things: