Project 4: Online Catalog
We began this semester by getting to know you through HTML. Now, I want the world to know you through your work. Now it's time to build your own corner of the internet using a Content Management System (or CMS). A CMS allows you to:
- better manage your files
- design using a WYSIWYG ("What You See Is What You Get") system
- easily host and update a portfolio.
The site can be a work in itself or be subtle or loud, overwhelming or restrained. Consider how your work will be best presented in the context of this online catalog.
Project Parameters
- Your name
- Documentation of work from this class and at least 5 other projects (either in the form of a video, screenshot, iframe, gif, or textual list)
- Name of each project (optional 1 sentence description)
- Link to each live project / website
- Step 1: Compose
Start by collecting all of your work that you'd like to showcase in a portfolio. This can be as polished or as process-oriented as you'd like it to be. Please share your work from class, and at least 5 other projects from last semester or last year. Think of this as your public facing archive of you work! - Step 2: Sketch
For this project, you will start from a desktop-first approach. In Figma, create three (3) 1440 px wide frames. Design a distinct system for each. The particulars of each system are up to you, but consider the limits of the frame width, and the length of your text as constraining factors. - Step 3: Prototype
In Figma, you will refine one of these approaches by developing a mobile and tablet approach. Please remember that your work should be the primary focus (Don't "over-design"). - Step 4: Finalize
Choose one of your grid systems to flesh out with Cargo Collective, a CMS that is specifically useful for designers. When you are ready to host, I will give you a discount code that will make public sites free for UT students.