Jacob
Jay
Jacob Jay

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

20 Content Management projects

Website for PowerMeals

Replace a highly customised WordPress/WooCommerce system for a meal delivery service with a high-performance adaptable platform.

Innovations

  • Involved reimplementing an algorithm originally created in Excel with recursive iteration upon all the possible meals by the number of desired meals which whilst logical was costly, and not being particularly capable with such techniques I reduced it to simply iterating all meals (typically around 50, before excluding those not matching diet) for a max n times, not adding similar or identical meals until subsequent iterations to ensure variety, so decreasing variety with each iteration after diet protein distributions are fulfilled (easy in the case of carnivore, harder in the case of flexitarian). This generally completes in a few iterations, and in rare cases where diet is restricted it doesn't require too many more. When necessary it will flag an account as having an overly restrictive diet that could not be automatically allocated an adequate variety of meals.
  • Introduced the ability to no longer require an 'active' account to place an order, and therefore also changed copywriting and terminology to be more explanatory e.g. retired 'subscription' in favour of 'recurring deliveries' that could then be switched off. When off, orders are only created and allocated on-demand when the customer returns, not as part of the batch processing.
  • Deprecated the (unsustainable and gamed) use of a payment grace for the first order on signup if payment wasn't settled.
  • Introduced the 'flexitarian' diet with a data structure for proteins on each diet permitting percentages to be set for each being used in automated allocations. (Would also permit each customer to set their own, but not implemented.)
  • Simplified ingredient and exclusion handling, utilising inheritence, categories and inverted diet flags (e.g. not-vegan, not-vege) on each ingredient.
  • Improved meal cards with subtitles, and label/sticker overlays.
  • Replaced the basic printing of postal service labels as only permitted in WooCommerce, with a bespoke system including generation of the Odoo stock picking barcode printed on the same delivery label, greatly simplifying the pick+pack process. (This was phased, early releases instead used sorted printed picking lists and labels, to which a short weekly internal consignment identifier was added, i.e. every consignment could be uniquely identified within a given week even if delayed, and the number generally being 3–4 digits making it easier to match by eye, versus previously attempting with an entire recipient name.)
  • Bundled SKUs, e.g. buy a group of items at a discount, with all products items ised individually.
  • Implemented receipts instead of 'invoices'.
  • Simplified customer and order references, where customers are given a short alpha-numeric code, and orders simply use their date, e.g. 241201-AB (PNR).
  • Improved formatting of localised values e.g. Swiss prices, and dates.
  • Far easier customer lookup in the backoffice, with default selected search allowing instant typing or paste of name/tel/email.
  • Use of the Moonstalk stack with the Openresty and Tarantool application servers.
  • The entire platform went from multiple second waits in the Wordpress backoffice to simply see orders, to sub 10ms render times across all pages including complex backoffice queries.
  • Lightweight json payloads in each language comprising the weekly menu and ingredients for the client-side application.
  • Many pre-cached data (e.g. products per menu) generated in the webserver avoiding the need to query the database, or generated as a cache on a schedule in the database and loaded by the web server.
  • When the scheduled batch processing fails (regrettably not infrequent due to Odoo issues) it can simply be re-run manually.
  • Statistics on most daily operations to ensure smooth running, with a daily recap and individual signups requiring review posted to the Slack channel.
  • Emphemeral datasets in records discarded when no longer required, by segmenting the orders into current and archive, where current orders contain production details that are not relevent to keep after production. (Whilst not needed at the time, it significantly improves performance should the dataset grow.)

Features

  • Fully translated and localised for Switzerland in English, German and French.
  • Weekly menus comprising changing meal and extras SKUs.
  • Client-side basket checkout for selecting, filtering and pricing.
  • Menu and product data also utilised in dedicated non-customer menu pages, with a basic CMS for managing categories.
  • Dedicated 'trial' package checkout having set delivery charges.
  • Customer dietary preferences include filtering.
  • Coupons (discount value) with a variety of use scenarios, plus vouchers (cash-credit value), and gifts (rewards) to be claimed upon passing thresholds.
  • Flexible holiday rescheduling for closure days (albeit not implemented fully abstractly).
  • Utilising fairly standard scheduled early morning batch processing for credit card payments, initially using Stripe, then replaced with a Swiss payment gateway, and other methods; also downloads postal service waybills for labels, amongst other functions.
  • One grace order when automated payment settlement fails. (Improved customer retention.)
  • Integrated HubSpot for CRM, with many recurring API updates syncing customer state changes, such as activating or deactivating recurring orders, which is then used for automated emails.
  • Implemented sending orders to the hosted Odoo service for ERP and production, including carrying out order confirmation; further integrations planned.
  • Migrated data from multiple millions of Wordpress SQL rows, many duplicated or deprecated, and actually only representating less than 10,000 records after migration (Demonstrating the impracticalty and high overheads of WordPress/WooCommerce as a platform.)
  • Included training the frontend dev (JS/PHP) in basic framework, Lua and Tarantool usage.
  • Included the initial design, subsequently handed over to a frontend dev, and new designer, but loosing the nuanced/cleaner typesetting I had applied; usability advice is ongoing.

Links

2023 — Development, Web, E-commerceSummary ↙︎
Details, 14 images

Directory for Cooperative Coliving

Website with categorised and filterable listings of coliving spaces for workations.

Innovations

  • Filter flexibility on some classifications as enumerated scales (e.g. outside spaces from terrace to big garden; workspace from bedroom desk to coworking) enabling results to be expanded with degrees of relevence, instead of simply returning unhelpful 'nothing matched'.
  • Multi-faceted classification system uses both structured and unstructured tags; which may be grouped by parents, optionally redirecting and hilighting child tags; plus enabling customisation of every view where values are consumed.
  • Freeform rates, in which multiple unit classes may be declared with any duration and rate; the system creating summaries of these for common cases (e.g. weekly and monthly rates).
  • Unusual mobile UI giving access to an almost fullscreen map with information panel below it as a single swipable view, instead of the more typical multi-modal/click-panel-close interactions. (Usability value to be ascertained.)
  • For the explore map, a SPA-style client-side with real-time filtering, using a compact base dataset maintained as JSON, supplemented with per-property JSON data requests upon user interaction, thus avoiding server-side dependencies and database queries. (Obviously only capable of handling a smaller datasets, though under 75k gzipped for 1500 properties, not likely to be exceeded for many years.)
  • Tags for all filter criteria preserved in the URL facilitating sharing. Clicked properties are preserved in the query string thus do invoke a server-side response to permit sharing when first accessed with a property query string.
  • Given a huge variety of spaces and users, anonymised and unrated reviews to focus the user's attention upon their own interpretations.
  • Fallback client-side rendering, should the server be unable to cache Instagram using a private API.

Features

  • Highly performant, using the Moonstalk framework and its javascript loader, resulting in data loading and rendering completion in under half a second for the explore map.
  • The use of tags in a provider-specified order to classify spaces also supports a self-declaration community label/marque using the logo, in which any space may declare itself a "coliving community" by prefixing its core offer or values as tags e.g. «Hub House is a #purposeful #cooperative Coliving Community».
  • Data stored in easily edited structured text format (Lua).
  • Third-party data sources (e.g. Instagram, Facebook, Google) cached on the server to eliminate additional latency.
  • Passable/overridable filters in URL, as well as settable with cookies, this statefulness allows the map and list views to be shared preserving the user input criteria.
  • Some data always in-page for instant client-side changes and reduced server processing, and when unspecified shows all spaces in list view with 'disabled' styling thus ensuring all potential results appear on pages for SEO and first-time visitors. If prefs are set or passed the server trims the data set to send a lighter load.
  • Unstructured locations and contextual adjustment derived from declared human-friendly strings, e.g. "Barcelona, Spain" only appears as "Barcelona" on the Spain page, but a space may declare it as "near Barcelona" or anything else appropriate for reference instead of displaying simply an unhelpful administrarive name.
  • Tags permit optional space-specific custom details, e.g. the "meals" tag can be expanded with free-form text such as "full-board included".
  • Friendly URLs e.g: /in/spain /with/pool
  • Custom pages can replace or supplement entire categories; CSS can also easily be used to make changes to specific categories.
  • Currency conversion with rounding to faciliate user information scanning and consumption.
  • Instagram photos only render the two most recent official account photos, also showing both top-ranked and recent location-specific posts (where an Instagram location is known).

Links

2020 — Conception, Web, Content ManagementSummary ↙︎
Details, 8 images

B2B Rental Marketplace for HSS

Bring an existing business department and its processes online and up-to-date using a marketplace mediating with third-party suppliers.

Innovations

  • Multiple pricing and comission models to support both owned assets and third-party assets
  • Per-class (category, product or variant) cascading inherited attributes, with ancestor and descendant overrides providing a variety of ways to control how suppliers add new items and values
  • Mediated messaging, with client-supplier messaging relayed through an operator
  • Supplier auctioning with deferred (countdown) booking assignments in cases of unknown availability
  • Collection options using geolocation
  • Flexible delivery class calculations assignable per-category and postcode
  • Geographical search ranking availability of items with delivery constraints
  • Ability for an operator to easily swap their CMS view to that of a supplier (delegate authentication) when handling operations by telephone

Features

  • Categorised product (and variant) listings with search
  • Bespoke CMS handling categories, products and their variants with dynamic attributes
  • Booking functionality (not calendared)
  • CMS and API for suppliers
  • Mobile app with push notifications and messaging for suppliers and customers
  • Multi-device and multi-role authentication and notification settings
2014 — Architecture, Web, E-commerceSummary ↙︎
Details, 10 images

Product Website for Esofaber

Site to promote and sell a specific product line.

Innovations

  • 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

Features

  • 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

Links

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

Estate agency SaaS for duHome

Provide a customisable website for estate agencies.

Innovations

  • 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).

Features

  • 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

Marketplace for Verse

SaaS platform for small independant retailers, with a focus on curation and provenance, including product blogs and stock-control.

Innovations

  • Customisable magazine style multi-product 'display' layouts, using an impactful large format image tagged with the products, with their data (price, links) automatically populated.
  • Uncluttered single product layouts with clear call to actions and availability.
2009 — Design, Web, Content ManagementSummary ↙︎
Details, 2 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.

Innovations

  • 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.

Features

  • 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

Social Networking Site for Indivibe

Design and build a nightlife events publishing and social networking site with regional versions.

Features

  • Photo upload with user, location and event galleries
  • Location and user profiles with public and private messaging
  • Friending with reciprical relationship indication ('strength')
  • Simple colour-coordinated navigation
  • Options to feature/hilight photos and sponsored events/locations
  • Watermarked photos
2006 — Development, Web, SocialSummary ↙︎
Details, 1 images

Folio Concept for Verse

Product concept, branding and website for professionally-oriented photo portfolio service.

Innovations

  • SaaS with SSL on MivaScript
  • Flexible CSS boxes with custom edge and corner frames
  • Research on hosting latencies for optimal single-location US deployment across metro areas

Features

2005 — Design, Web, PhotoSummary ↙︎
Details, 1 images

Customer Satisfaction Survey for Romec


Features

  • 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

Works Access Authorisation for DigiPlex

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

Features

  • 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.

Features

  • 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.

Innovations

  • 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

Features

  • 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)

Links

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

Website for CBX / Sulzer Infra FM / Axima FM

Upgrade of site for service provider.

Innovations

  • Dynamic content selection with fallbacks for overlapping country/language static content employing dynamic URLs and a metadata store
  • Publishing of short video editorials
  • Visitor survey (bespoke aquisition with off the shelf desktop analysis)
  • Automatic what's new feature using the metadata store

Features

  • Heirachical structure for 100+ pages with multiple regions and languages
  • Press area including image gallery, PDF clippings and video editorials
  • Callback request facility
  • Registration-only articles
  • Video
2001 — Design, Web, Content ManagementSummary ↙︎
Details, 4 images

Website for Aspect Education

Redevelop consumer site for international education provider.

Features

  • enrollment forms and cost calculator for courses and locations (200+ combinations with 7,000 dates and further options)
  • CMS with multi-region and language capabilities, for page content, plus news and jobs
  • Course finder (narrows choices through a multi-stage questionaire)
  • Co-branded version for affiliates (distinct logo and contact details)
  • Messaged board
2001 — Architecture, Web, Content ManagementSummary ↙︎
Details, 4 images

Website for UniqueYou

Consumer relationship support site with extensive articles.

Innovations

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

Features

  • 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

Online Delivery for Building Economics Bureau

Site for data publishing agency with subscription-based access to retreive datasets online.

Innovations

  • generation of repetitive array-processing code during database updates for execution at runtime (providing improved performance)

Features

  • Subscriptions module (usage and time based) for the (seperately developed) WebShop system
  • Backend database import/upload with automated dyanamic ToC-code generation (from hand-formatted Excel export)
  • Browsing of multiple distinct databases via static/dynamic ToC (depending on database structure) and data record page
2000 — Architecture, Web, Content ManagementSummary ↙︎
Details, 4 images

WebShop System for Enigma

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

Innovations

  • 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.

Features

  • 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

Website for British Institute of Facilities Management

Stakeholder site for UK industry organisation with 16k users.

Features

  • User authentication and profiles
  • Backend database import and update routines (from MS Access export)
  • Member directory (categorised browsing)
  • Business directory (search and browse, with selective positioning)
  • Staff directory (multiple group memberships)
  • Message board (simple threading and archiving, with email notifications)
  • Job listings (with agency-specific CMS access)
  • Administration functions for all CMS/databases (with ACLs)
  • Document storage/fileshare employing WebDAV upload (with ACLs) and per-user public folders
  • Document library (categorised browsing)
  • Transparent loading of external content (news feed and externally generated pages) into templates
1999 — Architecture, Web, Content ManagementSummary ↙︎
Details, 7 images

Intranet for CBX / Sulzer Infra FM / Axima FM

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

Innovations

  • 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