{"id":430,"date":"2016-10-30T20:51:42","date_gmt":"2016-10-30T20:51:42","guid":{"rendered":"http:\/\/danielleklein.ca\/?p=430"},"modified":"2016-10-30T21:08:28","modified_gmt":"2016-10-30T21:08:28","slug":"meta-post-on-my-portfolio-site-design","status":"publish","type":"post","link":"http:\/\/danielleklein.ca\/index.php\/2016\/10\/30\/meta-post-on-my-portfolio-site-design\/","title":{"rendered":"Meta post: let’s talk about my portfolio site"},"content":{"rendered":"

This summer, I redesigned my portfolio website.<\/p>\n

I’m still tinkering with it, and my site will see many iterations over the years to come, but I wanted to share some thoughts and messy sketches from my design process for the way it looks today.<\/p>\n

In the first iteration of this site, I had an idea of what I wanted it to look like and I looked for a theme to match that. This was before I came to the iSchool and before I knew much about design. So when I came back to the drawing board this past summer to re-think my site, I knew that\u00a0it had several problems I wanted to mitigate.\u00a0I had three goals for my new site:<\/p>\n

    \n
  1. Start from the information architecture.<\/strong> I wanted my portfolio to be front-and-centre in this iteration of my site, but I also wanted to keep my blog and to show some personality through static content, too.<\/li>\n
  2. Let the content speak for itself.<\/strong> I wanted to take a minimalist approach to the visual design of the site and focus on showing my UX design chops and my personality through the IA, the content, and my portfolio pieces.<\/li>\n
  3. Validate and iterate.\u00a0<\/strong>These words were not clearly defined in my design vocabulary when I put together my site. This time, I wanted to make sure I got feedback so I knew the site worked for\u00a0the people using it.<\/li>\n<\/ol>\n

    With these goals in mind, I created a project plan to redo my site, starting with IA. I wanted to make sure that the site’s navigation was simple and intuitive, providing users with a clear path through the site that provides the information they need to get a sense of who I am.<\/p>\n

    \"Sketches
    Water-stained wireframes (or perhaps coffee is the more likely culprit). These pages from my notebook show a quick and dirty iteration on my site’s content and wireframes after showing some screens to a friend for feedback.<\/figcaption><\/figure>\n

    Once I had the IA nailed down, I took an Agile-inspired approach to the project, working simultaneously on content and design and putting both in front of users to iterate with the project on the go.\u00a0<\/strong><\/p>\n

    I created wireframes and showed them to several friends to get their input. I also started to write up the content for the site and shared the doc with a few of my writer friends\u00a0to make sure the copy was clear and concise.<\/p>\n

    Once I found a WordPress theme that would give me the flexibility needed to bring my\u00a0site to life (Optimizer<\/a>), I set to implementing and was then able to test on the real deal. I’m very grateful to my roommates and colleagues who volunteered for\u00a0usability testing or otherwise provided feedback.<\/p>\n

    \"Kevin
    My roommate Kevin was a participant in my site usability test. Thankfully, he has grown to love usability testing and is always willing to take a look at things for me!<\/figcaption><\/figure>\n

    I continue to use user feedback to make changes to the site.<\/strong> Recently, I added the “latest posts” section to the front page after repeatedly receiving feedback about having current content somewhere there to indicate that the site is being updated. I also added the “design process” section after hearing from colleagues in the industry about the importance of including a high-level overview of my process on my site.<\/p>\n

    The next change I plan to make in the next few months based on user feedback centres around content. I’ll be working to shorten the length of my portfolio projects and add in bolded sections and pull quotes to make them easier to scan.<\/p>\n

    I’m always collecting feedback on my portfolio, and I’m always iterating on it.\u00a0<\/strong>Still,\u00a0I’m satisfied with the current iteration at a high level.<\/p>\n

    My central idea was to try to reflect my personality in the design, showing who I am through the content and using simple IA and minimalist design to let my work shine through.<\/strong> Particularly on the home page, I wanted to give the user a TL;DR summary of my approach to design, and I think I succeeded in that.<\/p>\n

    Disagree? Have other feedback on the site? Please share it with me, below or here<\/a>! I’d love to hear\u00a0your thoughts.<\/p>\n","protected":false},"excerpt":{"rendered":"

    This summer, I redesigned my portfolio website. I’m still tinkering with it, and my site will see many iterations over the years to come, but I wanted to share some thoughts and messy sketches from my design process for the way it looks today. In the first iteration of this site, I had an idea… Continue reading Meta post: let’s talk about my portfolio site<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":492,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/posts\/430"}],"collection":[{"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/comments?post=430"}],"version-history":[{"count":11,"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/posts\/430\/revisions"}],"predecessor-version":[{"id":497,"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/posts\/430\/revisions\/497"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/media\/492"}],"wp:attachment":[{"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/media?parent=430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/categories?post=430"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/danielleklein.ca\/index.php\/wp-json\/wp\/v2\/tags?post=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}