Jacob
Jay
Jacob Jay

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

20 Layout 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

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

Cards for Esofaber

Function
Tool

2011 — Design, Print, Summary ↙︎
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

Website for Moonlighting

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

Innovations

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

Features

  • 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

Links

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.

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

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

Standard bid document for Initial Hygiene

Design and typeset a standardised bid proposal document.
Function
Tool
InDesign

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

Presentation for Initial Hygiene

Prepare a presentation in the previously established style.
Function

2004 — Design, Miscellaneous, Summary ↙︎
Details, 1 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 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

Brochure for HBG FM

Typeset corporate brochure from mockups.
Function
Role
Layout
Tool
XPress

2000 — Layout, Print, Summary ↙︎
Details, 1 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

Intranet Presentation for CBX / Sulzer Infra Fm / Axima FM

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

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.

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

Reports for PictureTel

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

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

RealTime Electronic Newsletter for European Teleconferencing Federation

Fortnightly email newsletter
Function
Tool
Word Email

Innovations

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

Print Newsletter for European Teleconferencing Federation

Function
Role
Layout
Tool
XPress

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