PROJECT 01 USER SCENARIO STORYBOARDS FOR A LONDON BASED WEB DESIGN AND DEVELOPMENT AGENCY S CORPORATE WEBSITE.

Transcription

1 PROJECT 0 USER SCENARIO STORYBOARDS FOR A LONDON BASED WEB DESIGN AND DEVELOPMENT AGENCY S CORPORATE WEBSITE. Visitor Scenario A prospective small business/charity customer requires a new website. They are likely to need design, development and hosting services Case Study Title Background The client is assumed to be familiar with the web but essentially non-technical. Generally, this type of visitor is likely to reach us through a referral, so the homepage is treated as the entry point to the site. We build exceptional websites Chameleon provide design, development, hosting and online marketing services with considerable experience in building ecommerce and content managed systems. Highlighted case study Highlighted case study 2 Highlighted case study 3 Highlighted case study 4 Sequirements/objectives Solution Testimonial CASE STUDY DETAIL Screen Shot The key information to communicate is: Our services About our approach Full list of case studies. We build successful websites 2. Here are examples of them 3. This is our approach 4. These are the services we offer HOMEPAGE FEATURED SITES Chameleon has developed websites for clients in a wide range of sectors and industries. Industry A Case study Case study 2 Industry B Case study 3 Case study 4 Services Website design/develop Customer quotes Hosting Image/animation of project stages Industry C FULL CASE STUDY LIST Internet marketing Consultancy Project phase overviews. Consultancy 2. Design Useful documents Useful documents 3. Development 4. Realisation SERVICES HOMEPAGE PROJECT APPROACH OVER Image/animation of selected project stage Design phase. Info architecture 2. Application Structure 3. Visual Concepts 4. Useability & Access. PROJECT APPROACH DETAIL Visitor Scenario 2 Visitor Scenario 3 A prospective small business/charity customer has an existing website, but is suffering from a maintenance or content bottleneck. Content management services are the primarily requirement, however there is an opportunity to encourage take-up of other services. The client is assumed to be familiar with the web but essentially non-techincal. Generally, this type of visitor is likely to reach us through a referral, so the homepage is treated as the entry point to the site. The key information to communicate is:. We can improve your website 2. Present professional/reliable approach 3. These are the services we offer 4. Contact us to discuss your requirements HOMEPAGE Services Do you want to exploit the web more productively? Website design/develop Our services Customer quotes Hosting Did you know?. Highlighted case study Myths & facts Useful documents How your web presence could be improved About our approach Contact us MYTHS & FACTS Image/animation of project stages Case Study Title Background Screen Shot Sequirements/objectives Solution Testimonial Full list of case studies CASE STUDY DETAIL Chameleon has developed websites for clients in a wide range of sectors and industries. Industry A Case study Case study 2 Industry B Case study 3 Case study 4 Industry C FULL CASE STUDY LIST A prospective partner agency in need of a web development company to supplement their current design/marketing offerings. The client is assumed to be familiar with the web but essentially non-technical. They are likely to be visually aware but have a short attention span. This type of visitor is likely to reach us through a referral or search engine, so the homepage and services pages are treated as the entry points to the site. The key information to communicate is:. We welcome work from partners 2. This is what we can do for your clients 3. Present a creative, professional approach 4. Contact us to discuss your requirements HOMEPAGE Services Website design/develop Do you want to offer web services to your clients? Our services Customer quotes Hosting Innovative web solutions for your clients What services are you after? Your client wants a new website Your clients needs help marketing on the web You offer design services, but need technical assistance You need help selecting the right solutions for your client Find out more PARTNER INTRODUCTION We can help your client by Offering A Offering B Offering C (e.g. ecommerce) TAILOURED OPTIONS Introduction to our ecommerce services Useful documents Internet marketing Consultancy Project phase overviews Internet marketing Consultancy. Consultancy 2. Design Contact us Useful documents Contact us Useful documents 3. Development 4. Realisation Service pages SERVICES HOMEPAGE (see design sheet x) PROJECT APPROACH OVER Image/animation of selected project stage SERVICES HOMEPAGE OPTION DETAIL Design phase. Info architecture 2. Application Structure 3. Visual Concepts 4. Useability & Access. PROJECT APPOACH DETAIL

2 CHANNEL FOUR CHANNEL FIVE CHANNEL SIX CHANNEL ONE CHANNEL TWO EXTERNAL SITES CHANNEL THREE CHANNEL ONE CHANNEL TWO CHANNEL THREE CHANNEL FOUR COMMON NAVIGATION CHANNEL FIVE CHANNEL SIX PROJECT 02 INFORMATION ARCHITECTURE, MODULAR CMS AND WIREFRAME DESIGNS FOR ONE OF THE UK S LARGEST PROPERTY CONSULTANCY S CORPORATE WEBSITE. Top-level structure The various different types of navigation have been broken up to occupy clearly defined regions of every page, ensuring a consistent hierarchal structure. HOMEPAGE The top horizontal navigation bar contains links to generic site areas and the search functions. This navigation appears on every page. A large portion of the homepage is dedicated to driving visitors through one of six business channels. Once a visitor has left the homepage channel navigation appears as a second horizontal navigation bar, ensuring a common path to switching between channels. Consortium About Us Contact News Search ations Once a visitor has entered a channel, channel navigation will appear in the left bar. This displays the top-level for each of the sections within that channel. After a user has selected a top-level page, links to the appropriate sub-level pages will become visible. Glossary Legal Coloured links and titles will be used to give a clear visual indication of where a visitor currently is located in the page structure. Commercial Auctions Commercial Property Search Instant Office Commercial Services Investment Sales Developments Residential Auctions Residential Property Search Prime locations Auction site Residential Services Sales Lettings Office Lettings fastcropit.com Investment Sales Valuations Investment Rent Revisions Developments Key Rating New Dev sales External Link Expaned on another page Cross-link Valuation Block Lease Enfranchisement Commercial Channel Structure Residential Channel Structure The structure of the categories and pages in the three commerial channels: Auctions, Services and Property searches Residential Auctions The structure of the categories and pages in the three residential channels: Auctions, Services and Property searches Commercial Auctions Residential Property Search Commercial Property Search Prime locations fastcropit.com Instant Office Investment Sales Residential Services Commercial Services Sales Lettings Investment Developments New Dev sales Valuation Block Lease Enfranchisement Investment Sales Developments Office Lettings Valuations Rent Revisions Rating Contacts Contacts Current sales Contacts Contacts Contacts Contacts Contacts Contacts Contacts Contacts Contacts Contacts Contacts Contacts Key Recent deals Key Contacts External Link Expaned on another page Cross-link External Link Expaned on another page Cross-link

3 Child Templates Child templates act as the building blocks for laying out content inside the areas defined by the Parent templates. Using combinations and repetitions of child templates a range of layouts will be achievable, whilst still retaining consistency. Child Template Blocks CT_ single horizontal module Child Template Combinations CC_ CC_2 CC_3 CC_4 CC_5 CC_6 R R R R R Modular design system The layout for the website will be based on four parent templates. All parent templates have a unique structure which defines both the hierarchy, and the discrete areas, of information. Parent templates ensure that consistent page layouts apply throughout the site, whilst child templates act as building blocks for presenting unique information. PT_ homepage / top-level PT_2 standard content page CT_2 dual horizontal modules R This methodology allows a useful level of customisation and variation between pages on the site, without sacrificing consistency. CC_7 CC_8 CC_9 CC_0 CC_ CT_3 triple horizontal modules R R R R R PT_3 standard content page with embedded image/flash PT_4 content page with cross-marketing space Key branding/marketing material site navigation contains multiple child templates page information Modular design system Modules specifically layout the unique data in each child block. Broadly, the data in each module is composed of a combination of one or more of the following elements: header, image, title, body copy, and links. Module types can be split into three main variants according to the type of information they contain: text based modules, image based modules and unique modules. CM_ default text module Lorem ipsum dolor Duis autem vel Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. link text CM_2 left image module Lorem ipsum dolor heading title body links Duis autem vel Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis more information heading title body links CM_6 empty spacer module CM_7 horizontal bar module CM_4 top image module Lorem ipsum dolor heading Page navigation The various different types of navigation have been broken up to occupy clearly defined regions of every page, ensuring a consistent hierarchal structure. The top horizontal navigation bar contains links to generic site areas and the search functions. This navigation appears on every page A large portion of the homepage is dedicated to driving visitors through one of six business channels. Once a visitor has left the homepage channel navigation appears as a second horizontal navigation bar, ensuring a common path to switching between channels. Once a visitor has entered a channel, channel navigation will appear in the left bar. This displays the top-level for each of the sections within that channel. After a user has selected a top-level page, links to the appropriate sub-level pages will become visible. Coloured links and titles will be used to give a clear visual indication of where a visitor currently is located in the page structure. Homepage navigation Content page navigation LOGO COMMERCIAL AUCTIONS COMMERCIAL SERVICES Investment Sales Developments Office Lettings Valuations Rent Revisions Ratings COMMERIAL PROPERTY SEARCH copyright message + legal links LOGO home about us contact publications glossary graphics / marketing keyword search: search site search go what's new news item RESIDENTIAL AUCTIONS news item RESIDENTIAL SERVICES news item Sales Lettings news item Investment Developments New Development Sales Valuation news item Block Lease Enfranchisement RESIDENTIAL PROPERTY SEARCH consortium home about us contact publications glossary graphics / marketing keyword search: search site search go COMMERCIAL AUCTIONS COMMERCIAL SERVICES COMMERCIAL PROPERTY RESIDENTIAL AUCTIONS RESIDENTIAL SERVICES RESIDENTIAL PROPERTY COMMERCIAL SERVICES CM_3 right image module Lorem ipsum dolor Duis autem vel Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis heading title body Duis autem vel Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. title body Investment Sales sub page sub page 2 sub page 3 Developments Office Lettings Valuations Rent Revisions Ratings Page Heading Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. print this page back to top more information links more information links copyright message + legal links

4 PROJECT 03 FUNCTIONAL DESIGN OF CUSTOM BUILT WEBSITE AND MEMBERSHIP MANAGEMENT SYSTEM FOR A PHOTOGRAPHIC ASSOCIATION. SITE STRUCTURE Renew Membership Reciept BPPA Confirmation Paypal Cheque Membership Payment Options Join/Renew The BPPA - Registration Form Member View/Update Profile View/Upload Photos View BPPA Documents Current Archived News View/Edit Profile Current Archived Projects News Add Edit Find my nearest Delete Search Results Find by Region Find a Freelancer Home Login Features Add Edit Find by Country Delete Member Gallery Member Homepage Member Galleries Administrator Projects Add Edit Delete reciept Confirmation Paypal Current Archived Features Reports CSV Reports All Members All Registration Payments Merchandise Payments Confirm and Delivery BPPA Merchandise - Form VCard Export Login Add Secure Docs Edit Contact Us Delete Links Member Admin List by First Name View Member Edit Member Add Payment View Payments Delete Payment Approve/Unapprove Copyright Delete List by Surname List by Suspended List by Unpaid List by Unapproved Reminder BPPA REGISTER/MEMBER FUNCTIONALITY Main navigation link Home [PUB-0] VALIDATION Join [REG-0] Update Details [MEM-0] VALIDATION Join the BPPA Username Join the BPPA text. First Name Surname Title If Postcode changes it needs to be re-submitted to postcodeanywhere. com service (see find a freelancer page) When images are uploaded, they should be resized. Remember login Reminder Reminder [PUB-02] send Login VALIDATION register now Registration Form [REG-02] First Name Surname Title VALIDATION Address Address 2 Town/City County Region Postcode Postcode 2 Country Phone Number Secondary When images are replaced with the same filename caching issues may arise, so each photo should be uniquely referenced so the cache is refreshed and the new image is displayed. Manage Photos [MEM-0] Main navigation link Homepage login. Login VALIDATION Username Remember login Reminder register 2. System Administration News Edit Projects Edit Features Edit Upload Secure Documents Member Administration Database Reports 3a. Content Listing Current Date Title Edit Date Title Edit Date Title Edit Archive Date Title Edit Date Title Edit Date Title Edit 3b. Content Edit/Create Title Content Status Current Archive URL save cancel delete Confirm deletion? ok cancel Address Website URL create page password to member s primary and secondary addresses Validation required for form fields (see last page) Most fields are mandatory at the top of form relates to whether the member is publically viewable in the gallery and find a freelancer. Address 2 Town/City County Region Postcode Postcode 2 Country Phone Number Secondary Website URL Main Camera Sytem Mobile Network Make of Car Age group I am Under Freelance Contract Staff Main Camera Sytem Mobile Network Make of Car Age group Under I am Freelance Contract Staff Renewal Date 0/0/07 Renew Membership save Members should receive weekly reminder s in the month leading up the expiry of their membership, containing a link to a renewal page. Members who fail to renew their membership should receive weekly reminders until they pay or are suspended by an administrator Cheque Photo [image Caption save photo Cheque Confirmation [REG-04] Please send a chaeque to (BPPA Address) Add Photos browse reciept to user and BPPA [REG-06] SEE NEXT PAGE All reports output to CSV file 6a. Database Reports Reports All Members All Regsitration Payments Merchandise Payments Export all active members details to VCard Creates downloadable VCard file 4a. Uploading Documents Title of file Edit file Delete Title of file Edit file Delete Title of file Edit file Delete upload file 4a. Upload file Confirm deletion? ok cancel next to fields indicates whether these details are shown in the gallery and find a freelancer. After successful payment Postcode needs to be submitted to postcodeanywhere.com service (see find a freelancer page) Renewal Date 0/0/07 next step Membership Payment Options [REG-03] Membership type Low earner ( ) Standard ( ) Online payment Cheque pay Paypal PAYPAL PAYMENT PAGES Online Confirmation [REG-05] Payment processed A reciept has been ed to you Add Photos confirmation to user and BPPA [REG-07] Title File upload file browse cancel When a member signs up and pays, an needs to be sent to BPPA to approve member. During this time the user may upload photos and use their account but will not appear on the site publicly until approved, approval can be made on the member s edit page. Note: If cheque option is chosen it skips paypal stages.

5 5a. Member Administration Filter by Name Surname Suspended Unpaid Unapproved a b c d e f g h i j k l m n o p q r s t u v w x y z Full name MemberID Approved? Full name MemberID Approved? Full name MemberID Approved? Full name MemberID Approved? Filter arranges the list based on the critera in the label. When filtering by Name and Surname further a-z list appears, allowing you to look at results on a per letter basis. 5b. View User Approve/Unapprove Member First Name Lorem Surname Ipsum Title Daily Mail Photographer Address A Street Address 2 Town/City A Town County Bucks Region South East Postcode SL0000 Postcode 2 Sl0000 Country UK Phone Number me@me.com 5c. Edit Details VALIDATION First Name Surname Title Address Address 2 Town/City County Region Postcode Postcode 2 Country Phone Number If Postcode changes it needs to be re-submitted to postcodeanywhere.com service (see find a freelancer page) a. Merchandise Quantity Product Name [image Product description cost Product Name [image Product description cost 0 x products max confirm and pay b. Pay - Logged in VALIDATION Quantity Cost Product Name Product 2 30 Total 60 First Name First Name Surname Surname Address Address Address 2 Address 2 Town/City Town/City Postcode Postcode cancel order pay Form in step b is prepoplated with all the members details if they are logged in. If they aren t logged in then login form is shown for them to quickly log in and populate form with their details. c. Paypal PAYPAL d. BPPA Confirm Payment processed A reciept has been ed to you Home Filtering by other criteria removes a-z list. Secondary Website URL Main Camera Sytem another@me.com password Canon Secondary Website URL Main Camera Sytem Payment types include: paypal, cheque, cash, debit/credit card. This page is a hard-coded HTML form. b. Pay for Merchandise - Not Logged in VALIDATION reciept to user and BPPA Mobile Network Make of Car Age group I am Orange Honda 9-25 Staff Mobile Network Make of Car Age group I am Under Freelance Contract Staff 5d. Member Payments 5e. Add payment Amount Description Product Name Quantity Cost Product 2 30 Total 60 Renewal Date 0/0/07 View payments Renewal Date View payments Date Amount Delete Date Amount Delete Payment type Date delete edit save add payment add payment cancel Login to retrieve details First Name Username Surname Address login Address 2 Confirm member deletion? ok cancel Town/City Postcode cancel order pay a. Homepage Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat. Lorem ipsum dolor sit amet, consectetuer. [image [image [image [image [image Member Name Member Name Member Name [image Member Name Member Name Member Name a. Clicking on pictures on the homepage go to member gallery, the image selected is shown by default in the large preview area. b. Clicking on a thumbnail shows the photo in the large preview area. c. Member Homepage Member Name Title me@me.com [image] [image] [image] [image] [image] [image] [image] [image] b. Member - View Gallery Member Name Title me@me.com d. Member Galleries Filter by Name Surname a b c d e f g h i j k l m n o p q r s t u v w x y z Member Name Member Name Member Name Member Name Search search Only members with photos should be shown in the results Link from Find a freelancer Link from main navigation a. Find a Freelancer Enter UK postcode to find a freelance near you Postcode OR Select your region Search Results find find We also have freelancers in these countries. find b. Postcode Service POSTCODE WEB SERVICE c. Member - Homepage Member Name Title me@me.com [image] [image] [image] [image] Integration with postcodeanywhere.com find my nearest service. Note: Cap the amount of postcode requests that can be made by a single IP address e.g maximum of 5 requests in a single session. Cache results within a session to prevent repeat requests. See previous page for member page functionality c. Clicking on an image opens the gallery view [Thumbnails] Important note: The URLs for each member should be friendly e.g. Below the dotted line is where search results are displayed. [image] [image] [image] [image] [image Upon selecting a region or a country the search results are again populated below. Caption previous next Upon postcode search the results should only display the first n members near that postal code (where n is a definable constant)

6 PROJECT 04 WIREFRAMING AND FINAL DESIGNS OF CUSTOM BUILT WEBSITE FOR AN ONLINE FINE WINE RETAILER ROBERSON WINE Lorem ipsum dolor sit amet Your Basket You have 8 items View Basket ROBERSON WINE Lorem ipsum dolor sit amet Your Basket You have 8 items View Basket ROBERSON WINE Lorem ipsum dolor sit amet Your Basket You have 8 items View Basket Home Shop Special Offers Tastings Services About Us Contact Blog Shop search: Go Home Shop Special Offers Tastings Services About Us Contact Blog Shop search: Go Home Shop Special Offers Tastings Services About Us Contact Blog Shop search: Go SHOP FOR LATEST OFFERS OTHER STUFF SHOP FOR COUNTRIES You are here: All wines SHOP FOR TOWNS/VILLAGES You are here: All wines France Burgundy Côte de Nuits Pauillac Item All wines Red wines White wines Rose wines 0% off Lorem ipsum dolor sit amet, 5% off Lorem ipsum dolor sit amet, Come and visit us in Kensington All wines Red wines White wines Rose wines All Countries Argentina Australia Austria Order list by: price low to high Price range: any Vintage: all Go All wines Red wines White wines Rose wines All towns/villages Haut-Médoc Margaux Pauillac Cuvée Clarisse Pinot Gris Sélection de Grains Nobles, 2000, 50cl Producer: Domaines Schlumberger Desert wines Fortified wines Sparkling wines Spirits consectetuer adipiscing elit. Aliquam interdum tortor. consectetuer adipiscing elit. Aliquam interdum tortor. Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, neque. Curabitur lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. Desert wines Fortified wines Sparkling wines Spirits Canada Chile England France Germany lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each / case of 2 (0% off) Desert wines Fortified wines Sparkling wines Spirits Pessac-Léognan St-Estèphe St-Julien back to districts Donec at quam vel risus placerat nonummy. Nunc quis leo. Nam consectetuer. Fusce blandit adipiscing sem. Vivamus nunc lacus, venenatis in, pulvinar ut, aliquam ut, lectus. Aliquam interdum tortor. Nam tempor. In venenatis augue eu elit. Praesent ultricies sapien vitae enim. INFORMATION Ordering Terms NEW ON THE SITE Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, neque. Curabitur lacinia nibh id pede. Nunc tellus nullam dictum. more 2.00 each (50cl) Tasting Tickets Accessories Books Ordering Terms Hungary Italy Lebanon New Zealand Portugal Slovenia South Africa Spain lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each / case of 2 (0% off) Sorry, this item is currently out of stock Tasting Tickets Accessories Books Ordering Terms Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, neque. Curabitur lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. Phasellus suscipit libero et libero. Aenean blandit urna eget risus. Curabitur et dui eu sapien ornare faucibus. Nunc in arcu each / case of 2 (0% off) Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, neque. Curabitur lacinia nibh id pede. Nunc tellus nullam dictum. more 2.00 each (50cl) Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, neque. Curabitur lacinia nibh id pede. Nunc tellus nullam dictum. more 2.00 each (50cl) LATEST FROM OUR BLOG Latest blog post title Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, neque. Curabitur lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. Phasellus suscipit Updates on offers & events Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam interdum USA Space for highlighlighting special offers or latest products in stock lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each / case of 2 (0% off) lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each / case of 2 (0% off) Space for highlighlighting special offers or latest products in stock PEOPLE WHO BOUGHT THIS ALSO BOUGHT lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each (50cl) Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, tortor eget tortor. neque. Curabitur lacinia nibh id pede. Nunc tellus nullam dictum. more 2.00 each (50cl) Your name lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each (50cl) Your address lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each / case of 2 (0% off) Aenean risus urna, dapibus at, commodo pellentesque, suscipit ultricies, neque. Curabitur lacinia nibh id pede. Nunc tellus nullam dictum. more 2.00 each (50cl) Subscribe lacinia nibh id pede. Nunc tellus. Nullam dictum. Phasellus eget magna. More 2.00 each (50cl) See more of our products page: Award title Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam interdum tortor eget tortor. Award title Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam interdum tortor eget tortor.

7

8 PROJECT 05 INFORMATION ARCHITECTURE, WIREFRAMING AND VISUAL DESIGN OF CMS DRIVEN WEBSITE FOR AN NGO PUBLISHING LARGE AMOUNTS OF CONTENT REGARDING EUROPEAN ENVIRONMENT POLICY Topics Quick publications keywords Combined List Information Types Natural Resources & Waste Accession Countries Accession Countries Regular ations Biodiversity & Nature Conservation Agri-environment Agri-environment Annual Reports Environmental Governance Agriculture Agriculture Policy briefing notes Industrial Pollution Air Agriculture and Rural Development Newsletters Marine & Fisheries Aquaculture Air Comment & Analysis Energy & Transport Assessment Air Quality Climate Change Better Regulation Approaches to Policy Making Agriculture & Rural Development Biodiversity Aquaculture Misc. Environmental Economics Birds Directive Assessment Briefing Better Regulation View all El Anzuelo Brussels in Brief Biodiversity Report Categories Quick publications search categories Candidate Countries Birds Directive T-PAGE publications - climate CAP Briefing T-PAGE publications - marine protection Please select Cardiff Brussels in Brief Latest ations CEEE Candidate Countries Annual Report CFP CAP Regular ations Chemicals Cardiff View all El Anzuelo Clean Technologies CEEE View all EU Policy Briefing notes Climate Change CFP View all Newsletters Cohesion CFP Briefings Report Categories Conclusions Chemicals Agriculture and Rural Development Conference Clean Technologies Air Quality Constitution Climate Change Approaches to Policy Making Contaminated Land Cohesion CFP Briefings Countdown 200 Conclusions Chemicals Cross Compliance Conference Climate Change Decision making systems Constitution Cross Compliance EAFRD Contaminated Land Cross-Compliance Research Bulletin Eco-systems Countdown 200 Enlargement & EU Neighbourhood Policy Emissions Trading Cross Compliance Environmental Policy Integration EMS Cross-Compliance Research Bulletin EU Financial Instruments Energy Decision making systems European Parliament Policy Briefings Enforcement EAFRD Evaluation and Assessment Enlargement Eco-systems Fisheries and the Marine Environment Environmental technology Emissions Trading IEEP Annual Report Equity EMS Indeco Fisheries Energy Industrial Pollution Forestry Enforcement Industry Funding Enlargement IUCN Brussels in Brief Governance Enlargement & EU Neighbourhood Policy MEACAP Habitats Directive Environmental Policy Integration Nature Conservation and Biodiversity Harmful Substances Environmental technology Rural Areas Newslink Heritage Equity Strategic EU Developments & Environmental Governance IA EU Financial Instruments Sustainable Development Strategies IMPEL European Parliament Policy Briefings T-PAGE publications - climate Implementation Evaluation and Assessment T-PAGE publications - marine protection Indicators Fisheries Transport Industry Fisheries and the Marine Environment

9

10 PROJECT 06 SYSTEM DESIGN FOR WEB SITE AND APPLICATION FOR MATCHING LOCAL SPORTS CLUBS TO POTENTIAL BUSINESS SPONSORS. SENT MESSAGE REPLY SENT QUERY CLUBS OFFER SPONSORSHIP SPONSOR HISTORY ACCOUNT DETAILS PAY INVOICE INVOICES WEBSITE ADVERTS INVOICE ARCHIVE RECEIVED DIRECTORY ADVERTS SPONSORING FINANCES ADVERTISING SUB PAGES USERS YOUR PROFILE BUSINESS PROFILE MESSAGE TO CLUB INFORMATION LEGAL MARKETPLACE CONTACT CLUB CONFIRMATION PRESS SUPPORT CONFIRMATION BUSINESS LOGIN PAYMENT (IF REQUIRED) CONTACT ABOUT BUSINESS/USER REGISTRATION PAYMENTS RECEIVED WEB USER HOME PAYMENTS CLUBNET ADMINISTRATION CLUB LOGIN YOUR PROFILE AVAILABLE SPONSORS CONTACT SPONSOR TO POTENIAL SPONSORS CLUB/USER REGISTRATION CLUB PROFILE USERS INVITE OTHER CLUB MEMBERS INVITITATION S MARKETPLACE & DIRECTORY MARKETPLACE REQUESTS AFFECTED USERS NOTIFIED REGISTER NEW CLUB REGISTER WITH EXISTING CLUB SENT BROWSE / SEARCH SUPPLIERS TO POTENIAL SUPPLIERS INVITE OTHER CLUB MEMBERS RECEIVED CONTACT SUPPLIER RESPONSE INVITITATION S CONFIRMATION REPLY CONFIRMATION SENT MESSAGE

11 PROFILE USERS DIRECTORY ADVERTS WEBSITE ADVERTS BUSINESS OVER CONFIRMATION TO DEFAULT USER SUB PAGES INFORMATION SEARCH BUSINESSES BROWSE BUSINESSES NEW BUSINESS SENT S LEGAL PRESS SUPPORT BUSINESSES RECEIVED CONTACT CONTENT MANAGEMENT SENT ADMIN USER CLUBNET LOGIN NEW CLUB CONFIRMATION TO DEFAULT USER CLUBS SEARCH CLUBS FINANCES BROWSE CLUBS AVAILABLE SPONSORS CLUB OVER USERS CLUB PROFILE INVOICES PAYMENTS NEW BROWSE SEARCH SEARCH BROWSE NEW INVOICE PAYMENT

12 PROJECT 07 DESIGN OF ICONS AND VISUAL IDENTITY FOR A WEB DEVELOPMENT AGENCY TO PRESENT ACCESSIBLE SYSTEM DESIGNS TO NON-TECHNICAL BUSINESS STAKEHOLDERS. WELCOME PUBLIC WEBSITE VISITORS NETWORK / INTERNET WEBSITES CENTRAL CONTENT DATABASE SECURE CONNECTION LOGIN CMS PARTNERS MOBILE WORKERS OFFICE WORKERS CONTENT MANAGERS