• Layered Conch Associates 3D development diagram - layer 1 Layered Conch Associates 3D development diagram - layer 2 Layered Conch Associates 3D development diagram - layer 3 Layered Conch Associates 3D development diagram - layer 4 Layered Conch Associates 3D development diagram - layer 5 Layered Conch Associates 3D development diagram - layer 6 Layered Conch Associates 3D development diagram - layer 7 Layered Conch Associates 3D development diagram - layer 8
  • Project screenshot
  • Project screenshot
  • Conch Associates project high-resolution screenshot
  • Screenshot of the Conch Associates website
  • Portfolio development screenshot

Conch Associates

weareconch.co.uk

HTML5, CSS, & jQuery

Conch Associates are a Manchester-based creative branding and design agency. Their original website (launched in 2011) was a large, scratch-built, horizontal-scrolling, parallax development using jQuery, and developed from client-provided designs.

The complexity, detail, and animation required in the site necessitated careful consideration throughout the development process and the adoption of a number of adaptive techniques with progressive enhancement to optimise the experience for devices of differing types and capabilities.

For example: during testing it became clear that certain older versions of Apple's iPad not only didn't support the relevant CSS animations needed for the parallax effect, but were also too under-powered to achieve a smooth effect via the jQuery fallback. For devices which fell into this category the only option was to forbear the parallax depth of field animation altogether in favour of smoother overall interaction.

Carefully optimised for both desktop and tablet visitors and using media queries to improve small-screen experience, the site also featured a dedicated mobile version displayed automatically for mobile and smartphone devices.

Top