I’ve posted about the packaging of Lily-Flame Scented Tins before here. I attempted to find out which font they use. A friend asked for a candle for Christmas so I got her some. I took photos of the lovely packaging.
The client said that Collin Dupree uses an app called Afterlight. I went to this page to have a look. I don’t have an iPhone so I was unable to download it and try it out. I asked a friend to download it onto his phone instead. https://itunes.apple.com/gb/app/afterlight/id573116090?mt=8 The different parts of the website needed demarcation.
My first idea was to use this app to put pretty borders around the clients’ photos. It looked like this.
This idea was a good one I think and I was feeling good about it but then I realised that I needed a line of demarcation between the different sections. At first I was going to use different coloured backgrounds. So for example, black, then white, then grey and repeat or something of this ilk.
I had a try using brushes to make a floral design which could be used as a separator. Here are the brushes I tried.
I abandoned that idea. Then I had the idea to use floral ‘wallpapers’ for the lines of demarcation. This meant that I had to stop using the floral borders around the images or it would be floral overload! So I chatted with the client and asked him what type of floral designs he likes. This was much better since a more uniform pattern looked a lot better than random brushes.
Here are the ones I ended up using. To make this one I had to copy and paste a part of the image and fit it together like a jigsaw since the original image was too small. I think this looks really pretty. I got rid of the blue one (see below) and swapped it with this one. It has more detail than the blue one.
To make this one I had to copy and paste a part of the image.
This one is the right size.
This one is the right size.
This one is the right size.
To make this one I had to copy and paste and fit pieces together to make a bigger image.
Here are the ones that I considered using but decided against it in the end.
I swapped this one out for the purple one four days before the deadline because it isn’t very detailed. To make this one I had to use image trace in Illustrator. The original image was too small so I made it into a vector. This enabled me to make it bigger but detail was lost when I traced it. So in the end I abandoned it.
I didn’t like the texture of the background.
I wasn’t totally happy with the image of the large roses with the green leaves on the white background. It reminded me of a photograph and didn’t match well with the others which were stylised and less realistic and detailed in appearance. I thought a good way to change it would be to use a filter. I think my client likes filters. I did a Google search and tried out the different filters.
I found this one below to be the best.
In the end I decided on this look and I’m glad I did because I had a lot of positive feedback on it. I choose this one because I think the client will like the shabby chic look. The ones above look too bleached out.
Here are the final choices. I’m really happy with these choices since I’ve had so much positive feedback from my tutor and fellow students. I can tell that people are not expecting to see floral patterns like these as they look surprised and happy when they see them.
So my first idea was to set out the home page to emulate one I had identified in my research.
I hope this post illustrates everything I’ve been learning. I’ve been listening to my tutor and my fellow students and acting on their feedback. You can see here how my process has brought me to the right choice in the placement of the type for the slider.
I like how when I hover over an image a little transparent box appears. In the box there is a caption and the name of the account. On the right there are options to favourite, comment and zoom. I think this is really good.
I’m not sure yet if this would be needed on my site but I think its a neat and intelligent way of making the site interactive. By having all the options appear like this, it doesn’t ruin the nice clean, simple photo album layout. Well done flickr.
I was passing the time reading the Mail Online. I came across this page and noticed the advert around the article.
Since the page above is so full, here is the design without everything else. I liked this and thought it was worth putting on my blog. It was bright and cheerful and I couldn’t help but notice it. I was also interested in the white type which looks like handwriting.
I did a search for TK Maxx to see if I could find further examples. Here is their site. Very neat and tidy.
I clicked explore. This part is dedicated to ‘Me. By Me.’ One of the posts says ‘Post a photo of the colourful clothes you love in the comments for your chance to be in our next ad!’ People post photos of the clothes they bought at TK Maxx. These screenshots show what you see if you scroll down. More images with captions load as you scroll. It reminds me of summer and going on holiday which I think is the point since its nearly summertime. It looks eye-catching and the layout is tidy.
Close ups. I really like the way they’ve done the borders. So clever and eye-catching.
The above from http://mebyme.tkmaxx.com/en
When I returned to look at the site I noticed it had a different background every time. I really like this and think it looks great.
All of the above from http://mebyme.tkmaxx.com/en
I don’t think I’ll be able to use everything I’ve seen here because the client wants black and white. Imagine how it would have turned out if he’d wanted a lot of colour. I can use an accent colour though. I can also make frames in the same way they have here.
The client sent me these two photos on 1st March, for inspiration. They are photos of a Catholic Encyclopedia.
It was fun to try this out to see what it would look like. I don’t know if I’ll be able to use it yet. I want to try an ornaments font and find out what I can make.
I didn’t know what that was! Here is a close up.
He also advised I look up a font that contains ornaments. I have already used those in the past.
There’s a lot more to do here in terms of making some ideas. There is potentially a million different patterns I could create.
Update 27/02/14: I’ve had a text conversation with the client and he says he doesn’t want to use his name. He is thinking of going with the name Deleytha, pronounced ‘de lay the’. I said that’s fine and that the name would go well with the designs I’ll be making.