Frontend developer UI/UX Designer
 

oh hi, I'm Louise

I make things...

Things I do

Coding skills

HTML, CSS, Javascript, jQuery, Bootstrap

Naming conventions, Directory structure, code structure, documentation comments

UX skills

Wireframing, user journeys,
research, paper prototyping

Design skills

Photoshop, Illustrator

Infographics, SVG,
vector patterns

Technologies and Environments

SASS, Compass, Grunt, Gitlab, JS component library

ASP.net, Ruby on the Rails and PHP code bases

Visual Studio, Wordpress, Drupal

Project types

CMS UI design and structure updates

Component library creation - HTML, CSS and JS

Frontend creation for publication sites

Frontend creation for dynamic event sites

Liasion to design and marketing teams for UX guidelines

Accessibility review and code updates

See work
examples

Things I've coded

This ia a selection of sites that I've worked on. Includes examples from Drupal based systems built to run multiple sites using a bespoke built global component library.

Screenshot thumbnail of Open Athens login page prototype

OpenAthens

  • Authentication pages project.

  • Built using Bootstrap.

  • HTML design prototype.

Screenshot thumbnail of Risk.net home page

Risk.net

  • Frontend UI and functionality.

  • Built in a Drupal based CMS.

  • Theme skin and global components.

Screenshot thumbnail of Risk Live Europe Agenda

Risk Live Europe Agenda

  • Frontend UI and functionality.

  • Built in a Drupal based CMS.

  • Grid based agenda frontend.

Screenshot thumbnail of British Insurance Awards home page

British Insurance Awards

  • Frontend UI and functionality.

  • Built in a Drupal based CMS.

  • Theme skin and custom site updates.

Screenshot thumbnail of Anya Marokko site design prototype

Anya Marokko

  • Frontend UI and functionality.

  • Standalone site.

  • HTML design prototype.

Screenshot thumbnail of Busy Bee Organisers website home page

Busy Bee Organisers

  • Built in Wordpress

  • Theme installation and custom design updates.

Things I've drawn

Thumbnail of infographic - Computing.co.uk and Intel

Infographic

  • Built for Computing.co.uk and Intel

  • Used for sponsored content campaigns

Infographic - Computing.co.uk and Intel

Infographic built for Computing.co.uk and Intel: Weighing up the Cloud - Onpremise versus the cloud in the data centre.
Thumbnail of infographic - Computing.co.uk and Intel

Infographic

  • Built for Computing.co.uk and Intel

  • Used for sponsored content campaigns

Infographic - Computing.co.uk and Intel

Infographic built for Computing.co.uk and Intel: Key Drivers.
Thumbnail of infographic - Computing.co.uk and Intel

Infographic

  • Built for Computing.co.uk and Intel

  • Used for sponsored content campaigns

Infographic - Computing.co.uk and Intel

Infographic built for Computing.co.uk and Intel: Hybrid Cloud.
Thumbnail of infographic - HP and Intel

Infographic

  • Built for Computing.co.uk and HP

  • Used for sponsored content campaigns

Infographic - Computing.co.uk and HP

Infographic built for Computing.co.uk and HP: The Evolution of SDN
Thumbnail of page graphic - Heroes fan page

Page graphic

  • Built for fan page website

  • Used for web magazine page background

Page graphic for onine magazine layout on a fansite

Page graphic built for a online magazine on a fansite
Thumbnail of page graphic - background birds repeatable graphic

Page graphic

  • Built for website background

  • Repeatable pattern for tiling

Page graphic for background texture of repeating birds

Page graphic for background texture of repeating birds
Thumbnail of page graphic - background cherry blossom graphic

Page graphic

  • Website background graphic

  • Used with hotspots on flowers for menu UI

Page graphic for background texture of cherry blossom tree

Page graphic for background texture of a cherry blossom tree. Built for a site menu to be used with an imagemap and hotspots
Thumbnail of logo design concepts - The Secret PM

Logo Designs

  • Design concepts for a client

Logo design concepts for company branding

Set of logo concepts delivered for a company branding design

Things I've made

Thumbnail image of Bioshock Big Daddy doll

Big Daddy Doll

  • Prop for cosplay costume of Little Sister from Bioshock

Cosplay Big Daddy Doll

Big Daddy doll prop. Made for cosplay costume of Little Sister from Bioshock
Thumbnail image of handmade cot quilt

Cot Quilt

  • Made for my sister

Cot Quilt

Cot quilt handmade for my sister
Thumbnail image of handmade dress

Dress

  • Made with Alexander Henry Fabric

Dress - handmade from Alexander Henry fabric

Dress - handmade from Alexander Henry fabric

Things I like

Artists

Tara McPherson

Ben Templesmith

Doktor A

Secret Industries (Tim Bridges)

QuaintPaint (Gemma Smith)

Heroes

Ada Lovelace

Dr Katie Bouman

Sir David Attenborough

Stan Lee

Captain Kathryn Janeway

Authors

N K Jemisin

Stephen King

Michelle Paver

Lui Cixin

Richard Matheson

Directors

David Fincher

Stanley Kubrick

Ridley Scott

Chris Cunningham

Design

Legend of Zelda

Studio Ghibli

Mass Effect

Bioshock

Irregular Choice