Celine Rufener

Digital Alchemist & Front End Developer

About me

A Swiss Touch in Auckland

Being part of the generation that grew up with computers, I've always been into technology. An inclination toward high quality design has naturally developed my passion for front end development.

A Kiwi birth and a Swiss upbringing opened my mind to different ways of thinking. 2014 saw me coming back to New Zealand to experience the kiwi lifestyle... thoroughly loving it!

Work

Preview of WQ Smart's website on desktop & tablet

WQ Smart

Panuku Development Auckland's aim for Wynyard Quarter is to create a mix of residential, retail & commercial development. This website is an engaging way of sharing the progress of implementing sustainability in Wynyard Quarter.

  • HTML5
  • WebGL
  • SASS/CSS3
  • CoffeeScript/JS
  • JSON
  • AJAX
  • Responsive
view site
Preview of Heart Kids' website on desktop & tablet

Heart Kids

Heart Kids New Zealand's mission is to provide life long support for those affected by congenital heart disease (CHD) and to reach and improve their lives. In August 2015, we launched the Born Fighter campaign to create awareness and promote donations to HK NZ.

  • HTML5
  • PHP
  • SASS/CSS3
  • CoffeeScript/JS
  • AJAX
  • Parallax
  • Responsive
  • FWA Site of the Day
  • Awwwards Site of the Day
  • CSS Design Awards
view site
Preview of Barkle's website on desktop

Barkle

Benjamin Markby (aka Barkle) is a digital art director / interactive designer based in Auckland, New Zealand. We worked together to create his portfolio website, showcasing some of his awesome work.

  • HTML5
  • PHP
  • SASS/CSS3
  • CoffeeScript/JS
  • AJAX
Coming soon
Preview of Wynyard Quarter's website on desktop & tablet

Wynyard Quarter

The aim of this website is to showcase the vibrant precinct of Wynyard Quarter as well as promoting & attracting visitors and communicating on future developments.

  • HTML5
  • SASS/CSS3
  • CoffeeScript/JS
  • JSON
  • AJAX
  • Responsive
  • Google Maps API
  • W3 Awards Gold
  • Webby Awards Honeree
view site
Preview of TVNZ Media Portal's website on desktop

TVNZ Media Portal

TVNZ is New Zealand's national television broadcaster and digital media company. This media portal website showcases the new season programmes across all TVNZ channels. It also allows media to log in to view programme teasers to obtain content and related visuals to use in their write ups.

  • HTML5
  • SASS/CSS3
  • CoffeeScript/JS
  • AJAX
  • Responsive
view site
Preview of Panuku's website on desktop & tablet

Panuku

Panuku Development Auckland is an Auckland Council Controlled organisation, responsible for the revitalisation of parts of the city. It's involved throughout the lifecycle of property, including buying, managing, and selling. This website allows Panuku to present their projects, properties and latest news as well as explaining who they are.

  • HTML5
  • SASS/CSS3
  • CoffeeScript/JS
  • JSON
  • AJAX
  • Responsive
  • Google Maps API
view site
Preview of Sovereign RPM's website on desktop

Sovereign RPM

In 2014, Sovereign, an insurance company, decided to launch a rewards campaign for its brokers. Each person entering the competition was led through a selection of artists, venues, transportations, entertainment and VIP treatments. The end result was an ultimate rockstar experience!

  • HTML5
  • PHP
  • SASS/CSS3
  • CoffeeScript/JS
  • AJAX
  • Interactive
  • NZDM Awards Silver
Preview of Harrison Grierson's website on desktop & phone

Harrison Grierson

Harrison Grierson is one of New Zealand's leading engineering and design consultancies, operating throughout Australasia and the Pacific Rim. This corporate website showcases Harrison Grierson's expertise, projects and way of thinking, through case studies and articles.

  • HTML5
  • SASS/CSS3
  • CoffeeScript/JS
  • AJAX
  • Parallax
  • Mobile
  • W3 Awards Gold
view site
Preview of Breitling's website on desktop

Breitling

Breitling, a Swiss watchmaker, designs, engineers, manufactures and distributes chronometer watches. We created a set of interactive user manuals, allowing the user to choose his watch model and be guided through each step of the watch's different functionalities.

  • HTML5
  • PHP
  • SASS/CSS3
  • CoffeeScript/JS
  • JSON
  • AJAX
  • Interactive
  • Responsive
view site

Skills

Digital alchemy requires a broad skillset and knowledge.

  • js
  • html5
  • css3
  • reactjs
  • es6
  • ror
  • ajax
  • jest
  • webpack
  • ui/ux
  • material ui
  • responsive
  • adobe xd
  • adobe ps
  • adobe ai
  • coffee
  • sass
  • json
  • git
  • npm
  • command lines
  • webgl
  • parallax
  • mobile app
  • php
  • sql
  • jquery
  • bootstrap
  • angularjs
  • local storage
  • sublime text
  • gulp
  • grunt

Let's talk

hello@celine.kiwi