Anything from the inception of this blog is copyright to Danielle Harrison ©
Showing posts with label Responsive. Show all posts
Showing posts with label Responsive. Show all posts

Friday, 18 April 2014

OUGD503 - Responsive: Module Evaluation

I have really enjoyed this module, as I was felt I was ready to start doing live projects for clients. The process of completing projects for clients and interacting them was definitely a needed experience, and a valuable one which as prepared me for more work. It was also interesting to see what was expected of me from clients.

I enjoyed being able to choose my own briefs, so that I can do more web design projects and complete projects that people have previously asked me to do, but I didn't have the time.
As I am most interested in web design, I had the opportunity to design three websites, and build one of them myself. This is beneficial to me because I can include them in my portfolio to not only attract more clients who want web designs, but to show that I am a web designer.
I found it easy having briefs lined up, because I have been asked to do work prior to this, such as Air Up. But I couldn't do it at the time due to having too much work, so being able to incorporate it into this module was beneficial.
I also heard people would need some design work, such as Matthew Savage Photography and Companions Pet Shop, and I was able to offer my services because I knew that I could use it as work, and so doing me and the client a favour.
When it came to competition briefs, although it was fun choosing what I wanted, I think I made the wrong decision when it came to the individual brief and I didn't enjoy it at all. It didn't benefit me in any way because I don't like packaging, but the only silver lining with this project is that I won the competition.

I was surprised how quickly I was able to complete projects, and it gave me a confidence boost as I thought that they would take me a lot longer. The briefs in this module are definitely the quickest I have worked. I think than when you're doing work for a client you want to impress them and show how efficient you are by completing something quickly rather than wasting time on the project, so you are more motivated to get on with it. I have found that this also benefits me, because if they want changes doing then I feel like I have enough time to go back to it, and when I don't charge clients I'm not bothered because it hasn't taken up a lot of my time. With saying that, since doing these projects for this module, I will never do work for a client for free again.
It also made me feel good when clients were surprised at how quickly I worked, notably for Matthew Savage Photography, P.A. Kelsall and Keith Baldock Artist. These were all the website briefs that I did, and I think this could be for two reasons. People expect websites to take a lot longer to design because they are quite big and I finished each design in a day, but also because I really enjoyed them I was really motivated to start and complete the project to show the client what I could do.
I worked a lot better on the fast-paced briefs, but when it came to the individual competition brief I felt like I dragged it out a while. I think this is because I started it in the November, and the deadline wasn't until March. This made me think that I had a long time to do it, and I kept putting it off because I wasn't enjoying it.

I've definitely learnt and improved on skills throughout this module and been able to try skills that I wanted to learn. I've never really been great at presenting or proposing work once it has been finished, so I have improved on my mockup, boards and photography skills. This has been really important throughout the module because I want to look professional when presenting work to clients.
For the competition briefs I had to produce boards, and I wanted to include photographs so I had to make time to do that. I was apprehensive about using the photography studio because I had limited experience in there and I wanted to get them perfect as this is the only thing the judges would see of our products. As I took most of the photos for the collaborative by myself, I felt a bit of pressure at first. But I soon got into the swing of it and was comfortable putting the equipment away. The outcome was good, and I would be confident in doing it again.
For several of the briefs I produced mockups to show the client so they can see their work. I did this for Matthew Savage Photography and Air Up so they could see how their work would look as opposed just an image of the design. I definitely think it is a good idea producing mockups because not only does it look more professional, but it makes me feel more confident about the work. Although I can picture what it will look like when printed or used, that doesn't necessarily mean the client does.
Through using Illustrator throughout the whole module on every project, I have improved using that. I have picked up little shortcuts and learnt about new tools that I hadn't used before. These included how to use grain textures, the merge tool on the pathfinder and using brushes.
When I built the website for Keith Baldock Artist I also improved my coding skills. This was the first time that I used Lightbox, which helped me create an image gallery for his portfolio. This was also the first time I took a website live, so that was a new process that I had wanted to learn for a while, and was valuable to me.

I loved the collaborative brief, it is one of the favourite projects that I have done this year. I also loved working with Sarah again, which we did last year. We have improved a lot since then, and knew that we wanted to collaborate this year as we now live together and already work together all the time. We had already been helping each other improve skills since the beginning of the year, so I thought this would be a good opportunity to further that.
However, when Fred warned that people who are best friends and live together shouldn't work together we did attempt to find another partner. Alas, this was unsuccessful and we decided to pair up. We didn't think we would fall out because we are really honest and straight with each other anyway.
We chose the YCN brief, BEAR. We thought of a few ideas for it when we first read it, so we knew we would be able to get started on it straight away. Sarah loves illustration and wanted to do some more for her portfolio while I wanted to improve on my illustration skills, so it was a good choice.
Although most people split their work down the middle we very much worked together on everything. We shared files so we could work on and alter which each other had done. This may have slowed us down more and wasn't as efficient, but we got a result we were both really happy with, and the design kept improving throughout the process. We got the work done in the end, and although stressful, I wouldn't change the way we worked. I think it was actually beneficial that we lived together, because we could always work on it and ask for feedback. I particularly asked for feedback a lot because I wasn't very confident with my illustration skills, and I wanted to work to Sarah's standard and style, so she knew what to suggest.
I did feel like we didn't have a lot of time to produce it, and we did want to do more initially. I think I would have enjoyed the process of it more if I wasn't as stressed to get it finished, but it was rewarding when everything was finished and we had the photographs.
I do like working in a group, but I always have done so it was good to do another collaborative brief. I look forward to seeing the results of YCN in June!

I definitely have learnt how to interact with clients more, and this has been one of the most enjoyable parts of the module. It's so exciting to produce work for someone and send it to them knowing that they could use it and it will be seen by lots of other people. Although, I do get quite nervous when I send it incase they don't like it. I have been fortunate throughout this module that my clients have all like the work that I've produced. Some have asked me to make changes but I have been happy to do that because its ultimately their work, and I want to make them happy. No one has asked me to do changes that I thought were unjustified. It has also been satisfying to work with real life clients as this is something that I hadn't done before. I never felt under pressure, and I think this is partly because I worked quickly on each project so that I never became too attached to a design and I knew that I could just change it if they didn't like it. The only project that I would have felt rejected for if the client didn't like it was the Matthew Savage Photography website. This was because I thoroughly enjoyed the project and had been really excited about starting it. I made sure the design was absolutely appropriate to the client and had thought about everything from optimising the photos to user navigation and I was really confident that I had done the best that I could. I was really nervous when I showed it to him, but his reaction was really positive so that was a big relief. He had a couple minor changes he wanted to make regarding the type, but that was fine. That gave me a big confidence boost.
The only client that I had who was a bit frustrating was for Companions Pet Shop. This was because the client asked me several times if I had started working on the logo yet, even though I had said I was busy with other work first, so I made time for it that week. I produced the logo with all the clients requirements and a custom font that I created. I then sent two boards to the client with three logos on for them to choose, and the concept underneath them. I kept asking the client to look at them, and they did - four days later. This was inconvenient for me because I had allocated time for any changes before that due to a tight schedule I was working to. The client said that they were happy with the design - but they had been thinking about moving their business to gain more upmarket customers and sell higher quality products. This has changed the audience and would have influenced my design decisions had they communicated this to me. So for now, a logo isn't needed until they sort out what they are doing with their business.

Regarding the individual competition brief that we had to pick, this was the only project throughout the whole module that I haven't liked. I don't like packaging, yet I chose a packaging brief. I did this because I felt like I should give it another chance to see whether I like it, and improve my crafting skills as you had to produce the packaging for submission. Throughout the project I realised that I had little knowledge on what materials were suitable for food packaging, and I didn't have the resources to make the packaging. This frustrated me throughout as I couldn't think of an innovative solution to reinvent bacon packaging and I didn't think I could produce a good mockup. I wished I had chosen a different brief at the beginning which would have been more beneficial to me, but I stuck with it. I did a lot of research and thought of a lot of ideas, but I still wasn't happy with my final resolution. I felt like I spent more time on it than I should have because I was trying to think of the perfect answer. I had spent so much time researching the most suitable materials and thinking of a solution, but in the end I produced an idea the best I could, which was a reasonable solution, just nothing amazing. It answered the brief, but I just wasn't happy with the outcome.
When I sent it off for submission, I actually won the competition. However, I don't feel any better about the project because I didn't enjoy it, and I don't think that it benefitted me in any way. I think this shows that I am a bit of a perfectionist and spend too long on a brief trying to get it right, and setting myself high standards. I don't think this is usually a problem, but I need to learn to know when to just move on and design with the ideas I have so that I don't run out of time and cause myself stress with it.

Overall, I have enjoyed this module and I feel a lot more prepared to have clients in the future. I wish I had time to have completed more projects because there was a few more websites that I could have designed. But I knew that if I took anymore on I would have less time for my other modules and my work/life balance would suffer. I am happy that I have managed to do some logo designs as I hadn't really done any before, and expand on my web design portfolio. It has been a really beneficial module to me and it has definitely prepared me for working at my web design placement at twentysix digital and interacting with new clients.

OUGD503 - Responsive: BEAR Boards

Here are the YCN submission boards for BEAR:


Monday, 14 April 2014

OUGD503 - Responsive: BEAR Boards

Here are my individual boards for the collaborative BEAR project:



Here are the competition boards that we submitted to YCN:

OUGD503 - Responsive: Future of Bacon Packaging Boards

Here are my individual boards for the module:

Here are the boards I submitted to the competition:


OUGD503 - Responsive: Air Up Boards

Here are my final boards for Air Up.


OUGD503 - Responsive: Keith Baldock Artist Boards

Here are the boards for Keith Baldock Artist.


OUGD503 - Responsive: Future of Bacon Packaging Website Feature

My submission is featured on their website with the rest of the placed winners. Although I won with Gold, there was also another winner with Gold - and they got the prize. I don't mind at all though because I think they had a better concept (although I didn't like the design) and I didn't feel like mine deserved to win anything. It has been a good experience though, and I think I might even do it again next year to prove to myself that I can enjoy a packaging brief (and win)!



Sunday, 13 April 2014

OUGD503 - Responsive: P.A. Kelsall Boards

Here are my final boards for P.A. Kelsall.


OUGD503 - Responsive: Matthew Savage Photography Boards

Here are my boards for Matthew Savage Photography.


OUGD503 - Responsive: Companions Pet Shop Boards

Here are my final boards for Companions Pet Shop.


OUGD503 - Responsive: Sophie Davey Photography Boards

Here are my boards for Sophie Davey Photography.


OUGD503 - Responsive: Yoke Boards

Here are my final boards for my Yoke submission.
The picture on the first board was taken from Yokes blog.


OUGD503 - Responsive: Yoke Exhibition

Yoke had chosen two of my posters to be featured in their exhibition, which I was really excited about! Seeing them in the exhibition was a good feeling, and I was really happy with the design that I was paired up with. The exhibition was a great success with a big turn out, and I was really happy that I had participated. It was the first exhibition I had ever been in.

My conversation in code poster was featured on one of the A3 prints.


Then my soundwaves poster was featured three times on the mini posters.
You can see it on the 2nd row, 2nd poster down, 2nd row fifth poster down, and third row third poster down.
I thought it was funny that me and Sarah had been paired together on one of these.


Here are close ups of the mini posters my soundwave design was featured on:




Here is a blog post from Yoke stating who I was paired up with.



OUGD503 - Responsive: Project Report Designing

Once I had written all of my content, I went to InDesign to start design the report. Here is my development.

Companions Pet Shop
I started with Companions Pet Shop. At first I thought it could be good to use Drop Caps as I've never used them before and it would fit in with the lengthy amount of text that I had.


I put in a coloured rectangle first of where the logo would go. I liked the idea of having a heading, subheading and text as though it was a newspaper or magazine layout.
I was really struggling to make use of the space as I didn't want paragraphs starting at the bottom of the page. 
I decided to have little headings for each section so that the reader knows what part it is - as it is long they could get bored with no line breaks.
I made all text justified left and with no hyphens.



I tried adding a line between the heading and subheading.


I then bought the logo in to see how it all worked.


I thought maybe adding the two other logo versions I gave to the client to fill space.



I thought about adding a border around the logo so it's more structured.


I tried adding more drop caps, and big quotes in the middle to fill more space. I also tried three column grid.


I tried left aligned title and subheading.





I made the logo fit across three columns. This was making more of an improvement now, I thought. Filling a lot more space, but I couldn't make the third column work.


I do like this layout and I could have added more text on the fourth column to make it even.


I tried having a lot of space on the top right page.




I stayed with this layout in the end because the columns are near enough even.

Then I changed my mind.
I went back to the previous layout I was trying and added more content to make it work.


Matthew Savage Photography
I then started on this project, as I liked the mockup images I had used.
I tried using three columns first.




I had a lot of content for this project, but three columns wasn't quite filling the space.




This worked perfectly, but then I thought I wanted to add more photos to show different pages so where would they go.


I tried adding them in.


I tried adding the four images I had with the content over four pages.


This didn't look bad, but I wasn't happy with it still.


I then tried having a feature page firstly.


And the rest of the content on the next dps. But this still means I can't include two images.



Then I thought about having a full width image that would show how you scroll through albums.


So I created this on InDesign and implemented it. I like this layout, it doesn't look strange having some white space.


So here are the three dps's for this project.
First a feature page.


Then two images and some content.
I like this layout, it isn't completely filled so gives a bit of space to breathe.


Then the third page with the rest of the content and the long image.


Yoke
Then I started on Yoke. I had a few images to go on this project - the three posters I designed and photographs of the exhibition with my work.


I tried the layout like this first, but it only had my posters designs on. I liked the layout though. So I decided to spread these designs over four pages, and have two pages with full photographs of the exhibition on.


Here are the final Yoke Pages



Keith Baldock Artist



I took a screenshot of one of the pages in the actual browser.


Here is the final layout which I think works well.



Sophie Davey Photography
I then began this project. I had some photographs I wanted to use rather than digital designs so you can see how they look printed. 
I tried to keep the layout simple just using one large image and two columns.



I then enlarged the image to fit over three columns, as I didn't need that much space for the text..


I also got one of the clients picture where she has used my watermark to show that as well. I like this layout because it has a good balance of text to imagery.


Air Up
I then began the next project. I made a mockup of the album artwork first to show in the report, as it looks more professional.



This is the layout I used, and I did it pretty quickly. I like this as although there is a lot of text, there is still some white space so it isn't overcrowded.
I think its important to have some pages which aren't completely full as I do have a few of them and it needs to be balanced.


I just added a bit more content so that it reached the bottom margin.


BEAR
I had quite a lot of content for BEAR, plus a wide range of photos to choose to include.





I just didn't like how I had cropped the top image, although it did mean the space on the right page was nicely filled.


Here are the final spreads.
I made the image with all the cut out pieces full again and used on the left page. I think this is a lot more balanced.
I also had a feature page for this so you can see the whole set.



P.A. Kelsall
I then started on this project, and I needed to have a couple of dps's because I wanted to show all of the pages I designed for the site.

I started by playing with different widths for the text.

I then tried the image on the bottom.

I moved it back to the top and chose two widths for the text.



On the right page I only included one column of text, because I only had three left and needed the other two for the next dps.


I moved the text column to the left side which looks better.


On the next dps, I used the two other paragraphs and included the rest of the images.


I started sorting out the placement of everything making sure it fit in the grid.


I extended the bottom left image to the edges of the pages.


Future of Bacon Packaging
I had quite a few pictures I could choose for this as well. The Solution paragraph was really big, so I wanted that to have a four column width because I didn't want to break it up over two separate columns.




This is the final spread. I'm quite happy with it, there is a clear balance of text and image.


Front Cover
I then started doing some designs for the front cover, based on what I had drawn.


I liked having uneven boxes to show what is included inside, but didn't feel like it reflected the rest of the book.


So I tried even straight rectangles instead. I also added a number next to each block to show what page each one is - the front cover also acts as the contents page. 
The blocks represent books - as each report is quite long for the projects so ties in with that.


I then started playing around with how I could present the title.





This is what I chose in the end - a bit of balance between the black boxes and no background.