Loading...
Menu Toggle

Say hello to my portfolio

My name is Piers, a Creative Front-end Developer from London.

View Work

Work

Feast It on a Laptop Browser
Feast It on a Mobile Browser

Feast It

Airbnb for catering

Feast It is a start up offering an easy way to discover and book food caterers. The site is a SPA built with React combined with Redux for state management, along with a BEM flavoured SASS approach for our styles. It features integration with a Node powered CMS through a RESTful API, Stripe for payment, and Imgix for responsive and retina images.

  • React
  • Redux
  • SASS
Visit Website
Twizy Tours on a Laptop Browser
Twizy Tours on a Mobile Browser

Twizy Tours

Self guided car tours

Twizy Tours offer self guided, audio-based, driving tours around London. The site acts as both a marketing tool and a booking platform for customers. Built using React, Redux and SASS, it features deep integreation with a booking management CMS via a RESTful API. I also built a separate React Native based application for customers to check in with on-site.

  • React
  • Redux
  • SASS
  • Native
Visit Website
Care Cards on a Laptop Browser
Care Cards on a Mobile Browser

Care Cards

Mental health PWA

Care Cards are a set of kind thoughts and helpful little activities to keep you on top of your mental well-being. Presented as swipeable cards, the app leverages hammer.js and CSS transitions to create engaging an engaging way of interacting with the tips it provides. It's also built as a Progressive Web App, allowing complete offline access.

  • React
  • StyledComponents
  • PWA
Visit Website
World Wide Generation on a Laptop Browser
World Wide Generation on a Mobile Browser

World Wide Generation

Sustainability fintech startup

World Wide Generation aims to bring government, business and civil society together to accelerate the financing and delivery of the UN’s 17 Sustainable Development Goals. The website was built using the new CSS grid specification, as well as using GraphQL paired with React Apollo for data querying and state management.

  • React
  • GraphQL
  • SASS
Visit Website
Mariah or Messiah on a Laptop Browser
Mariah or Messiah on a Mobile Browser

Mariah or Messiah

Christmas quiz

Mariah or Messiah was built as part of a hackathon with the aim of creating a fun (and rather silly!) Christmas card. Whilst generating publicity for Neverbland, it also helped raise money for the Hackney Winter Night Shelter charity. The quiz makes heavy use of the Greensock library to facilitate all the animtions.

  • React
  • Redux
  • SASS
  • GSAP
Visit Website
Inside Rolls Royce on a Kiosk

Inside Rolls Royce

Exploratory Experience

An exploratory touch screen experience as part of an instalment at the Saatchi gallery in London by Imagination. Offering a smooth, animated, Kiosk-like experience, the application allowed the user to explore Rolls Royce's latest technical innovations and process through content unlocked by touch gestures. I helped define the design, UX and animatics alongside Art Director Aaron Daniels.

  • Angular
  • SASS
  • Design

About Me

Crafting captivating digital experiences with passion

Passionate about technology and design from an early age, I've built websites, applications and digital experiences using front end tools in areas including music, automotive and fashion and art. I'm fascinated by emergent technologies and methodologies, such as responsive design, preprocessors, CSS3 animations and in-browser design. I'm familiar with a range of Content Management Systems, image editing software, as well as Digital Audio Workstations from my days as a recording engineer. In my time away from the computer I enjoy quoting films, playing with any musical gadget I can get my hands on and keeping my two cats off my keyboard.

Toolset

  • HTML/SASS

    Expert

  • Responsive Design

    Expert

  • React & Redux

    Advanced

  • Angular

    Advanced

  • jQuery

    Advanced

  • Vue

    Working Knowledge

Contact
© 2022 Piers Olenski

Contact

Close

Thanks! Your message has been delivered.

Oops! Looks like there's a problem, please try again later.

Whether it's to discuss a project, talk shop or just say hi, I'd love to hear from you!