About me and my work

palindrome

/ˈpalɪndrəʊm/

noun
a word, phrase, or sequence that reads the same backwards as forwards, e.g. madam, nurses run, or Hannah

Hi! My name is Hannah

I am a web developer and design enthusiast.

My main focus is to embrace the latest of technologies and design and combining these to develop seamless, efficient, and user friendly experiences to the best of my capabilities and understanding.

Palindrome Websites incorporates my name into the logo, by making use of the letters "H", "A", "N"; together forming a monogram.

A little bit extra:
Most people call me "Handa". This is an amalgamation of my name, and my love for Pandas.

Portfolio

Datatec

Investor relations website

About the company

Datatec is an international ICT solutions and services group operating in more than 70 countries across North America, Latin America, Europe, Africa, Middle East and Asia-Pacific. Through three core divisions, the Group offers Technology Distribution (WestconGroup), Integration and Managed Services (Logicalis) and Consulting and Research (Analysys Mason).

I was responsible for the following:

  • SEO (Search Engine Optimisation)
  • Design implementation
  • Development of the entire site
  • Desktop development
  • Responsive/mobile development
  • Search implementation (using Zoom Search Engine Indexer)
  • Form/document submission
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery v2.1.3
  • Bootstrap v3.3.6
  • Basic PHP - extracting data from live XML feeds
  • Google fonts
  • Google maps APIs
  • Highcharts - incorporating interactive SVG

Website

Italtile Limited

Investor relations website

About the company

Italtile Limited is South Africa’s leading retailer of imported and local ceramic and porcelain tiles, sanitaryware, bathroom accessories and other related products.

The Group operates as a franchisor, featuring a streamlined parent operation focused on growing market share and fostering entrepreneurial opportunities through its franchise programme.

Motivation

"For the investor relations audience, access to financial data is crucial - financial presentations and reports, board member information, as well as regulatory announcements and stock charting are all easily found through clear, simple navigation." - Element Electronic Media

I was responsible for the following:

  • Design implementation
  • Development of the entire site
  • Desktop development
  • Responsive/mobile development
  • Search implementation
  • Form/document submission
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • SEO (Search Engine Optimisation)

I made use of the following languages/tools:

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery
  • Basic ASP
  • Formstack
  • Google fonts

Website

Gem Diamonds

Responsive website

About the company

Gem Diamonds is a leading producer of high-value diamonds. The Group owns the Letšeng mine in Lesotho, and the Ghaghoo mine in Botswana.

The Letšeng mine is renowned for its regular production of large, top colour, exceptional white diamonds, making it the highest average dollar per carat kimberlite diamond mine in the world. Since Gem Diamonds acquired the mine in 2006, Letšeng has produced four of the 20 largest white gem quality diamonds ever recovered.

I was responsible for the following

  • Design implementation
  • Development of the entire site
  • Desktop development
  • Responsive/mobile development
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery v2.1.3
  • Basic PHP
  • Google search
  • Google fonts
Website

Basil Read

Responsive website

About the company

Basil Read touches the lives of millions on a daily basis. Basil Read and its subsidiaries are active in civil engineering projects, road construction, building, mixed integrated housing developments, property development, opencast mining, and related services.

Motivation

"...a clean design outlook that foregrounded Basil Read’s content and created a browsing experience aimed at easy, intuitive navigation." - Element Electronic Media

I was responsible for the following

  • Design implementation
  • Desktop development
  • Responsive/mobile development
  • Development of interactive SVG map (footprint)
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • Basic SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery
  • Basic PHP
  • Google fonts
  • SVG
  • Filter systems
Website

Planet KB

Photography website - includes CMS

About the company

Established by Geoff Brown in 1988, as a corporate and industrial photography studio in Johannesburg, South Africa, Planet KB’s services include the meticulous planning and execution of all assignments.

"A vibrant, fully-responsive reliable portfolio site was needed. Geoff also mentioned parallax scrolling and one page just to test us." - Element Electronic Media

I was responsible for the following

  • Design implementation
  • Development of the entire site
  • Desktop development
  • Responsive/mobile development
  • Integration of on-scroll and parallax-style animation
  • Justified galleries (Portfolio)
  • CMS (Content Managment System) incorporation into the About, Portfolio and Blog sections – allows client to update/add their own content
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • Basic SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery
  • Basic PHP
  • Google fonts
Website

Perpetual Power

Responsive website

About the company

Founded in 2003, Perpetual Power Systems Africa (simply known as Perpetual Power) is a long-standing and respected South African company specialising in power stabilisation and thermal management of sensitive electronic environments, and solar energy solutions for both commercial and, through our Perpetual Solar division, residential use.

Motivation

Perpetual Solar branding was envisaged as simple, clean, bright. The target market is completely different to that of the parent company, but the two identities had to work together to create a cohesive entity. - Element Electronic Media

I was responsible for the following

  • Design implementation
  • Development of the entire site
  • Desktop development
  • Responsive/mobile development
  • Form submission
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery
  • Basic PHP
  • Google fonts
  • Formstack
Website

Element

Company profile website

About the company

Element creates bespoke digital communication solutions for listed and medium sized businesses and organisations.

Operating from offices in Westcliff, Johannesburg, Element offers the full web development and digital communication cycle from planning through design, production and maintenance.

Motivation

Element needed a make-over of their old site; showcasing their latest projects and revealing a bit about what the company is responsible for.

I was responsible for the following

  • Design implementation
  • Development of the entire site
  • Desktop development
  • Responsive/mobile development
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery
  • Basic PHP
  • Google fonts
Website

Keaton Energy

Investor relations website

About the company

Keaton Energy is a South African-based coal mining holding company that operates two collieries in South Africa. The group acquires and develops new coal mining opportunities that are strategically situated and value accretive for shareholders. Its ordinary shares trade on the main board of the JSE under the share code KEH.

Motivation

By making use of a supplied re-design, I was able to create a site that integrates a more modern appearance, cross-platform capabilities and mobile-friendly development to this investor related website.

I was responsible for the following

  • Design implementation
  • Makeover of re-design and mobile integration
  • Desktop development
  • Responsive/mobile development
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery
  • PHP
  • XML extraction
Website

South African Film Orchestra

Company profile website

About the company

The only dedicated media scoring ensemble on the Continent, supplying traditional and hybrid score services to the music, TV and Film industry since 2012. All our musicians, arrangers and technical staff are experienced not only in classical and contemporary performance, but the rigours of music-to-picture.

The South African Film Orchestra offers world-class live recordings at remarkably low cost through a combination of competitive rates and various tax incentives. An initiative of conductor and arranger Matthijs Van Dijk music & cinema audio engineer Simon Ratcliffe and scoring specialists Pressure Cooker Studios, all of whom are musicians in their own right, the orchestra is comprised of hand-picked players which SAFO has nurtured in the art of playing to picture over years of productions.

Motivation

SAFO required a user-friendly, responsive website which demonstrated what the company is capable of, including detailed information and a showreel/gallery of past projects.

I was responsible for the following

  • Design
  • Design implementation
  • Development of the entire site
  • Desktop development
  • Responsive/mobile development
  • On-scroll animation
  • Justified gallery
  • Cross browser compatibility (incl. IE9, and Safari 5.1.7 upwards)
  • SEO (Search Engine Optimisation)

I made use of the following languages/tools

  • HTML/HTML5
  • CSS/CSS3, transitions, transforms, media queries
  • Javascript, JQuery
  • Basic PHP
  • Google fonts
Website

Skills

I am highly skilled and experienced in the following:

NodeJS, Ember, Git, Ruby, Pug (previously Jade), Jekyll, localforage/localstorage, Purser for localstorage, command prompt, Gem, Markdown, Kramdown, Liquid, asset pipelining and compression/optimisation

SASS, CSS3, HTML5, Javascript, JQuery, Responsive design implementation, mobile website creation, mobile app creation, SEO, CMS implementation, cross-browser compatabilities (ie9 upwards).

Platforms

SmartGit to access BitBucket repositories, Atom for all language/library editing, Cloudcannon, MongoDB, Dreamweaver CC, Bash on Ubuntu for Windows, Windows CMD, FileZilla, XAMP/MAMP, VirtualBox to create an environement for testing ie8 and below in older versions of Windows (XP, Win7)

Experience

Full Stack Developer Mortimer Harvey January 2017 – Present

  • Projects in current development, undergoing constant improvements and updates:

Senior Web Developer Bastion Graphics July 2016 – December 2016

Web Developer Element Electronic Media June 2013 – June 2016

  • I completely developed all the (except for Basil Read and Keaton Energy, which were both makeover projects; therefore, look, user-friendliness and functionality were all redone, updated, or developed anew).
  • I also developed other websites, which are maintained by the staff at Element and/or the staff that work at these companies:
    • Steinhoff International – website
    • Steinhoff International online magazine – website
    • M and F Business Furniture – website
    • Ports of Africa – website
    • Eunomix (CMS and reponsive) – website
    • Natmed (HTML, CSS, AngularJS) – website
    • Financial Results (assisted with: responsive development, various pages construction, SEO, implementation of search functionality) – website

Freelance Web Developer Element Electronic Media June 2010 – May 2013

  • I contributed mostly to the development of various clients' Annual Reports and Financial Results, listed on the Financial Results website.

Graphic Designer Grafo Signs September 2008 – August 2009

  • Designing the following:
    • logos, business cards, signage, company profiles, brochures, typography, etc
  • Applications used:
    • Photoshop, InDesign, Illustrator, CorelDraw, Paint.Net, Sketchbook Designer Pro, AutoCAD