IDAT101 – Strategies for Art and Technology

Web Presence

Lee Cunnington

http://www.leecunnington.co.uk/

Presentation briefing

Web PresenceThe Path to Web Presence

Website Comparison (Old/New)Development Stages

Development ContinuedExpanding Presence

BloggerWordpress

TwitterFacebook

Outside Projects

Summary

Web Presence

Web Presence is very important when it comes to increasing popularity in the Digital World.

Having important social networking websites such as Facebook, Bebo, WordPress and Twitter are initial in

increasing ‘web popularity’.

It brings so many opportunities to myself and to others such as meeting new people, consulting clients (for

business) and for updates and news.

The more people use these websites, the more interconnected we are to each other.

The Path To Web Presence

How do I increase marketing for myself?

• Join various sites• Create RSS Feeds from my website to sites

such as Twitter to spread the word

How to increase network presence?

• Rebuild Website• Join various blogging sites (Blogger, WordPress)• Increase networking (Twitter, Facebook)

What tools shall I use for the job?

• Adobe CS4 Products (Photoshop)• Macromedia Dreamweaver 8 (Old school)

Development Stages

Improve visual features of the website/improve homepage.

Remove Overflow Scrolling in Home Page

Remove/Edit Welcome page

Improve image galleries within website to make it more interactive

and user friendly.

Integrate blogging with website to make it one base identity (maybe).

Edit website to become more Internet Explorer friendly not just

FireFox.

Planning

Rubbish/Outdated

RESEARCH

Development Stages

Breaking down to Basics

Original

Procedure1. Breakdown Site2. New Banner3. New Hyperlinks4. New Layout Style

Development Stages

Mouse Rollover Hyperlinks

JavaScript (Very Messy) – Change to

CSS

New Banner Created using Photoshop

Incorporating ‘Space Theme’ Ideas

Background

Development Stages

Music Page has been removed

CSS Opacity Codes

Content Content

Footer

Space (RSS

Feeds)

Layout Creation

Content BoxMade in

Photoshop

Black Background

Remains

Page Width

Decrease

Development Stages

Extra Features: One-Click Image Gallery

Expanding Image Gallery: CSS

About Page

Development StagesContrast Old and New

Photoshop-madeBox containers used

Flash Game Added

Replaces Mad-Lib

Form Changed to PHPLayout Changes

Throughout Now: 800 x 600px

Was:1200 x 700px

Development StagesCompleting the Web Popularity/ Presence ObjectiveCreate Portfolio Web

Page

YouTube Videos

On Creations

Web PresenceLinks (Images)

Content onSoftware

I use

General InformationOn What I

Do, What I use

IDAT 107Bumper

Website Comparison (Old/New)

Negative Space Twitter

RSS Feed

Overflow Scroll

Old Banner Image

Hyperlinks

New BannerCSS Rollover

Links

Web PresenceLinks (small)

Web PresenceLinks (Images)

Contents Areas

(No need for

overflow)

Expanding WebPresence

Getting Myself Out There

Tonnes of Sites/Opportunities

Research has led me to 5 major Profiling Sites

Blogger

Oops..

Bland... Not matching House

Style

Much better, background colour and banner matches

house style

Blogger Main Page

Links to blog pages

(modules)

WordpressNew Banner

(to match house styles)

Layouts match house

styles similar to My website

Background Colour matches house styles

Popular, fairly easy to use...

Can import information (from blogger)

Twitter

Customisable

Current Layout

Original Layout

Currently not very popular site amongst

friends (Prefer Facebook)

Easy to find updates on friends and clients

FacebookNot very

customisable

(More users than

Twitter)

Easy to say what’s on your mind

More Privatised

More of a personal Profile

YouTubeLeeCProductions

Recent Idea to

use Youtub

eUpload Ideas/Future

Developments

Layout currently

under constructio

n

Very customisable

Popular site, high chances of being noticed through views

and uploads

Outside Projects

MHM Creations

(Under Construction)http://mhmcreations.co.uk/

Summary

http://leecunnington.co.uk/index.html

http://leecunningtonmpt.blogspot.com/

http://lcunnington.wordpress.com/

http://twitter.com/LeeCunnington

http://www.youtube.com/user/LeeCProductions