Notes for the presentation

Leave a comment

Here are some notes myself and Tom have prepared for our presentation tomorrow. As a group we decided that us two would take the speaking roles, and alternate between different aspects of the presentation.

Notes:

  1. We were tasked with creating a commemorative programme for the Dickens Museum 40th Anniversary. It had to include important information regarding dates, times and events. Our main focus was creating something that wasn’t only exciting and tactile, but also very original in its design.
  2. Our strongest Idea to explore was that of curiosity. This idea was further expanded upon when we visited the museum. As a group we were fascinated by the trinkets and items being exhibited.
  3. To create an impression of curiosity in our design we decided to stray away from a standard booklet approach in favour of a box. Shaped like a cabinet, our design is a culmination of smaller items unique to each day to convey the information. This creates an eclectic yet intriguing feel.
  4. Other curious aspects of our design include the slight variation of the individual pieces but most notably, the integration of the sections of Charles Dickens images on the back cover of each booklet. The construction of the booklets themselves is also quite interesting.
  5. The creation of the booklets is quite simple but also slightly intricate. All of the designs were able to be printed on A3 and the construction involves simple folding techniques. Not only does this reduce costs but this allowed us to experiment with stock.
  6. As stated, the production is quite low for the intricacy of the whole project. It values out at about £6 a unit. We recommend that, at full quality, these units could be sold for a profit, unit price standing at £10-12.
  7. Any Questions…
Advertisements

Presentation

Leave a comment

We met as a group the week before, and arranged to meet up this week to discuss the presentation. I unfortunately missed the Monday session due to having work late followed by a 5am start the next day, but as I live with Tom and Rachel it was easy to catch up and contribute from home. The next day we finalised the presentation and prepared notes for the speaking roles myself and Tom had been allocated.

Here is the presentation:

GraphicsBox Presentation

Client feedback

Leave a comment

Just received some feedback from my client, so I thought it was worth a mention!

client feedback

I was undoubtedly expecting that someone of my clients high standards would never be 100& happy (I mean this in a nice way!). Especially as a part-time designer. As far as i’m concerned, this feedback tells me that my client is happy with the website functionality and it is being used well for its purpose. This is the best kind of feedback, even more so once you’ve handed in the assignment it relates to!!! As my client has no free time for around a month and my assignment is over, we can now discuss any additional works on a fee-basis. I’d like to reiterate a point made in previous posts, that we did go through the website together in a videoconferencing session where I sat down and discussed with my client all of the tweaks and changes he wanted me to make. This was to make sure that I was 100% finished in terms of the assignment. Anything after that I would class as additional changes that don’t relate to anything my client wasn’t happy with when we discussed the website in full. It’s also good to know that my fee (logo) for up to the assignment deadline is on its way to being completed!

Pagination

Leave a comment

Pagination is another cool feature included in EE. This allows me to add links on each page which appear after the limit (defined in the opening channel tag) has been exceeded. It means that with the limit in place I dont have to have hundreds of entries on one page. This saves space, loading time and just makes the whole site a bit smoother.

Like the categories code – in fact, even easier than the categories code, the code for pagination is simple, depending on how complicated you want to make it.

The code below highlighted in red is all I needed to add inside, just before the end of the {exp:channel:entries} tag pair.

paginate

This meant that the page would display: Page # of # pages – 1,2,3 etc. I assigned the class “paginate” so that I could add CSS rules to the pagination, to make sure that on an odd number of entries it doesn’t float around the page. The result is below:

pagination

I applied this to every page in my website that required pagination – home page, blog, category page etc. My site is now becoming more dynamic!

User interaction – Contact Form

Leave a comment

As part of my website plan, I wanted to include a contact form where a user could upload a URL or an image to a form, add a message and submit this to the database for admins to review and choose whether or not to include it in the site. Admins would be notified via email after the form had been submitted. As this is not a module allowed in ExpressionEngine Core, I decided to use a third party contact form module so that I could still use this feature.

Using a form I created in a client website (http://www.craigslade.com/contact.php) I modified it accordingly and applied it to the contact template. I styled it to sit it in the middle of the page and for it to resize on smaller browser sizes.

contact form - design

Where you would normally have the <form> tag pair, the plugin (freeform) I was using replaced this code with {exp:freeform:form form_name=”contact” return=”site/index.php” required=”name|email|comment” notify_admin=”no”}.

As you can see, I have set the required fields. This is the older (3.0) version of the software. For some reason, the latest version would not allow me to add or update field names, so I was unable to use the file_upload field in my form. I did however have URL so I could just be linked to an image if necessary. The most disappointing aspect was that I had to omit a parameter called ‘notify’. Notify involved the email being sent to notify the admin of a submission.

I worked alongside Shelley incorporating the code word for word from her working form, but no matter how many times I did it, it would not work. My guess is that my hosting provider doesn’t like third party email clients. Either that or EE Core literally prevents emails being sent from it’s templates when involved in any {exp} tag pair. Regardless, I had to do without this feature. The good thing is that it still provides an entry to the database, and as every field is required any submission will include all information needed.  Admins can still acquire this information, but they will have to do so manually. I am highly confident that on another hosting plan with another provider, I could easily configure the form to work. I have had a lot of trouble (and still am) regarding contact forms on GoDaddy, so I hope they don’t lose me a mark!

contact form - code

Finished design

Leave a comment

Last week we met up as a group and began construction of the box and of the leaflets (folding, cutting, creasing etc.). This week we returned to finish the job.

I attended both of these sessions.

Here are some photographs of the finished product:

presentation_GraphicBox.indd

Here are all of the booklets inside the box (above)
These are two of the booklets contained in the souvenir package (below)

presentation_GraphicBox.indd

When you turn the booklets upside down, they piece together to make this image of Charles Dickens (below)

presentation_GraphicBox.indd

Here you can see the box with the cut out windows and wrapped in a ruby red ribbon (ruby red to denote the 40th anniversary!).

presentation_GraphicBox.indd

It’s all coming together!

Leave a comment

I would like to point out that my previous post (see: Stock Photography) is my input into the Easter break work we split between us. The work I am showing here is that of other group members, just so you can make more sense of our project and see visually where we are at.

Here is the net for the box: As a group, we all decided on what kind of shape/opening/rough dimensions we wanted for the box. We drew a rough picture, but Andreas has completed the actual net (below) we will print and use in the production of the box.

Dicken_s Box_Plex_A3_NEW Dicken's Box_Plex_A3_NEW

Here are the finished designs (below – default format, not every page) for the leaflets. As you can see there is a cropped image of Charles Dickens on the back cover. Collectively the set of books will piece together like a puzzle, revealing an image of Charles Dickens.

booklets.indd

This is the design for the opening booklet (below – only one side)

operning page_DHM-1

Older Entries