Jacob Jay

Peripatetic British full-stack developer, designer and entrepreneur.
Specialising in web applications and usability.

19 Layout projects

Product Website for Esofaber

Site to promote and sell a specific product line.


  • Bespoke image slider handling multiple content parts (image, title, subtitle, price, inset image) and integrated as the core compoent of the page layout
  • Image slider waits for the next slide's image to finish loading before progressing to that slide (a common issue on slower connections with every other slider implementation)
  • Shows the name of the next item in the slider


  • Responsive design (adapts to screen size and orientation such as for tablets)
  • Feature products in the front page slider simply with tagging
  • Automatic slider with manual controls
  • Web fonts (to match the product aesthetic)
  • Localised prices and shipping notices
  • All the Moonstalk Kit optimisations (e.g. typographic prices and async JavaScript loading


2011 — Design, Web, E-commerceSummary ↙︎
Details, 1 images

Cards for Esofaber


2011 — Design, Print, Summary ↙︎
Details, 1 images

Estate agency SaaS for duHome

Provide a customisable website for estate agencies.


  • Fuzzy-logic search, gradually widening search criteria scope when not enough matching results are found, i.e. for every non-matching input criteria a corresponding potentially acceptable criteria would be used instead such as 1 bathroom instead of 2, with these criteria being colour-coded (match versus near-match) for easier identification by the user.
  • Comprehensive type-ahead search using multiple sources of data (names, telephones, locations, emails, prices), removing need for time consuming paging of adminstrative list views to find relevent records.
  • Use of geohash indexes for high-performance geospatial property search.
  • Use of deferred slideshow loading to improve performance and usability (almost unheard of at the time, most solutions simply advancing to to half-downloaded images on a timer, or attempting to download all upon page load despite potentially not subsequently showing them).


  • Customer-facing functionality including geographic search and display of properties with mapping and slideshow
  • Agent functionalities including search, management of properties
  • Agency-owner functionality including customisation and configuration of website, and management of agents
  • Support for multiple agency locations per site, and agents per-agency
  • Activitiy streams with messaging and notifications for each agency, agent and property
  • Signup for new agencies (clients) with a default name-derived subdomain
  • Automatic geo-location and address completion when adding properties
  • Image upload and optimisation for slideshows
  • Email notifications when agents are not active on site
  • Property owner CRM with agent association
  • Editable print view with QR code for window display
  • Utilisation of Moonstalk's internationsalistion, geospatial data, type-ahead search, and notification features
2011 — Conception, Web, Content ManagementSummary ↙︎
Details, 8 images

Website for Moonlighting

Manage new member registrations, room bookings and accounts for a combined coworking and accommodation provider.
Social Calendar


  • Disucssion list emails are handled through a bespoke system that appends a member's presence status and profile to their messages, and also rejects posts from expired members or on lists for which they don't have priveleges, thus removing the usual requirement of additional disucssion list adminstration.
  • Automatic checkin using MAC address detection on the LAN when a member connects.


  • Member directory and CRM
  • Checkin system to indicate daily member presence
  • Per-resource (e.g. bedroom) availability calendar
  • Member accounts and bookings
  • Meal booking and payment
  • Staff task views (e.g. to see when rooms are being vacated, and how many meals must be prepared)
  • Email and web discussions for members and staff


2011 — Conception, Web, SocialSummary ↙︎
Details, 5 images

API Gateway for Pixelpipe

An API gateway server accepting media uploads from clients using a wide variety of supported APIs, and re-broadcast them to well over 50 different service providers.


  • Deferred batching to accept multiple uploads over a configurable timeframe, and then re-broadcast them together as an album or single blog post after no more items had arrived (instead of individually upon arrival).
  • Utilisation of special 'routing' tags, allowing uploaded media to be dispatched to specific accounts or groups of accounts simply using a tag, thus avoiding the need for specific client routing UI, and instead using a client's native tagging UI.


  • Prioritised image processing queue with service provider connection constraints
  • Service provider error aggregation and reporting to quicly idenitfy and prioritise API issue resolution with destination service providers
  • Support for multitudinous client upload APIs including metaweblog and Flickr, which with DNS spoofing enabled official clients to be used with the server
  • Bespoke upload applications and Plug-ins including iPhone, Aperture, Windows Live Gallery and integration with Nokia share
  • Support for hosting uploads directly on the service, including views for user streams, albums and individual photos
2008 — Management, Server, PhotoSummary ↙︎
Details, 7 images

Customer Satisfaction Survey for Romec


  • User authentication and registration with assignment of multiple surveys
  • Data capture forms in multiple parts with user-specific variations
  • Dynamic reporting (employing logical filters), and Excel-compatable export",
  • innovations = "Modular storage and analysis code base, - extensible, reusable and configurable (via plain text file)
  • Recursive analysis (comparison between results)
2004 — Layout, Web, Content ManagementSummary ↙︎
Details, 2 images

Standard bid document for Initial Hygiene

Design and typeset a standardised bid proposal document.

2004 — Design, Print, Summary ↙︎
Details, 1 images

Presentation for Initial Hygiene

Prepare a presentation in the previously established style.

2004 — Design, Miscellaneous, Summary ↙︎
Details, 1 images

Works Access Authorisation for DigiPlex

Migrate a paper-based business process management system to the web.


  • Fully integrated system with multiple views (manager, reception, contractor) providing process filing and review mechanisms (with per-report activity log)
  • Document upload facility
  • User registration and authentication
  • Multiple languages",
  • innovations = "Streamlined the original paper-based process by elminating duplicated data, employing cross-referencing and implementing a status based approval process.
2004 — Architecture, Web, Content ManagementSummary ↙︎
Details, 3 images

Continuity Management System for DigiPlex

Online best-practice incident reporting procedure automation for a datacentre.


  • Forms guiding a user through the incident reporting process, including providing multiple points of contact according to availability
  • Backend databases and administration for locations, contacts (multiple internal and external roles, with individual calendar-based availability and regional holidays)
  • Backend reporting for incidents by location with highest severity identification
  • Email notifications with normal and priority addresses (for SMS)
  • User authentication with anonymous 'SOS' login
  • Multi-language support
2002 — Development, Web, Content ManagementSummary ↙︎
Details, 5 images

Website for Information Facilities Management

Upgrade UK industry portal from basic HTML to a dynamic CMS with subscription-based access.


  • Integrated support within the CMS and layouts for topicis, related links and other metadata, enabling extensive cross-referencing between content areas.
  • Login authentication system preventing simultaneous use of accounts and providing usage statistics for identifcation of potential abuse.
  • Winner of multiple Business Services Association awards


  • Migration to dyanmic architecture
  • Implementation of subscription-based access (user and group based)
  • Card payment authorisation system (via gateway)
  • News and features CMS (with enhanced metadata support)
  • Incorporation and adaption of banner system (off the shelf Perl)


2001 — Architecture, Web, E-commerceSummary ↙︎
Details, 5 images

Website for UniqueYou

Consumer relationship support site with extensive articles.


  • Highlighting of new content and comments only since last visit
  • Online payment aquisition for offline processing using (secured) email


  • Heirachical CMS with multiple content types
  • User authentication with guest, member and subscriber access
  • Card payment aquisition system
  • User comments system (per article)
2001 — Architecture, Web, Content ManagementSummary ↙︎
Details, 2 images

Brochure for HBG FM

Typeset corporate brochure from mockups.

2000 — Layout, Print, Summary ↙︎
Details, 1 images

WebShop System for Enigma

Comprehensive modular E-Commerce framework for deployment in various client sites.


  • Whilst having similar functionality to Miva Merchant v2 (current at the time of development) this bespoke solution provided extensive options for custom integration. See the other E-commerce projects on here for some specific deployments.


  • Shopping basket and wish-list supporting custom price calculators with multiple input variables
  • Discounts (static and dynamic, from codes or links)
  • Subscriptions (time and useage based)
  • Affiliate tracking
  • User accounts with multiple addresses per-user
  • Product-specific supplementary requirements
  • Distinct order and payment statuses
  • Product availability restrictions (with potential for stock keeping)
2000 — Development, Web, E-commerceSummary ↙︎
Details, 4 images

Intranet Presentation for CBX / Sulzer Infra Fm / Axima FM

Convert a presentation from Powerpoint into navigable HTML for access on an Intranet.

1999 — Design, Miscellaneous, Summary ↙︎
Details, 1 images

Intranet for CBX / Sulzer Infra FM / Axima FM

Improve the usability and presentation across an intranet uniformally, following a rebranding of the company.


  • Use of tabbed-UI and javascript popup menus to maximise functional real estate whilst providing two-click access to almost all areas of the system.
  • Color coding of tabs and areas for ease of identification (in an earlier implementation).
1999 — Design, Web, SocialSummary ↙︎
Details, 2 images

Reports for PictureTel

Design and typeset 6 industry reports of ~35 pages in 6 languages.

1998 — Design, Print, Summary ↙︎
Details, 1 images

RealTime Electronic Newsletter for European Teleconferencing Federation

Fortnightly email newsletter
Word Email


  • Document size kept under 80KB using minimal formatting and bitmap graphics
1998 — Layout, Miscellaneous, Summary ↙︎
Details, 1 images

Print Newsletter for European Teleconferencing Federation


1995 — Layout, Print, Summary ↙︎
Details, 1 images