Passionate does not even begin to describe the kind of developer I am. I’ve only been doing it for 7 years,
growing from a junior at New Zealand’s largest tourism company, Tourism Holdings Limited, to Touchpoint
Group, a medium sized digital agency as a Front End and Email Developer., to my current role as a Front End
and Email Developer at New Zealand’s largest bank, ASB Bank Ltd.
I’m a keen learner, hell I’m teaching myself advanced Javascript using numerous online resources such as
FreeCodeCamp, YouTube, Udemy, Codecademy etc, as well as reading books and online articles. This is all in an
effort to move on to learning some of the numerous Javascript frameworks. I had some exposure to Angular at
Touchpoint but I really want to get my hands dirty with a framework and React is currently exciting me a lot to
learn.
I love learning and experimenting with new things. I have a long list of future development plans such as
Javascript frameworks, PHP, Ruby on Rails and a load more, which you can find in my Resume. I’m really hoping
you can help me flick through that list in the next 12-18 months, at least.
You'll see in my Resume that I'm also an Email Developer. I guess it's a hobby of mine and I love the struggle of
making 20 year old code work in today’s landscape. I love discovering new techniques and sharing it around in
the #emailgeek community.
I’m a fun loving, hardworking employee and I thrive in any environment. I am the social type, the one who likes
to come in early, get the ball rolling then take 5-10 mins to buy a coffee and catch up with my team, the marketing team, HR or even the CEO. I'm an all-rounder who loves to converse and learn about other areas of the
business.
Please let me know if you would like to setup a video call to learn more about me or just get a feel for my
personality.
This is my career and my passion. I want to experiment and I want to have fun while turning heads, winning
awards and/or accolades where possible.
Please see my code and design examples on the following pages...
FRONT END EXAMPLES...
Credit Card form experiment | (HTML5, CSS3, JS) | This is an idea I sketched up while thinking of experiments
to challenge my knowledge and research capabilities. Still in progress but the basic functionality I proposed are
there. User input, with browser auto complete, is mimicked on the cards, credit card font, back of the credit card
is updated too just in reverse.
Next steps are to add labels to the for fields to make this more accessible (as well as other accessibility
additions), add some animation to the cards by only showing the back of the card once focusing on the
Security code field. This is also built in expanded Javascript so the next step is to refactor the entire codebase,
HTML, CSS and JS. Then once that is done, I will try to build this in React, my chosen JS framework I really want
to gain experience in.
Please keep an eye on this project as I update it.
http://codepen.io/Nivicious/pen/yJBPdY
Lions Tour 2017 (Rugby Union) entry form - Internal (ASB) | (HTML5, CSS) | With the Lions Tour in New
Zealand this time around, we have decided to run a competition to engage our customers to renew their term
deposits by giving them a chance to win game tickets. Our external design agency proposed a map of New
Zealand with the regional prizes showing in the actual region on the map. We would have the customer click on
a button or icon to choose and then submit.
Originally we thought we would have to outsource the build with the short time frame and the limited
customizability in the IBM system we are using for our web forms and email sends. After sitting on it for 24
hours I realised there was a simple non-javascript solution we could use. By passing the old school table
structure IBM spits out to us. So I built a test version and distributed to the marketing managers and the design
agency. Everyone was impressed. First with the fact that this solution will save a lot of our budget and secondly
not giving up even though everyone else had basically put this into the ‘too hard’ basket.
Final designs are due in the next week or so, so keep an eye on this page as I build.
https://pages.asb.co.nz/lions-test-test
Daffodil Day donation page – ANZ (Touchpoint) | (HTML5, CSS3(LESS), JS) | Form was built by back end
developers, in Java and then I was tasked with laying out the site structure and styling to look like the design
provided, including custom checkboxes, select inputs and radio buttons. - Not live yet but a local version is
here:
https://www.dropbox.com/s/y2fchu0rho4c2eq/Daffodil%20Day%20Donation%20Page%20-%20ANZ.zip?dl=0
Fertility Associates register form build & styling (Touchpoint) | (HTML5, CSS3(LESS), JS and JS fall backs) |
Form was built by back end developers, in Java and then I was tasked with laying out the site structure and
styling to look like the design provided - http://info.fertilityassociates.co.nz/register/index.html - iFramed on:
http://www.fertilityassociates.co.nz/book-a- free-nurse- consultation/
EMAIL EXAMPLES...
My first example is a very recent promotional build for ASB Bank. Fully mobile responsive, including Gmail,
tested in multiple email clients, on multiple devices:
https://www.dropbox.com/s/nu58zzcrl4adn0v/Example%20-%20ASB%20-%20Tertiary%20FGF.html?dl=0
An email designed by our outsourced design agency that I was tasked with building for an annual cultural
festival we were sponsoring:
https://www.dropbox.com/s/7q7jdptrwyvt77c/Example%20-%20ASB%20-%20Polyfest.html?dl=0
An email I redesgined for one of our internal comms release. This is actually an Outlook template, so as well as
designing and building this email, I had to keep in mind the fact that this needed to be a reusable template,
editable by our not so technical staff:
https://www.dropbox.com/s/nu58zzcrl4adn0v/Example%20-%20ASB%20-%20Tertiary%20FGF.html?dl=0
A newsletter I built for Udacity, using the Hybrid technique to ensure the email rendered mobile responsive in
all email clients:
https://www.dropbox.com/s/2q1xq6sodvnqaqb/Example%20-%20Udacity.html?dl=0
A build I completed for Samsung New Zealand. Fully mobile responsive and fully tested in multiple email
clients, on multiple devices. You can download from here:
https://www.dropbox.com/s/rgr7huimqml9no6/Example%20-%20Samsung.html?dl=0
CODE REPOSITORIES…
Codepen: http://codepen.io/Nivicious/
Github: https://github.com/Nivicious
Thanks,
Niven
DESIGN REPOSITORIES…
Dribble: https://dribbble.com/Nivicious
NIVEN
RANCHHOD
FRONT END & EMAIL DEVELOPER
PROFESSIONAL EXPERIENCE
ASB Bank Ltd - Auckland, NZ
Email & Front End Developer | Sept ‘16 - Present
In a team of three, I help build out our long daily list of
mobile responsive HTML emails and custom promotional
landing pages, surveys and forms.
My responsibilities also include keeping my teams code
base and base template up to date with the latest email
and front end techniques, tools and hacks, redesigning
our email templates, consulting our internal stakeholders
and marketing managers on what is possible and how we
can achieve their requests on a project by project basis.
Touchpoint Group Ltd - Auckland, NZ
Front End Developer & Project Manager | May ‘14 - Aug ’16
In a team of three, I did my part in churning out the steady
flow of mobile responsive HTML emails, websites and
landing pages for numerous Australiasian companies. This
also included daily content and image updates.
In November 2014, I added Project Management
responsibilities to my Front End role, liasing directly with
clients.
Hawke Media - Santa Monica, CA (Remote)
Email & Front End Developer | 2014 - Present
In my free time I contract for the company as an Email
Developer. Developing mobile responsive emails for a
range of international clients and specifications.
Tourism Holdings Limited - Auckland, NZ
Web Content Administrator | Nov 2010 - May 2014
Responsibilities included content updates through
numerous CMS platforms. Managing the creation and
maintenance of the customer pre/post travel and trade
email comms through the third party email marketing
tool. Headed up the re-design/development of our email
templates, with tailored information for each customer.
TECHNICAL TOOLBOX
TECH
HTML Email - EXPERT
HTML5 / XHTML - EXPERT
CSS3 / LESS - ADVANCED
Sass/Scss - INTERMEDIATE
BEM - INTERMEDIATE
Javascript / jQuery - BEG-INT
Wordpress - INTERMEDIATE
DELIVERY
Responsive email design - EXPERT
Responsive design - ADVANCED
Cross Browser Testing - ADVANCED
SEO - INTERMEDIATE
TOOLS
Adobe Suite - EXPERT
Subversion - BEGINNER
Github - BEGINNER
FUTURE DEVELOPMENT
Javascript / jQuery (ongoing)
React, Redux, Angular, PHP
Create an online portfolio
Start my own blog
Attend developer conferences
WEB EDUCATION
2012-Present - Online coding education
Ustilising numerous sites like
FreeCodeCamp (currently using), YouTube,
Codecademy and Udemy
2010-11 - Diploma of Web Development
(Natcoll Design Technology now Youbee School of Design)
- XHTML, CSS, Javascript, jQuery, PHP, MySQL,
Wordpress, Joomla
Twitter.com/Nivicious88 Linkedin.com/in/nivenranchhod
Codepen.io/Nivicious/ Behance.net/niven
Pinterest.com/nivicious/email-design-love/ Dribbble.com/Nivicious
Stackoverflow.com/users/-/digital-frankenstein
