Workshop portfolio design process (Wk 11)

This week's workshop session was all about planning and preparing to develop our portfolio. A summary of the process I completed and notes I took during the session can be seen below:
PHASE 1: Browsing portfolio's for inspiration

Below I have included a list of design elements that I liked and could potentially use in my portfolio:
  • Image navigation links: on hover the name of the link shows up and the image darkens - Sagmeister & Walsh's portfolio
  • Single page scroll portfolio with links to jump down - Melanie Daveid's portfolio
  • Header only shows up once scrolling down the page begins - Studio Schurk's site
  • Simple animations on hover - Mark Thomas's portfolio
  • Header that automatically changes as the page scrolls - Jesse Willmon's portfolio
PHASE 2: Initial brainstorming
The following have been constructed with a single page scroll type portfolio in mind.
Site map

Potential design layout

 Colour scheme
I really like how black, white and one specific colour work together: the neutral tones of the black and white help exaggerate the single colour and I plan on utilising this in the design.

PHASE 3: Creating a project plan
Content needed
Text: re-written + stripped text from the blog post regarding Part A, B and C and other assessment items
Images: screenshots of website, sketches + diagrams from development phase

 Elements needing to be created
Some sort of simple logo, images for each navigation setting (maybe), design for the website

 Milestones
Compile all the necessary content (including writing/striping text from blog posts for portfolio) - by Week 12
Complete all design work and produce high fidelity prototype - by Week 14
Test prototype and fix errors - by Week 15
Upload - by 10/11/17 end of Week 15
PHASE 4: Collecting suitable content
Online journal
Relevant posts that fit the portfolio criteria - Part A posts (Wk 4, 5), Part B posts (Wk 7, 8), Part C posts (Wk 10-12), Portfolio posts (Wk 12 onwards + this post)

 Outside of DECO1800
High-school graphics projects, video editing projects, more details in my portfolio content ideas blog post

I feel like I have got a really good grasp on the portfolio assessment thanks to this workshop session. I think phase 1 was the most useful for me as it really helps to show off the 'aesthetic' of portfolios and what design features make them unique and special. I'm positive that these notes and the knowledge gained will prove imperative when constructing my own portfolio.

Comments

Post a Comment

Popular posts from this blog

My course aims and expectations (Wk 1)

With the first week of classes over, I have begun to develop some expectations of what the design computing course will be like, and I have several aims to help me keep track of myself throughout the semester: Based on what I know of this course so far, I expect to be applying the design and web coding skills I have learnt in the previous web design course (DECO1400) in new and practical ways. By doing this I hope to not only further my skills in these areas, but to also produce a suitable web application for the major project that fits the given brief.  I want to be heavily involved with the design planning phase of the project as this is what I believe I'm best at; accounting for numerous different design factors and then visually conveying this to the team. In regards to the major project, I am specifically worried about my ability to use and manipulate JavaScript code, as this was what I struggled with most last semester. I scraped through web design largely due to a bett...
Read more

Portfolio content ideas (Wk 9)

With the due date for the portfolio assignment approaching, I thought it would be relevant to consider the actual content that I could put on my website. I have done only a few limited projects at university so far so I feel that it is very important to look at exterior projects that I have completed that could go onto the portfolio to show readers more of myself and to give the portfolio a more wholesome appearance. Career-related work This section will be all about the assignments I have completed that I feel could be shown to a company to advertise myself and my skills: High school projects - mainly assignments from my Graphics subject which highlight my advanced understanding of CAD software. University projects - assignments that show my understanding of design principles in general and for web design. Personal projects This section will be all about personal projects I have completed that whilst might not be directly relevant to a company, give insight about my person...
Read more