Content + Updates

Leave a comment

My client has finally got together all of his content so that I can start adding information and images to the website. To complete the transfer of material, we are using two different sources.

The first is Google Docs – this is for all of the written information, and also directs which images relate to which project by listing the file names next to the projects.

googledocs

To transfer the images, we used Microsoft’s Dropbox. This connected our computers and allowed us to share a folder containing all of the visual website content my client wished to be included. I will also use this folder once the website is complete to transfer the root files over so that my client can upload his own pages/images.

dropbox

Now I’ve been given some images, I’ve had time to edit a few and begin testing them out on the slider. I’ve taken a few from print,  put them into Photoshop, re-sized them to 768×1082 and saved them for web and devices (72dpi). These have then been coded into the slider, repeated on every page to give each page some content and linked together via the navigation created in the left division. I’ve also created blank pages and added navigation to the 6 footer links coloured in purple in the picture below. You can also see that I’ve changed the navigation by adding the title images to the list of pages. These replace the written text and give a far more professional effect that the websafe font could.

inserted pictures, updated links and titles and navigation added

 

Advertisements

Responsive XML Slider

Leave a comment

After searching for a suitable slider, I finally came across one that seemed to suit the needs of my client, and myself.

codecanyon

It had a thumbnail slider, was fully responsive – a key feature for being able to view the images on different resolutions, it was fully customisable, fully compatible and came with full documentation regarding the altering and personalising of the slider. The licence enabled the use for either myself or one client to use it in their website, so I couldn’t use it again in another website without purchasing the slider again.

As I was fronting the payment for this, I created an invoice for my client with instructions on how to pay. I wanted to keep the transaction strictly professional, providing myself with accountable expenditure and my client a proof of receipt.

invoice

I read through the documentation which enabled me to incorporate the slider into my clients website with ease. This took roughly 2 hours once i’d fixed a few problems along the way. Once these were ironed out this was the result:

incorporated xml slider - defaultpictures

I left the demo images in the slider to give me a rough idea of how it would look in the website. The overall effect was pleasing, and i’m looking forward to seeing it in action with some genuine content. As soon as I have some material to work with, I’ll be able to start editing the images to web standards and adding them to the website.

Group meeting

Leave a comment

This week we had a group meeting to determine where our project was going. Sticking with the concept ‘curiosity’, we decided to alter our plans slightly to a less extravagant souvenir box – one that would replicate a sort of curiosity cabinet. We decided on using doors as the opening, with transparent windows (perhaps tracing paper) as something to look through to insight curiosity in the user. We want to stick with the idea of having a separate booklet for each day of events, just to give the user something commemorative for each day and we felt this would be one of the unique features of our design. We have rough plans for the box and the leaflet design, but I will include these in a blog post once we as a group have all of the contributing sections of our piece.

Over the Easter holidays (once my foot is healed!!!) I will go to the Museum and take photos and find out information relating to them for inclusion in the leaflets.

Further Updates

Leave a comment

After consultation with my client, showing him what the latest version of his site was like, he had considered using the golden ratio rule, however he wished for the site to revert back to the widths we had set beforehand. We discussed further, and set it to 30% to the left, and 70% for the right. This still gave us a big area to work with on the right, and plenty of space on the left to fit in what needed to be there.

updated metrics pt.2 width of left back to 30%

Alongside our discussion about the proportions of the page, we established that the three images below the project information section were unnecessary. These were featured images on the home page, but were relatively useless and not required to be replicated on every page. Thus, we rethought our strategy on how to create the navigation – I came up with this (below). It’s a simple navigational structure which uses the same pictures as the navigation on the home page, but achieves the same outcome in a more subtle manner. This less intrusive format allowed the footer to be free of any clutter, as those navigational links could be removed making the footer links cleaner by giving the area a bit more of a specific intention. This also allowed me to shrink the left div even further to 25% left, 75% right. This pretty much matched up with the designs i’d been given initially, so my client was happy with the changes! Going back to the navigation on the left, I plan to use the titles i’d made using PhotoShop such as the word ‘printing’ displayed in the title div of the image below. Updates to come!

rearranged navigation - exc fonts and editing

Research 2 – Source material

Leave a comment

Found this, not sure if it’s worth sourcing but I thought i’d include this in my research nonetheless

Fandom as an example of participatory culture

Going to use page 6 of this book and use the boxed quotation in my essay

Participatory culture

Found this article describing a cartoon that caused a libel case – not enough information but worth mentioning now before I look for more

Success for daily newspaper in libel case

Found this law report regarding the defamation of character through satirical political cartoon mentioned above

Pitman vs Jersey Evening Post

I want to talk about political satire from early 20th century Britain

Doormat, David Low

Going to talk about fandom and copyright violation together, this article has some great information in it regarding these subjects, definitely quoting some of this!

In the beginning, there was fan fiction…

Obviously, I will be using this – citing myself in the bibliography as the author of the work. This is the subject of my essay, entitled (with a lot of thought and originality put into the name as you’ll see) ‘George the pickpocket’.

fig2

Think this could be enough, best get on, this essay won’t write itself!

Update – Changes to the Website

Leave a comment

It’s been a while since I last blogged on here about my clients website. I’ve been incredibly busy with other assignments, but I have made a few notable changes.

Here is the project page so far – I’ve added in a slider I used for my creative web assignment just to fill the gap in. This may be the one I use for the individual project pages.

updated metrics pt.1 increased hero size

Title – I’ve created new titles on PhotoShop,and i’m using images rather than the web font. This allowed me to add proper gradients to the title, and make them more responsive. I’ve now created the templates for every page in the site minus the individual project pages. I’ve done the titles for every page in the same fashion as this.

Left – Although only slight, I’ve added a gradient to the left sidebar to make it stand out against the rest of the page. I’ve also applied the golden ratio to all pages except the home page.

Right- The area in which the slider is situated (hero4) has been slightly increased so that the bottom of the div meets the top of the navigation on the left side rather than the two navs aligning. This gives the slider slightly more room to breathe.

I’ve also added borders around the information and title divisions, so that when I add media queries to make the website truly responsive, i’ll be able to tell how big the divs need to be with more ease.

500 word summary

Leave a comment

Design Practice 1 – Design Museum Brief Analysis

Initial thoughts based on my arrival indicated that there was something different to be learned from analysing the exhibits displayed in the Design Museum. There were a number of pieces that aroused my interest and creativity, namely that contemporary art means something more than what it appears to be. It can be visualised and interpreted in so many different ways by each new person that sees it. Although not a huge fan of clichés, I believe that the phrase ‘one man’s rubbish is another man’s treasure’ strongly applies to the concept of contemporary art, especially in terms of the artefacts displayed in this exhibition.

Simply looking doesn’t suffice. Each piece had a story, a process, a selection of unusual materials being manipulated and used in ways that you wouldn’t expect, and this is where the inspiration can be drawn from in vast quantities. Probably one of my favourite pieces was Susanne Klemm’s ‘Frozen’, where she exhibited jewellery made out of nuts, twigs and other natural materials. This along with the research I obtained from the rest of the exhibition led me to further investigate artistic processes using unrelated materials. I discovered an artist that created sculptures out of PVC tubes. These were glorious examples of the potential that using materials that would otherwise be used for alternative motives could have.

More

Older Entries