Roadley

This is one of our courses this semester. It’s the course where this portfolio had to be done, and is also known as FPW (In danish: Formidling, Projekt og Webdesign). That’s also why you can find these 3 letters as a category in the blog section. On this page you will read about my latest progress on this portfolio, and see the wireframe sketches for the current design.
 

For this course it’s important to:

• Discuss general group processes and issues in our groups
• Apply working documents and digital communications to organize project work
• Apply iterative methods for testing the information architecture and interface design
• Use rhetorical and argumentation theory to formulate a clear and reliable content
• Apply a dynamic platform (WordPress) and selected technologies.
• Reflect on own design choices and blog about it.

My design process
As a brainstorming i sketched down thoughts and sitemaps on a piece of paper. From here i went on with my own coding, since i didn’t feel like using other peoples templates and i wanted to challenge myself. This means i sketched alot by hand, but also in basic HTML / CSS. You could call the process I’ve been through “Iterative”, since it has been a lot of testing – to see what would work. The changes and version history can be read in thechangelogcategory on my blog.
 

As the process went on and I’ve tried several options for my frontpage, it came clear to me that i wanted to have featured projects on my frontpage. Since i had a portfolio before this assignment it was important for me to save some of the content. My grid/wireframe sketch relies a lot on these featured projects, they are literary the structure of the front page.
 

Step 2 was to keep it clean, simple and yet as elegant as possible. I’ve always had a thing for simple grid structures. As you can see there’s no flying content or vulgar pictures.
 

This minimalism had to be continuous. So the from the front page wireframe i began to sketch the rest of the pages on my portfolio. The page we’re on now, and seen on the example to the left, is a bit different since there’s more content on this page. This means i couldn’t feature all posts, and had to move the 3 recent ones to the bottom level of my design, giving a whole new way to navigate and adding that little extra

The last pages were designed to make the usability and readability comfortable. By adding a sidebar i was able to keep the word count per line around 15, and 72 characters excluded spaces.
 

More reading about process and reflection in FPW and this blog, follow these links:

• Blog
• Changelog
• FPW