RedStar Foods: Considerations and further development

Once the framework of the actual site was in place, I next needed to produce some images of the products.

I created some labels in Photoshop, incorporating the new logo.  Initially, I printed these labels out and attached them to previously unlabelled jars of home-made chutney and photographed them (see screen shot below):


I soon realized that a better solution was required for the following reasons:

a)      The visual impact of the site will be from the repetition on clear, crisp and consistent product images, and it was going to be difficult to create identical positioning and light conditions each time a new product is to be photographed

b)      Unable to have regular, free access to a good quality colour printer

c)       Standard of cutting and gluing of labels looks unprofessional when photographed

d)       Limited supply of chutneys!  And many of the products (mango chutney, picallili etc) non existent

I therefore decided to concentrate on taking a standardised good quality image of an unlabelled jar that would be my base template, then work out a system for making the labels ‘fit’ the jars and look authentic (in Photoshop).

Also, I will play around with filters and colour levels in Photoshop to see if I can make the unlabelled jar of chutney also look like convincing tomato sauce, picallili, mango chutney etc.

This will give me much greater flexibility and scope for adding labelled products to the site.  And as so often seems to be the case (I’ve learned during this course…) imagery manipulated in photoshop often looks more authentic than the real thing!

Site Architecture:

Landing page = Categories (with landing overlay Manifesto?)

Category pages = contain Products

Product Page?  Or overlays for product info?


Links page

Contact page

Suggestions page

Menu items displayed on every page:

About (termed “Manifesto”)


Links (termed “Comrades”)

Suggestions (termed “Join The Struggle”)

Social Media (icons)


Each category page to have a header indicating the current category – this could be typewritten, and a transform-delay function used to switch from display-none to display:block for each letter, giving the effect of the letters being produced by a type-writer.

Side ‘Ribbon’ slides in from right, letters are typed onto ribbon.

Each Product Tile to contain:

Image of product

Name of product

Product Info (ingredients, taste, use etc)

Context (details of media story being parodied, dates, links etc)

Quantity field and Add to Basket button

Product Info and Context could be pop-up overlays when selected, so user remains on category page.  This would have the benefit of keeping the user on the category page rather than expecting them to go back to, but would this be ineffective with regards to SEO though?  Would it be better to have Product Info and Context open separate pages so that these can be loaded with keywords and descriptions specific to the media story being parodied?  Either way, when the product image is hovered over, a brief explanation of the title is shown over the top of the image.

Floating basket indicator ‘always on top’

Copy in your MP? facility on your order – form of protest.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s