While waiting for feedback on my draft video, I’ve been working on finishing the draft of the microsite for the body of work. I’ve been experimenting with Adobe Portfolio for a while now, so this is not new to me. It offers a quick way to create websites based on standard templates and without the full functionality and opportunities for tailoring of a WordPress site, for example. It is suitable for microsites and portfolio sites (its design purpose) but not sites requiring CRM, e-commerce, blogs and community interaction. Different templates offer slightly different layout capabilities and it takes some experimentation to become familiar with the layout elements.
I’ve created a simple site and used the custom domain name www.leedsandliverpool.co.uk. It uses the ‘industrial’ typeface I’d chosen to work with during the ebook experiments and a simple black and white layout – to echo the colours of the canal’s equipment and machinery, to provide a backdrop to the video work, and to allow framing of ‘prints’ against a contrasting background.
Contents are fronted by a full page landing page featuring a full-bleed image. There are then pages for the video, ‘prints’, video transcript, book (intended to be worked upon during SYP), canal information, and an about/contact page. It deals only with my BoW material. A separate full website will be (re)developed during SYP also.
For now, I’ve not initiated SEO or submitted the site for search engine referencing. I’ll wait until everything is complete to do that.
There were some helpful suggestions received on my blog, by email and through OCA Discuss. The version of the website linked above now reflects those. Main changes were:
- Avoid use of significant areas of white on black text by alternating the webpages between black backgrounds and white backgrounds. This allowed for black behind the video and prints for contrast. It also further develops the black/white theme of the website, which echoes the traditional colours of the canal architecture.
- Changed button to enter website from ‘HERE’ to ‘WAY IN’ – someone rightly observed ‘HERE’ sounded a little abrupt!
- Resized picture elements and text width to ensure it sits well on mobile devices and tablets. I find this a drawback of working on a large monitor that is not the typical viewing platform. Next time I work on a website, I should undock my MacBook Pro and work on that screen.
- Reduced image file sizes to speed up loading time over 4G and slower internet connections. Now at 1500px on the long side. This leads to a compromise in quality when images are viewed on very large monitors but I think better that than a potentially laggy loading experience on the Ten Prints page.
- I’ve gone through various iterations on the ‘prints’ selection and blog about that separately.