‘Design’ archive

Blubolt’s new office

Posted on 13 September 2011 in Design | View Comments

25 Queen Square Bath 600x395 Blubolts new office

Blubolt has moved to 25 Queen Square! It’s just around the corner from our previous office, but it is quite a bit larger so we have lots of room to expand, as we have been doing at an alarming rate!

Check it out, I’ve got the best desk:

DSC03136 399x600 Blubolts new office

Check out my view of the park! I sometimes stare out here and imagine what life would have been like in the 1800s when 25 Queen Square was brand new and residential. I picture myself in one of those big dresses, going out for my three turns around the park with a handsome Mr. Darcy on my arm. I love daydreaming about the 1800s…

DSC03145 399x600 Blubolts new office

Anyways, back to reality. On the other side of the room sit Daniel, Max, Krzych and Trevor.

DSC03144 600x399 Blubolts new office

Here’s a panorama of the front-facing windows, including a very shy  or scared Trevor. You can also see that we’ve hung the auction painting (it’s a Dominic Hills) on the wall near my desk.

DSC03142 600x157 Blubolts new office

Spinning 180 degrees, we’ve got Saud and Deividas separated by a small partition. Off to the right is our tea station, currently stocked with seriously amazing teapigs tea [new website coming soon!].

DSC03137 600x399 Blubolts new office

Further back, we have Duncan and Craig.

DSC03138 600x399 Blubolts new office

Vito and Alan also work back here.

DSC03139 600x399 Blubolts new office

Behind them is the small meeting room, which I didn’t really photograph as we had some clients working with us the day I took these photos and I wasn’t sure how they’d feel about being paparazzi’d.

From the small meeting room, looking towards the front windows, you can see how long this space is. Craig sometimes even has to use a loud speaker to get Max’s attention!

DSC03140 600x399 Blubolts new office

Despite the continuous stream of ambulances and car horns, we’re loving this office. It’s so nice to have room to stretch our legs – literally! We’ve even got another large meeting room and smaller storage room on the 2nd floor which aren’t photographed yet as they’re in need of a paint job.

pink office 600x450 Blubolts new office

As much as I loved my pink office, it’s just so nice to be part of the office banter again.

View Comments

From Sketchpad to Photoshop

Posted on 8 September 2011 in Design | View Comments

I’m really lazy. I don’t like getting up from my desk, waiting for the scanner / printer to warm up, making sure I have the right drivers, trying to get my bloody drawing to scan, etc. I have developed my own 21st century method of scanning and it works quite well! Here’s what I do:

1. Take a photo of my sketchbook

step 1 take photo of sketchbook 600x398 From Sketchpad to Photoshop

2. Email photo to myself

step 2 email self 1 200x300 From Sketchpad to Photoshop

step 2 email self 2 200x300 From Sketchpad to Photoshop

step 2 email self 3 200x300 From Sketchpad to Photoshop

3. Open in Photoshop

step 3 open image in photoshop 2 425x600 From Sketchpad to Photoshop

4. Crop & Fix

Screen Shot 2011 09 08 at 19.39.55 462x600 From Sketchpad to Photoshop Quickly, I crop out the other crap. Then I desaturate the image (CMD + SHIFT + U) and manually correct the levels (CMD + L). You’ll see that the levels look like something like this before: Screen Shot 2011 09 08 at 10.09.16 From Sketchpad to Photoshop Ideally, the whites need to be white and the blacks black. Afterwards, my levels looked like this: Screen Shot 2011 09 08 at 10.09.34 From Sketchpad to Photoshop I’ve never really thought about how I do this step, but I guess I drag the dark slider to the right of its mountain and the light slider to the left of its mountain, then play around with the midlevels until it looks right to me. IMG 2192b From Sketchpad to Photoshop These four steps are quick as anything for me and beats mucking about with a scanner, in my opinion.

View Comments

Amy’s eCommerce tips for a successful online store

Posted on 9 May 2011 in Design | View Comments

Please note that the following opinions are my own and do not necessarily reflect the views of my employer.

Figure out your branding

I can’t tell you how much easier it is to design a website when provided with catalogues, past advertising campaigns, copy that is indicative of your company’s voice, etc. When you know where you’re going, it’s much easier to follow you there. Occasionally, I’ll be given a “go nuts with it” or “we’ll provide the logo later” spec, but chances are good that I’ll go in a completely different direction than you were envisioning. If there’s a disconnect between your designer and your brand image, your website will stick out like a sore thumb.

Done poorly

LA 300x243 Amys eCommerce tips for a successful online store

In my opinion, the Laura Ashley redesign is a great example of what happens when the designer doesn’t fully understand your brand image. If you have a look at their catalogue, Laura Ashley is all about texture, traditional British patterns with a touch of shabby chic. The website now looks too “John Lewis” and not enough “Cath Kidston.”

Other branding confused sites are Ted Baker, The White Company (post-redesign), and Gucci. I won’t expand on these, but feel free to ask me about them in the comments if you’re interested.

Done well

katespade 195x300 Amys eCommerce tips for a successful online store

Kate Spade is one of my absolute favourite online stores right now. Not only do they have a “Play” catalogue section that they keep updated, but the colours of the entire site change seasonally to relate to the product line. The website screams “utility, wit and playful sophistication” which is coincidentally how they describe themselves on the about page.

Other noteworthy sites that relay the brand well are Joules, Hollister Co., and Habitat.

Get your photography done first

roxy 247x300 Amys eCommerce tips for a successful online store

This kind of goes hand in hand with branding. You can ramble off the usual adjectives (clean, simple, organized) to your designer, but if you show your product lifestyle photos and/or some creative photos of your shop interior, we will be way more likely to get the design right the first time. Plus, isn’t it so much nicer to look at a design mockup with your lovely images in place?

A lot of the time, clients will have us whip in some stock images while they get their photography together. This works, but hunting down appropriate stock images is not really great use of my time. I’d rather be laying nice typography over your actual lifestyle images!

The entire web design can hinge on the photography; this is especially true of fashion stores. How boring would the Reiss layout look with grey boxes in place of the photos?!

reiss 300x216 Amys eCommerce tips for a successful online store

Bornshoes.com is another excellent example. The lifestyle shots define the brand, own the layout and make this website. The photography in the background scales with the window, too (which is kind of hard to illustrate from this little thumbnail so go and have a play with it). If you’re interested, they also have a behind-the-scenes page about the photography team.

bornshoes 300x211 Amys eCommerce tips for a successful online store

Know your competition

What is your competition doing well? What could be improved upon? What will drive users to your store, as opposed to theirs? Does your product have a specific feature that theirs doesn’t?

Our most successful clients have done this well. Sometimes it can be as simple as an uncluttered design or approaching the main navigation differently, but other times clients have had to offer additional services or add extra functionality (such as interactive catalogues or liquid layouts) to their site.

Inject personality

Does your brand have a unique voice? A character, perhaps? An interesting and relatable personality is far more likely to get sales. Same old, same old is boring! Be brave!

An obvious way of injecting personality is through a blog. Any lifestyle store should definitely have a blog accompanying it. A blog will also help with your SEO and returning visitors as well as refer readers to relevant products. I think that Lilly Allen’s Lucy in Disguise store website leaves much to be desired, but the blog posts written by fictional character Lucy are interesting, unique, and enough to persuade me to keep visiting the site.

Done well

marie catribs 256x300 Amys eCommerce tips for a successful online store

Marie Catrib’s is just so dang adorable. The personal touches and handwritten copy draw you in.

Don’t be too vague or too specific when briefing your designer

When it comes to explaining what you like and what you don’t like, keep in mind that you’ve hired a professional for that very reason: they are a professional. Don’t stifle their creativity.

Try not to limit yourself to one inspiration website (cough, John Lewis, cough) but be careful not to provide too many.

In fact, these days I actually prefer to work from a list of adjectives and lifestyle photos, when possible. Inspiration websites are fine and I do like to discuss which sites you like and why, but the why is the important bit. There’s nothing more confusing than receiving a long list of websites with contradicting styles and not knowing how to interpret them. You need to say what you like and why.

Equally important when briefing your designer are sites and styles you do not like. I find this probably more useful than just hearing about sites you do like. No left navigation? No problem. No dark backgrounds? Cinch.

What style do you like? Grunge? Clean? Collage? Grid-focused? What layout style suits your brand and why? Figure out what you’re after and make us designers understand you, but give us room for creativity. If we’re meeting face to face, I actually like to scribble up layout wireframe ideas right then and there. I think most designers will probably happily do this with you. It’s good to start off the project on the same page.

Know your statistics

What’s your conversion rate? What age range are your current shoppers? Are you looking to expand your target market? How will you market to them? What browsers do current shoppers use? Do they abandon their carts? Are they likely to become loyal customers?

Knowing a lot about who your customers are and how they shop will help you immensely in redesigning your store. Adding loyalty cards, referral campaigns, recommendations, etc are all do-able, but are they worth their while?

Be social

Build up your fan base by being active on Twitter & Facebook. An easy trick would be to hold contests & giveaways, tweet about them with links shoot potential customers off to your blog. Offer exclusive discounts through your email newsletters and tweet like crazy about this. Create conversations by asking questions with the new Facebook Questions feature.

Stay relevant and tech-savvy by any means necessary, and use your brand’s developed personality to really sell it. It really depends on your product, but you could send SWAG to YouTube weblebrities or relevant bloggers in hopes that they will promote you. (Hint, hint!)

Hopefully this is helpful. There’s probably a lot that developers could add to this; feel free to comment below!

View Comments

Battling the “designer ego”

Posted on 2 October 2009 in Design | View Comments

I was in my friend Jemma’s art gallery today (shameless plug!) and she made a statement about artists who think they’re better than they are. Not her artists, if any of you are reading!

I got thinking about how that applies designers as well. The designer ego is essential and we all have it. If we thought our design skills were crap and that our work wasn’t worth being proud of, we wouldn’t make websites.

The trick is, then, to keep our swollen heads from exploding. I’m no saint, but here’s how I handle it. Read the rest of this entry »

View Comments

Freelance vs. Full-time

Posted on 5 May 2009 in Design | View Comments

Now that I’ve successfully completed one year of freelancing followed by one year of full-time at a design agency, I’ve decided to give the past two years a proper critique.

Freelance Pros

  • Setting my own schedule. I often worked long hours throughout the week so that I could have one or two ‘sleep-in’ days.
  • Bragging rights. I used to love saying “I work for myself,” at 22 years old!
  • Wearing pajamas to work. Casual Friday was every day! You should have seen my hair…
  • Being picky. I didn’t always have the luxury, but when things were busy, I could pick and choose which projects most interested me.
  • Travel! This was a huge deal for me as I was flying to the UK every couple of months. Working remotely gives you the freedom to work from anywhere!
  • Writing off things. When tax season rolls around, you’ll have a lot of expenses. Phone, cable, computer costs, and even a portion of your rent!
  • Meeting new people. Freelance designers have a ‘secret club’ in which they share project ideas, inspirational sites, CSS tricks, fonts, and more.  When a fellow freelancer contacts you, RESPOND!
  • Personal projects. When things are slow, you’ll have spare time to work on personal things which will help keep you motivated and interested.

Freelance Cons

  • Not knowing when work is coming in. It’s a little stressful worrying about not getting enough work in to support yourself.  It got hectic at times
  • Not knowing when money is coming in. This makes life ultra complicated when you have to spend a weekend eating Kraft Dinner and not going out just in case that client’s cheque doesn’t arrive.
  • Being unable to trust clients. I learned this the hard way! Be wary of in-betweeners: the ones who outsource client work to you.  Some you can trust, some you can’t.
  • Instant messaging. When your clients know you’re a click away, they’ll waste so much of your time by interrupting you with Skype messages and not letting you get properly ‘in the zone’.
  • Lack of holidays. As a freelancer, most of my holidays turned into working holidays.  I didn’t work I didn’t get paid, and my work would pile up.
  • No benefits. You better get used to paying for dental, meds and whatever else an extended healthcare plan would cover!

Full-time Pros

  • Steady pay. It’s nice to be able to budget accurately with a salary you can rely on.
  • Better pay. I spent too many freelance hours doing things I wasn’t getting paid for, which meant that I was working less than full-time and quite often invoiced clients for less time than I spent.
  • Holidays. It’s nice to get away on long weekends and relax!  I feel a lot more relaxed now.
  • Steady work. In an agency you don’t have to reel in your own clients!
  • No more invoicing! It’s such a relief not to have to do the administrative side of things anymore.
  • Social interaction. It’s nice to have people to talk to during the day!

Full-time Cons

  • Answering to a boss. This is particularly a difficult thing for me as my boss is also my boyfriend.  But he forgives my occasional attitude and we make it work.
  • Work you’re not interested in. You can’t be picky in an agency; you sometimes have to do things you don’t want to do.
  • Set hours. I’m not a morning person, and thankfully blubolt is flexible with this one because I’m generally more productive after 10am.
  • Planning meals gets a bit trickier. You have to plan your lunch (or buy it) and prep dinner if you want to eat right when you get home.
  • Teamwork. As a freelancer YOU call the shots – it’s a lot more difficults to work as part of a team.  But also a lot more rewarding.

For me, freelance was the right thing to do at the time and working for an agency feels right now. It all depends on your place in life, I guess. Despite all the ups and downs, I’ll always think fondly of my freelance days!

View Comments

Print-Turned-Web Designers

Posted on 5 December 2008 in Design | View Comments

When I was a freelance web designer, I had to take work as it came in, which often meant converting PSDs into CSS & XHTML. I have always found it frustrating to code up a design that has obviously been done by a print or graphic designer, and by that I mean anyone who calls themself a web designer and doesn’t know how to code CSS and XHTML (Dreamweaver design view and Frontpage don’t count). I don’t mean to discredit their talents or creativity, but there are certain web design rules that these designers don’t seem to ‘get’. Read the rest of this entry »

View Comments

Why can’t we all just get along?

Posted on 4 December 2008 in Design | View Comments

A while back, Vitamin blogged about the communication barrier between designers and developers. Having worked with quite a few developers, I thought I’d answer the questions that are applicable to me. Read the rest of this entry »

View Comments