Website redesign kick-off

Lately, I’ve been reviewing my website, www.designmarie.co.uk, and decided that it was time for a redesign.

Before I set out as a freelancer in mid-2016, I’d never had an online design portfolio, simply because I didn’t need one. I’d been working in-house for 12 years and most of my other jobs had found me through recommendations, so I’d been faring well with my print portfolio. But the last decade really changed how designers display their work, and so I rushed to set ‘something’ up – and knew straightaway that it just wasn’t good enough.

To be fair, I’d come from a strong print design background and web … well … user interface (UI) design wasn’t my strongest suit. A couple of years earlier I’d taken a HTML/CSS course but, not being able to apply what I’d learned in my previous job, my coding abilities became rusty and my user experience understanding was fairly basic.

That all changed when I took the plunge and enrolled in General Assembly’s User Experience (UX) Design course at the beginning of 2017. It gave me a good grounding in how to approach any kind of UI design, may it be on websites, apps or other digital products. It also pushed me to learn more about digital design principles, good web design practices and brush up on my coding skills.

So armed with Sketch, fresh UI understanding and my personal in-house web developer on hand, I’m setting out to really crack my website and make it one of my first real-life UX/web design projects. It will probably take me a while to get it done (using my evenings and weekends) but I’m confident it will be worth it.

I’m keen to practice what I’ve learned and apply as well as show off my new UX design knowledge. I took time to go back to my study notes and started from scratch, really thinking about what my audience needs from a portfolio and pinning down the problem statement before I even thought about any research. I also dived deep into lynda.com, taking more advanced courses on user experience design and how to set up web portfolios. The more I learned, the more I understood that my portfolio would be one of my strongest tools as a freelance designer – once I’d done it right.

I’m gonna use my blog to document the process – after all, presentation is a big part of the UX process. So without further ado, here is what I’ve done so far:

1. Breaking the design process mould

In the beginning there was Sketch … err … oops! Well, because I was keen to practise my Sketch skills and because I love visual designing so much, all my good intentions went straight out of the window and, within a couple of evenings, I’d come up with a new design direction for my new website. Yep, naughty.

*sigh*

What can I say, it’s what I’d done many times before: get a vague brief, fill in the gaps by myself and start designing. Quite often it actually works: most smaller projects have space for quick improvements, or I might know the client so well that I’m good at second-guessing what they want. But that was not the point now. I had a new design process to follow!

So after spending a bit of time playing with Sketch and getting to grips with some UI design principles, my UX conscience held up a stop sign and told me to focus: You know better than this – do it right!

2. Discovering the problem

And so I asked myself: What’s my actual problem?

Well, I have a website – but I’m not proud of it. While there are elements that work (the single page layout, the colour scheme, the animated feel), there are so many design and functionality flaws that I don’t like sending people to my site. Instead I’m pointing them to my Creativepool portfolio which is simply more user-friendly.

But the technical and visual aspects aside, I’m convinced the website is confusing because it wasn’t designed with my users in mind. For a starter, there is too much text right at the beginning. Will people ever read that? The work samples seem in no particular order and the infographics at the bottom, as cute and funny as they might be, I wonder if they’re actually what my users are after.

So that’s my problem: I have a hunch that my portfolio website is confusing to my users and they need a better and quicker way to find the information they are looking for.

Tadaaaa!

3. Discovering the users

Luckily I knew my client pretty well – and I knew exactly what I wanted: a fresh-looking and clear design portfolio that would show off my work and personality, tell great stories and help me expand my freelance business. I also knew what I didn’t want: a box-standard website that looked like so many design portfolios out there – full of trendy-looking projects but, in the end, indistinguishable from the others. But most of all, I wanted a website that is useful to my audience.

With my client’s objectives spelled out, I wondered who my users actually are and what exactly they want from my portfolio. Reading articles about design portfolios, freelance designer audiences and doing some intense thinking, I came up with three groups:

  • Recruitment agencies who are looking to place freelance designers
  • Design agencies and other companies as well as individuals who are looking to work with a freelance designer
  • My current and previous clients

Now I might discover in my research that design agencies are watching out for different things in a portfolio than individuals or other companies. I might also find that I have to narrow down my target audience even further: After all I really enjoy working with start-ups and charities – do they have different needs when searching for design help than, let’s say, FTSE 500 companies? Well, to find out I will interview different representatives and see what the answers bring.

And that’s it for now. That’s how far I’ve come. The next step will be to set up, prepare and do user interviews. Stay tuned on my discovery journey to the best portfolio website I can build!

Advertisements
Learning

Hello blog, my old friend…

…or maybe we’re not friends anymore. It’s been a while. A shameful glance tells me I’ve been neglecting you for over a year. And I’m really, really sorry but life got in the way and…

Well, forget all that. If you are anything like my other good old friends who I haven’t spoken to in ages, we will just pick up where we were and not sweat the time were were apart.

Because I have good news for you: I wanna visit you more often! Yes, things have changed! I’ve finally found a purpose for you and that will make all the difference. I promise!

What’s the new thing, you wanna know? Well, I’ve been learning. A lot. And as it is ‘Learn Something New Week’, I might as well start to tell you about it. I gotta be honest, I also got inspired by a write-up about how important it is to share your work, so why not do it here. But let me just give you a quick summary of what I’ve done so far:

Back in December last year, I started with UX design, spent quite a bit of money on the General Assembly course and worked on a great project that I will tell you all about in time.

I’m also redesigning my website with Sketch, and currently building it from scratch, using newly acquired HTML and CSS skills from Lynda.com. Excellent training source. So there will be a lot to chat about.

Then I threw in a course in Keynote which had me build a fun presentation for my InDesign for Beginners teaching class. Again, I’ll make something special out of that eventually and tell you all about it.

Anyway, lots to tell and you, blog – my old friend, will help me spread the story. So, let me get back to my current endeavour and I’ll speak to you soon!

Happy learning, folks!

PS: And, yeah, I agree, you gotta have your own redesign. In time, my friend, in time.

Being a smart arse

Lots of quotation marks

Learn here how to get quotation marks right. Or wrong.

Be warned. I’m about to have a rant. Something is tickling my inner demons. And has been for the last 20 years at least. I just can’t take it any longer! Things must be said.

If you’re not, unlike me, a graphic designer with OCD, you might laugh because it’s a teeny-tiny problem. Yes, they are teeny-tiny things, though for me as enjoyable as a swarm of gnats. I’m talking about quotation marks. Or more to the point, the straight – also more accurately called dumb – quotation mark.

Continue reading →

Harry Potter and the Design of Graphics

House of MinaLima

It’s been a while since my last blog (I’ve been busy freelancing) but today I’m coming back with a bang …or shall I say, a swish and flick!? To cut a long story short, I’ve been to visit the House of MinaLima, an old townhouse in the heart of London’s Soho that hosts an exhibition of the Harry Potter movie graphic art – and it blew me away like a Weasleys’ Wildfire Whiz-bang!

Continue reading →

13 reasons why I’m a goth at heart

Robert Smith

Disintegration by The Cure

With the 25th anniversary of the Wave-Gotik-Treffen in Leipzig just behind us and inspired by a few friends who posted their amazing photos as young, beautiful goths, I’ve been thinking about the design aspects of the ‘dark’ culture lately. I’m not a fully-grown goth myself but I can’t say there isn’t something about the aesthetics of that scene that I don’t admire enormously. Now before I go on, let’s not get too hung up on terminology here. As with other scenes, genres, lifestyles – whatever you wanna call it – there are labels that some people embrace while others get upset over. I won’t pretend I know much about the goth culture apart from the fact that there is so much beauty in it! And that’s what this blog is all about.

Continue reading →