OPCODA · OPCODA

OPCODA.

SYNOPSIS.

Software development, identity and marketing services. I founded OPCODA in 1999, and delivered a range of web sites, JavaScript applications and graphic design projects.

UX & UI JavaScript ES6 (ES2015)React.js ▲ZEIT now ⤷▲ZEIT next.js ⤷jQuery PHP7 WordPress 4.x Identity & Brands Pitch Deck Design Adobe Illustrator Adobe Photoshop Sketch.app Print

TransferCorp.

Identity & positioning for a P2P money transfer startup (2015).

Pitch Decks.

Project proposals. Motivation, situation analysis, deliverables and timelines.

Business Planning Market Analysis Business Cases Pitch Deck Design

OPCODA.COM

My portfolio site is built with ▲ZEIT's Next.js framework for server-rendered React applications. The UI framework is Tachyons, and the site is deployed using ▲ZEIT's `now` fully managed service.

Rapid prototyping yields usable UI code for rich demos and feedback, for testing with backends and APIs, and for profiling performance on real devices and connection types.

I sketch on paper and simultaneously build skeletons in code with CSS frameworks, particularly Tachyons. It's a great implementation of 'atomic CSS', outlined in CSS and Scalability by Tachyons' co-author Adam Morse.

JavaScript ES6 (ES2015)React.js TACHYONS.IO ⤷▲ZEIT now ⤷▲ZEIT next.js ⤷Google Tag Manager Google Analytics

User Experience.

Ocado Webshop improvement case study developed to support my application for a UX specialist role at the the world's largest dedicated online grocery retailer (580,000+ active customers).

Motivation: to demonstrate excellent fit for the role with a practical application of UX design and prototype development, implementing the Double Diamond process.

Process: Sampled grocery shoppers to identify motivations & pain-points (new and veteran Ocado and non-Ocado customers); integrated feedback into an analysis of Ocado.com’s Webshop; developed mockups using Sketch.app for discussion.

UX & UI Market Analysis Sketch.app

Output: Review of improvement opportunities for Ocado.com’s Webshop; web and iOS designs for a revised welcome page, navigation bar & offers optimised for efficiency & discovery; testing and validation plans.

Mobile Market Development

New identity for a mobile telecoms research program spinning out from a parent organisation: document and presentation templates, web sites and printed collateral.

Marketing site and client portal. Designed and implemented new web properties for Mobile Market Development Ltd's transition from publishing six long-form printed reports per year to 20-30 short-form, PDF-only reports.

Custom content management system for publishing PDF documents: clients sign in to download material licensed to their accounts; implemented analytics to measure individual engagement and help retain, upsell accounts.

UX & UI PHP7 MySQL RDBMS & SQL JavaScript jQuery

Mobile Offers & Promotions Database. I built a web app for mobile telco marketing managers to search and browse TV commercials, print and online promotions. With MMD colleagues, we curated over 2,500 examples from 100+ mobile operators in 40+ countries.

UX & UI PHP7 MySQL RDBMS & SQL JavaScript jQuery

Yogavani.

Identity for a hot yoga lifestyle brand (2011–2017)

Identity.

Imaginex was the company's trading name at incorporation in 1999; rebranded in 2014.