Artlinks Website Workshop P Mc Caul


Published on

Use of visual art porfolio websites

Published in: Career, Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Artlinks Website Workshop P Mc Caul

  1. 1. Template Websites An ArtL!nks Workshop Facilitator: Padraig McCaul
  2. 2. Agenda <ul><li>10.00am – 11.00am </li></ul><ul><ul><li>Introduction and background </li></ul></ul><ul><ul><li>An Artist Website – Why? </li></ul></ul><ul><ul><li>What do you need in a website? </li></ul></ul><ul><ul><li>What options are available to create a website </li></ul></ul><ul><ul><li>Some Portfolio Website Providers </li></ul></ul><ul><ul><li>Features that a Portfolio Website can provide </li></ul></ul><ul><ul><li>Example Provider: Foliolink </li></ul></ul><ul><ul><li>[Break] </li></ul></ul><ul><li>11.15 – 1.00pm </li></ul><ul><ul><li>Preparing Content for the web </li></ul></ul><ul><ul><li>Setting up your website </li></ul></ul><ul><ul><li>Managing your website </li></ul></ul>
  3. 3. Introduction & Background <ul><li>Padraig McCaul </li></ul><ul><ul><li>Landscape & Seascape Artist (full time) </li></ul></ul><ul><ul><li>Setup own website 4 years ago </li></ul></ul><ul><ul><li>10 years in the IT industry as Quality Assurance Manager </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul>
  4. 4. An Artist Website – Why? <ul><li>Online business card </li></ul><ul><li>A way for people to view new work, view archive work </li></ul><ul><li>A contact point: for artist, updates on new exhibitions/ galleries, news etc. </li></ul><ul><li>Promotional & Marketing Tool </li></ul><ul><li>Selling art online? What is your expectation? </li></ul>
  5. 5. What do you need in a website? <ul><ul><li>A professional looking online presence, easy to navigate, specifically designed for displaying art. </li></ul></ul><ul><ul><li>Something that requires a flat learning curve (i.e. none!) – Remember, you’re an artist, not a web specialist </li></ul></ul><ul><ul><li>Something you can maintain easily and update yourself </li></ul></ul><ul><ul><li>A domain name i.e. ( ) and email facilities. </li></ul></ul><ul><ul><li>The ability to accept payment online (shopping cart) at some point in time. </li></ul></ul>
  6. 6. What are the options? <ul><li>Option 1: Build your own website and arrange to have it hosted </li></ul><ul><ul><li>Pros: </li></ul></ul><ul><ul><ul><li>Complete control over the design and maintenance </li></ul></ul></ul><ul><ul><ul><li>Minimum cost </li></ul></ul></ul><ul><ul><li>Cons: </li></ul></ul><ul><ul><ul><li>Huge investment in your own time </li></ul></ul></ul><ul><ul><ul><li>Are you an expert in Art websites ? </li></ul></ul></ul>
  7. 7. What are the options? <ul><li>Option 2: Hire a professional web designer </li></ul><ul><ul><li>Pros: </li></ul></ul><ul><ul><ul><li>Designed and created by an expert </li></ul></ul></ul><ul><ul><li>Cons: </li></ul></ul><ul><ul><ul><li>High cost and lack of control over maintenance of the site. </li></ul></ul></ul><ul><ul><ul><li>How would I update it or enhance it – each update would require hiring the web designer. </li></ul></ul></ul><ul><ul><ul><li>High investment of my own time in working with a designer to build the site and then to test it. </li></ul></ul></ul><ul><ul><ul><li>How long does it take? – “The website should be up and running in the next few months…” (repeat every couple of months!) </li></ul></ul></ul>
  8. 8. What are the options? <ul><li>Option 3: Use a specialist service provider – ie a company that provides templates and hosting for art websites. </li></ul><ul><ul><li>What do they provide? </li></ul></ul><ul><ul><ul><li>“ Portfolio” Website </li></ul></ul></ul><ul><ul><ul><li>Provides ready made, professionally designed websites – tailor made for artists, photographers etc </li></ul></ul></ul><ul><ul><ul><li>Monthly/Annual rental </li></ul></ul></ul><ul><ul><ul><li>24/7 maintenance of website </li></ul></ul></ul>
  9. 9. What are the options? <ul><li>Option 3: </li></ul><ul><li>Pros: </li></ul><ul><ul><ul><li>You are getting a “proven” product with full backup and maintenance </li></ul></ul></ul><ul><ul><ul><li>It would require little investment of your own time , leaving you to focus on your main priority – your art practice </li></ul></ul></ul><ul><ul><ul><li>YOU are in control </li></ul></ul></ul><ul><ul><li>Cons: </li></ul></ul><ul><ul><ul><li>You are limited to the features the service provider can provide. </li></ul></ul></ul><ul><ul><ul><li>Setup costs and an annual service charge </li></ul></ul></ul>
  10. 10. Portfolio Website Providers <ul><li>BigBlackBag – http://www. bigblackbag .com </li></ul><ul><li>QFolio – http:// </li></ul><ul><li>FolioLink – </li></ul><ul><li>SiteWelder – </li></ul><ul><li>FolioSnap – </li></ul><ul><li>Site On Spot – </li></ul><ul><ul><li>See comparison list provided with handout </li></ul></ul>
  11. 11. Some of the features that Portfolio Websites provide <ul><li>Your own domain name ( ) </li></ul><ul><li>Email </li></ul><ul><li>Customizable designs </li></ul><ul><li>Display unlimited multiple file types </li></ul><ul><li>Auto-sizing </li></ul><ul><li>Auto-thumbnail creation </li></ul><ul><li>Automatic name watermarking </li></ul><ul><li>Automatic copyright symbol </li></ul><ul><li>Guestbook feature - allows you to collect your own personal marketing database </li></ul><ul><li>Bulk email your clients and guestbook entries </li></ul><ul><li>PayPal Ecommerce </li></ul><ul><li>HTML Editor - graphical interface that lets you add styles, fonts and images to your pages. Like using Microsoft Word. </li></ul><ul><li>Unlimited free updatesDisc space </li></ul><ul><li>Macintosh Compatible Admin </li></ul><ul><li>One time Set-up fee </li></ul><ul><li>Monthly pricing/Annual pricing </li></ul>
  12. 12. Making the Choice <ul><li>Features provided </li></ul><ul><li>Quality of Designs </li></ul><ul><li>Learning Curve </li></ul><ul><li>Ease of Use </li></ul><ul><li>Backup and maintenance </li></ul><ul><li>Online support </li></ul><ul><li>Client testimonials </li></ul><ul><li>“ Future Proofing” </li></ul><ul><li>Cost </li></ul>
  13. 13. Foliolink –a portfolio website <ul><li>Why Foliolink? </li></ul><ul><ul><li>It checks all the boxes on the previous slide. </li></ul></ul><ul><ul><li>I have used it for 4 years </li></ul></ul><ul><ul><li>It provides a good introduction to what a portfolio site can do. </li></ul></ul>
  14. 14. Part 2: Creating a Website <ul><li>Agenda: </li></ul><ul><ul><li>Preparing content for your website </li></ul></ul><ul><ul><li>Designing & Setting up your Foliolink website </li></ul></ul><ul><ul><li>Managing your website </li></ul></ul><ul><ul><li>Tips </li></ul></ul>
  15. 15. Preparing Content <ul><li>Images: </li></ul><ul><ul><li>Take photo at high resolution </li></ul></ul><ul><ul><li>Download photo to computer </li></ul></ul><ul><ul><li>Open image with image editor (ie Paint Shop Pro, Microsoft Office Manager etc) </li></ul></ul><ul><ul><li>Crop as required, compress image </li></ul></ul><ul><ul><li>Save as JPEG </li></ul></ul><ul><ul><ul><li>Fast 0 - 59KB </li></ul></ul></ul><ul><ul><ul><li>Medium 60 - 99KB </li></ul></ul></ul><ul><ul><ul><li>Slower 100KB + </li></ul></ul></ul><ul><ul><ul><li>Max: 225KB </li></ul></ul></ul>
  16. 16. JPEG Image A Made up of Bits & Bytes Rearranged as Image A Broken up into “ Packets” One “Packet” at a time” “ Packets” Recieved Sent across the internet UNCOMPRESSED (FULL SIZE) SIZE IMAGE What happens when you download an image?
  17. 17. JPEG Image A Rearranged as Image A Broken up into “ Packets” One “Packet” at a time” “ Packets” Recieved COMPRESSED IMAGE – pixels removed Sent across the internet
  18. 18. Preparing Content <ul><li>Documentation: </li></ul><ul><ul><li>CV </li></ul></ul><ul><ul><li>Artist’s Statement </li></ul></ul><ul><ul><li>Press Release </li></ul></ul><ul><ul><li>Exhibition Dates </li></ul></ul><ul><ul><li>Gallery Details </li></ul></ul><ul><ul><li>Copy and Paste – Make like easy for yourself! </li></ul></ul>
  19. 19. Foliolink Design and Setup <ul><li>Before you build the website you must make some fundamental Design Decisions: </li></ul><ul><ul><li>How do you want to categorise your work? </li></ul></ul><ul><ul><ul><li>By gallery </li></ul></ul></ul><ul><ul><ul><li>For Sale, Sold, Archive </li></ul></ul></ul><ul><ul><ul><li>Landscapes, Seascapes, Still Life etc </li></ul></ul></ul><ul><ul><li>Do you want to sell your work online – ie do you need a shopping cart? </li></ul></ul>
  20. 20. Foliolink Design and Setup <ul><li>Setup Step 1 - Layout: </li></ul><ul><ul><li>Choose a Design Layout </li></ul></ul><ul><ul><li>Choose a colour scheme </li></ul></ul>
  21. 21. Foliolink Design and Setup <ul><li>Setup Step 2 – Front Page: </li></ul><ul><ul><li>User Details </li></ul></ul><ul><ul><li>Use “Best Fit Technology” </li></ul></ul><ul><ul><li>Use Text Editor to enter formatted text </li></ul></ul><ul><ul><li>Advanced Tab: </li></ul></ul><ul><ul><ul><li>Copyright </li></ul></ul></ul><ul><ul><ul><li>Upload MP3s </li></ul></ul></ul><ul><ul><ul><li>Meta Description </li></ul></ul></ul><ul><ul><li>Don’t forget to click FINISH to save all updates </li></ul></ul><ul><ul><li>To Preview your site click the EYE icon at the bottom right of the screen </li></ul></ul>
  22. 22. Foliolink Design and Setup <ul><li>Setup Step 3 – Portfolios: </li></ul><ul><ul><li>Choose “New Portfolio” & enter details </li></ul></ul><ul><ul><li>Use “Best Fit Technology” until you are more confident with image re-sizing </li></ul></ul><ul><ul><li>Advanced Tab: </li></ul></ul><ul><ul><ul><li>Sales info. Applies to all images in the portfolio </li></ul></ul></ul><ul><ul><li>“ Reposition Images” – allows you to set the order of display </li></ul></ul><ul><ul><li>Don’t forget to click FINISH to save all updates </li></ul></ul>
  23. 23. Foliolink Design and Setup <ul><li>Setup Step 4 – Images: </li></ul><ul><ul><li>Choose “New Image” </li></ul></ul><ul><ul><li>Tip – select portfolio first (3 rd option), then upload image </li></ul></ul><ul><ul><li>Advanced Tab: </li></ul></ul><ul><ul><ul><li>Sales info: You can modify pricing etc here. </li></ul></ul></ul>
  24. 24. Foliolink Design and Setup <ul><li>Setup Step 5 – Text Pages: </li></ul><ul><ul><li>Choose “New Text Page” </li></ul></ul><ul><ul><li>Use Text Editor to format text </li></ul></ul><ul><ul><li>Don’t forget to click FINISH to save all updates </li></ul></ul>
  25. 25. Foliolink Design and Setup <ul><li>Advanced Features: </li></ul><ul><ul><li>Contact Management </li></ul></ul><ul><ul><li>Resize Files </li></ul></ul><ul><ul><li>Upload Files </li></ul></ul><ul><ul><li>Background Sound </li></ul></ul>
  26. 26. Modifying your Website <ul><li>You can modify the design and layout of your website at any time </li></ul><ul><ul><li>Go to Layout tab </li></ul></ul><ul><ul><li>Choose a new layout and colour scheme </li></ul></ul><ul><ul><li>NOTE: Once you choose a new layout you must reset your image options (ie Best Fit Technology). </li></ul></ul><ul><li>Tips </li></ul><ul><ul><li>Try not to “date stamp” your site (Keep it as general as possible) </li></ul></ul>