Andy Kyte’s Website Design

Posted on by Tuuli
Reply

One of the friendships I’ve made since moving to London is with an über-talented unsigned artist called Andy Kyte – he’s slogging it away in Camden, slowly making a name for himself and turning heads in the music industry. I’m totally in awe of all the hard work he’s been putting into it, and when he asked if I could help him out with some design it wasn’t a difficult decision.

One of my responsibilities was his online presence. I worked on his myspace and twitter pages and set up a facebook page for him. I also went to a couple gigs to get some photos we could use across the internet.

Website

Twitter, facebook and myspace were great for a while, but in preparation for releasing his first single he needed a complete overhaul of his website which had sat dormant for a few years.

Seeing as I hadn’t worked with HTML since my teen years (that would be about 4 years ago, for reference) and CSS was a foreign language, I thought – ‘Why not?’ – as you do.

I designed something in Illustrator, started setting it up in Dreamweaver, skipped out on a whole lot of features I realised would take more coding skills than I could master in the short amount of time, and had it up in about two weeks. Absolute mad times, but fun all the same.

Website Header

Website Content

Even though it’s not a perfect and polished website, it served its purpose and, as my first foray into web design, it wasn’t too bad. I learned a lot along the way, for sure! You can view it in all its glory here.

Newspaper Club

Posted on by Tuuli
2

The new projects are here! I’ve not had so much experience at print work, so decided I needed to stretch myself a bit and pick some with that in mind – so since Christmas I have been working on researching and designing a 12-page newspaper exploring  ’What a graphic designer needs to learn and be able to do to successfully function in the 21st Century’.

I wanted to have a bit of fun with this, and decided to explore a ‘Good VS Evil’ theme, so was looking at a putting a superhero edge to it all.

Researching was at first my most dreaded part of the project, but turned out to be a great experience for me – I contact a huge number of graphic designers and over half replied and helped by answering a bunch of questions for me. It’s brilliant to see how generous and awesome design professionals out there are!

The project’s still ongoing; here’s a look at what I’ve done so far:

newspaper cover concept

I wanted a bright eye-catching cover, but I also wanted to experiment with the newspaper medium so I’ve incorporated a secret cut-and-fold flap that reveals a hidden message.

The centre spread is going to feature a ‘design superhero’ battle scene, here’s a small part of it.

Not wanting to limit myself just to computer work, I decided to make some of the titles more ‘hand-made’, by printing them out, cutting out the individual letters and then scanning them back in after crushing and unfolding them. This also features one of my top quotes from my research stage.

Continuing to experiment with the newspaper I had already decided that the last page would feature half a quote on either side, which could only be viewed in full when held up to the light. Even when printed on normal paper it worked quite well – and lined up too, which was my biggest worry!

More to come as it goes on!

Deadlines over and out!

Posted on by Tuuli
Reply

So the last project was a pretty mad one, and the result was a complete withdrawal from blogging and a social life. The upshot was that I got everything done on time, and it turned out pretty well. I wished I had been able to develop some ideas a lot further than I did, but time constraints got in the way.

Here’s a small snapshot of a random few:

I is for Information This is one of the more fun projects I worked on, based on the idea that old information is useless. I soaked about 20 pages of day-old newspaper, then laid it out over a radiator overnight – I then twisted coloured strips of newspaper, wet it and glued it on to the dried mass of paper. I just love how chunky it feels!

 

P is for Pattern I wanted to do a redesign of a Bible dust jacket, because – let’s face it – they can be pretty awful. So I took this simple shape – a triangle with three circles cut out – which represented the trinity, and made a pattern out of it. This is one project I’d love to take further and expand to other books.

This is my most favourite project so far – time-consuming, work-intensive, creativity-draining – and easily the most challenging. I’m looking forward to developing the best ideas into something even better!

Twenty-six.

Posted on by Tuuli
1

26 is the number in my head a lot these days.

That’s because 26 is the number of designs/prototypes that I need to come up with by Christmas. One design for every letter of the alphabet.

So far, it’s been tricky. I’ve spent a lot of fruitless hours sitting down trying to come up with ideas – we’ve been given a list of words for every letter which we are to develop, and there are two ways of doing this: one way is to come up with an idea, develop it, and then try and find a word to fit it to. The other is to develop an idea from the word up.

Both ways are proving difficult, so I’ll have to mix up my idea generation methods.

But there are some ideas that have come into fruition. Here’s one, for ‘Knowledge’:

 

Any type nuts in the audience will recognise exactly what this is. As for me, it was a great project to try and learn about type, and after making a whole bunch of these I’ve managed to remember a lot of the letter terms pretty well. Joy.

So now – where do I take this?

Summer Flyer Project

Posted on by Tuuli
Reply

After the album project, which you can read here if you want to, I was asked to design a flyer, a considerably smaller request but one that came with a tight deadline.

The project guidelines were to design an A5 flyer to be handed out to advertise a ‘funday’ being held at a nearby estate in London. The flyer definitely needed the time, date and location of the event, but also some ideas of what was being done on the day and a general reflection within the design of its ‘fun-ness’.

I headed back into Illustration, as I was now pretty comfortable with it and wanted to continue to experiment with vector design and improve my skills in that direction. With a vague idea in my head of what I wanted, I made text boxes that included the important information, and then started to design around this.

I limited myself to a green, blue and white 3-colour palette, which were bright and would print well, and which also hopefully reflected a ‘happy’ look to the flyer. I used the blend tool to make a diagonal-striped background, and then created a half-shield shape, reflected it and merged the two together to create a solid background for the text that would sit on the stripes and effectively frame the important information.

Then I added stripes around the shield’s edge, added the text, and repeated the stripe frames in the ‘Funday’ text.

details

Next, I added some various baubles and a ribbon to add some motion and ‘fun-ness’ to the image, still in keeping with the colour palette and the green-blue-white striping I used in the shield’s frame.

Finally I added various ‘advertisement’ text – the various activities available on the day – at the bottom, changing angles and continuing to add motion to the design. I wasn’t entirely happy with their placement and design, but after spending hours trying to right it I eventually had to call it a day due to time.

All in all it was a fantastic experiment, and one that thankfully worked well. I’m still wondering why I did certain things and added certain elements, because I had (for once) not tried to base it upon a design style that I knew worked well, but started completely from scratch, no particular inspiration in mind whatsoever. Hopefully this sort of thing will happen more often, but for now I will have to keep practising to see that!

Summer Album Project

Posted on by Tuuli
Reply

I read a book towards the beginning of summer called ‘Outliers’ by Malcolm Gladwell. In it he writes that the secret to being really, really good at something is practise. That the difference between successful musicians and less successful musicians is about 3000 hours of practise – and a total of 10,000 hours – that’s about 4-6 hours a day over 20-odd years.

So I realised over the summer that masses of practise through a continuous stream of voluntary projects has lifted my skills tremendously.

The first that I worked on was for a musician called Andy Kyte, who was going to play at an event called NewDay and wanted to have a CD recorded, designed and printed in time for it. I had about three weeks to design a 4-page booklet, back cover and tray sheet.

I had no specific direction, just a selection of possible album names and song titles. While I had experience of his music and the general ‘look’ of his stuff, it took me a while to try and find a comfortable design style to best reflect it.

the first draft cover i rejected

After a few days working on this I felt no joy with it and eventually canned the idea.

The first idea was a cover made to look like a sort of grunge paper patchwork quilt, and I spent a while working with the idea, experimenting with colours and positioning of various squares in Photoshop. Andy Kyte stipulated that he wanted his logo, created by another graphic designer, to be included to promote some unity across his various musical ventures, and I couldn’t find a way to easily incorporate it into the design. I soon ditched the idea and started again, this time moving into Illustrator to try my hand at vector designs.

The second idea was a massive improvement in terms of trying to reflect Andy’s music visually. Working on his promotions team I knew that he wanted to try and get his music across to the 14-21 year-olds, and so I sketched a lot of the things I associated with teenagers and then started finding photographs of these objects and spent hours (literally) creating small vector versions of them.

the second design idea, eventually also rejected

I spent about 4 hours every night for a week working on this cover idea, but eventually realised along with Andy that the album, while perfectly aimed at his target audience, easily alienated anyone else who might be interested. So, second time around, I dropped the idea and started from scratch again.

draft album design 2 details

By this time I had pretty much no time left – about 2 days to produce a final, viable design before the deadline. I was also working 9-5 every day, and had a friend visiting I wanted to spend time with in the little spare time I had left, so it was late nights and little sleep as I worked on a new design idea after bedtime. (Thankfully my friend was hugely forgiving and gracious and let me spend our last day together in front of my laptop!)

Again I was back to the sketchbook, but this time I had a look at one of my older ideas and, after discussing it with Andy, decided to pursue it. Instead of the blue I’d used in the previous draft, one that matched the blue in Andy’s logo, EP and his website, I went for a vivid green – to grab attention, to reflect ‘nature’ and also to create some diversity amongst his CDs. I created a vector chair by tracing over a photograph with the pen tool in Illustrator, and then made a tree and hillside based upon my own original drawing. I originally wanted a more photo-real look, and thought about stock images and the like, but the cost and complication of copyright and such found me experimenting with alternatives, so I returned back to the vector look.

Once I’d drawn them, I changed the lines to a more chalk-look, but the solid green background was just plain ugly. I dragged in various texture overlays, before settling on the paper texture (again). I also gave the chalk outline treatment to Andy’s logo and the album title text.

final album cover

With little time left I assembled all the song lyrics, with two columns on each page. I de-capitalised the text too, putting capitals for particular words only.

The idea of a chair on a hillside was one that reflected this vague idea in my head of meeting with God in creation – and as the music was Christian worship music, this had tenuous connections with the genre but weren’t so overt as to be cliché. Andy asked me later what it actually meant, but beyond that simple explanation I still couldn’t put it into words. Andy, however, was satisfied with sending people my way if they wanted clarification!

Tray design - tree

Once finished, I wasn’t entirely satisfied with it. I wished I’d had more time to be able to work on the finer details and play around more with the song lyrics on the inside of the booklet, but unfortunately it just didn’t work out that way. I was, however, quite happy that the first draft never made it this far (it’s sooo ugly!) and hopefully, with the experience gained, the next album design projects will keep coming and each one will keep improving!

What I Learned

One of the things I was most nervous about was producing a project document with all the printer’s marks, dimensions, etc that were needed. Fortunately, the printers Andy chose had a huge set of resources on their websites with PDF templates and information for dimensions, bleeds, etc for each kind of software, so I was pretty well-prepared. And with my friend there to help me read through everything before sending it off, she was able to provide fresh eyes and point out some text errors I wouldn’t have seen myself! Always good to have another pair of eyes.

I will never regret a single hour spent on an unused design. Every single time I sat at the computer and worked and developed the idea, I found my familiarity with the various tools increasing, my eye for placement much better, a general improvement in the time it took me to do particular things, and I found myself far more able to transfer what was in my head onto paper and finally into the software itself. Which will all be hugely useful for me!

Final Outcome

As soon as I get my hands on the final printed CD I’ll get some pictures up!