Kristy Ward 2024 Creative Portfolio

Page 1

KRISTYWARD

O R T F O L I O 2 0 2 4

DESIGN.ILLUSTRATION.ANIMATION.WEBSITES VOL.III
P

SKILLS & APPLICATIONS

GRAPHICDESIGN

(ADVANCED)

(ADVANCED)

(ADVANCED)

(BEGINNER)

(INTERMEDIATE)

(INTERMEDIATE) (INTERMEDIATE)

(INTERMEDIATE)

(ADVANCED) (BEGINNER)

(INTERMEDIATE) (ADVANCED)

(INTERMEDIATE)

(INTERMEDIATE) (BEGINNER)

(INTERMEDIATE)

(INTERMEDIATE) (INTERMEDIATE)

(INTERMEDIATE)

(INTERMEDIATE)

PHOTOSHOP:COLLATERALASSETS,DIGITAL ASSETS,PHOTOEDITING,STORYBOARDS

ILLUSTRATOR:VECTORISINGIMAGES,LOGO DESIGN,ASSETDESIGN

INDESIGN:COLLATERALDESIGN,MAGAZINE DESIGN

FIGMA,INVISION,SKETCH:WEBDESIGN,UX DEVELOPMENT

PROCREATE:ILLUSTRATION

CANVA:IDEATION,COLLATERALASSETS

FILMEDITING

FINALCUTPRO,PREMIERPRO:FILMEDITING

AFTEREFFECTS:TITLES,COMPOSITING,3D, ANIMATION

ADOBEFLASH,TOONBOOM:ANIMATION

PROCREATEDREAMS:ANIMATION

MAYA,BLENDER:3DMODELLING

WEBDEVELOPMENT

HTML,CSS

LESS,SASS VANILLAJS

JQUERY,REACT PHP

LARAVEL,WORDPRESS

MYSQL,CPANNEL

GITBASH,GITHUB

VISUALSTUDIOCODE

Illustration Animation Film 29 31 34 03 11 13 Branding & Logos Digital Billboards Flyers & Magazines 19 25 26 Product Development kristy.ward MAD.NZ Contents

Branding Guideline

MAD MEDIA NZ P A G E 0 3 | B R A N D I N G & L O G O S

It was important for me, as someone who would be tasked with creating collateral and advertising, that I fully understand the visuals and the heart of the company as a brand.

I wanted to get on the same page as the directors as to what the vision for the MAD brand was.

I built out this page, which created space for conversation and development

PAGE 04 | BRANDING & LOGOS
BRIAN VICKERY MEDIA 2021 NKRT 2016 THE GIFT 2014 TOKA 2015 TOKA RANGE 20145 IBEL STONEBATHS STONEBATHS 2015 TOKA LITE JASON DE MONTALK INSURANCE 2015 2015 2015 P A G E 0 5 | B R A N D I N G & L O G O S LOGOS

Bryan Vickery Media

LOGO & BRANDING

Brief

As a community radio host, Brain was branching out to social media Brain was after a logo that expressed this views, intentions, a logo that must be ‘clean cut’ and ‘professional’ looking

SOCIAL LINK

#2babda #ffffff #000000
montserrat BOLDmedium
PAGE 06 | BRANDING & LOGOS

Camera phone

Bryan uses a high tech camera phone to record his interviews, transparency.

Speech bubble

Brain the reporter, interviewer, conversationalist, relatability.

App icon

Brain’s platform is now solely on social media, accessibility.

Spaces in community/thought bubbles

Bryan is committed to sharing the views of all aspects of the community. From the big to small, from young to old Inclusion.

P A G E 0 7 | B R A N D I N G & L O G O S

Bryan was finally provided with a logo file package he could supply to a designer to use in any format and suffice the need to be recognisable in different situations.

PAGE 08 | BRANDING & LOGOS

stonebaths

LOGO & BRANDING

These companies are under the same parent company. The client had a clear idea of what he wanted for colours and fonts, my brief was simply ‘be creative’. He t wanted a cohesive colour pallet to be reflected in each company.

Skills + tools

Illustrator

Communication

TOKA

Stonebaths was a ‘5 minute’ job request. So that is what I did. The logo was accepted by the client in the 1st round, and is still used to this day

1. (verb) to be firm, solid, satisfied. 2. (noun) rock, large stone, boulder.

Toka RANGE and TOKA LITE are extensions of the main TOKA brand

2015 2015
STONEBATHS
P A G E 0 9 | B R A N D I N G & L O G O S

The ‘O’ icon contains koru within a water droplet. The koru (Māori for 'loop or coil') is a spiral shape based on the appearance of a new unfurling silver fern frond. It is an integral symbol in Māori art, carving and tattooing, where it symbolises new life, growth, strength and peace.

PAGE 10 | BRANDING & LOGOS

DIGITAL BILLBOARDS

OOH ADVERTISING

MAD Media has a range of digital billboard sizes and locations, each with their own unique restrictions and creative opportunities in a fast pace and collaborative environment.

Skills + tools

Photoshop, Procreate, iPad Pro Spatial awareness, Branding, Digital Media, Client Management

P A G E 1 3 | D I G I T A L B I L L B O A R D S

MAD MAN

OOH DIGITAL BILLBOARDS

A few of the many MAD Brand Ads for specific days of the year.

Skills + tools

Photoshop, Spatial awareness, Branding, Digital Media

PAGE 14 | DIGITAL BILLBOARDS

FLYERS

Mitsubishi

W.R. Phillips

Create a 101 pamphlet for new customers on how to best take care of their new car. With the consideration on how people view images and take in information, making sure the eye is drawn to important information the company continually has to repeat to customers.

Skills + tools

InDesign, Illustrator, Photoshop Branding, Communication

Golden Christm

TSB Showplace

Brief: Christmas Card for Volente

Method: Adobe Fresco & iPad P

This deign was for the selfless volun who helped make every show run sm Inspired by Christmas bauble, shop displays and sentimentalism I loved of having a memento for the year t back on.

ve-in Moives

MAD & KDJ

Brief: Reusable A5 Flyer template Method: Photoshop

As a result of cinemas being closed over a Lockdowns, MAD drove their ‘MAD Trailer’ Billboard and created Drive-in movies The goal was to advertise 3 movies, make the branding very clear and dates and price needed to made very obvious! As most people these days don't like to read signs

Social Media Promo

iStudios

Brief: Awareness Method: Photoshop & Illustrator

How can we show off who we are and what we do, as much as we can on one side, while representing our clean cut style. On the reverse push social media engagement with the chance to win a voucher to 1 of 2 local bars.

Golden

Christmas Method

As Adobe Fresco was the new app on the scene I gear up with my iPad Pro and got to play Using an screen overlay on a clear bauble stock image gave each poster a subtle sheen to and the illusion of a circular ball while not distorting the image within the circle. Each bauble was given their respective string and a bright glow (except for 1 right in the center)

P A G E 1 7 | F L Y E R S & M A G A Z I N E S

Magazines

Envisioned and executed impactful designs for various magazines, ensuring a seamless and engaging user experience across digital and print platforms.

Demonstrated mastery of Adobe Creative Cloud Suite, including Photoshop, Illustrator, and InDesign, to create high-quality graphics, illustrations, and layouts.

Collaborated effectively with editors, content proofers, and printers to ensure designs met expectations and adhered to deadlines.

Effectively managed time and resources to handle multiple projects simultaneously, meeting deadlines and exceeding client expectations

PAGE 18 | FLYERS & MAGAZINES

MAD.nz

WEBSITE RE-DESIGN

Method: InVision, Wordpress, Elementor, CSS

Brief

Move from Blocs to Wordpress ease of editing ability

Remove repetitive page & Add relevant pages

Dark theme with Red accent

Access important pages in footer

Add a search bar

Boost SEO

P A G E 1 9 | M A D . N Z

Old vs New

Issues

Repetition of information over multiple pages

Hard to read text

bad navigation

Un necessary pages

No sitemap

Unclear flow

Hard navigation

New Home page

Landing page / A summary of the whole website

Collaborative effort with the directors

Video banner

Tidy up navigation

Add maps

Add testimonials

PAGE 20 | MAD NZ

Necessary Pages

About - Contact - Search results

P A G E 2 1 | M A D . N Z

Method

Using the built in gallery, tags and CSS in WordPress, I was able to divide the creatives into their respective digital billboards location as they each have different sizes and audiences

Why share existing designs?

This section serves as an ideation design tool for clients and that the sales team can use as a pitching tool.

How it used to work

Previously this page existed as a separate website that was linked the old website. Without any categorisation or structure it proved to be a long task to find what you might be looking for.

Advertisers PAGE 22 | MAD NZ

Site Card - Digital Billboard Site Card - Static

Site cards were a new addition to the redesign. Part of the sales and onboarding process, clients and designers would need certain information for each of the billboard sites.

Digital billboards pages gave all the information a client would need to speed up the onboarding process.

Billboard

Whereas the onboarding team needed more hands on contact with the client to get the Static billboards creative up, therefore less information is provided.

In addition to all of the site card pages, using Wordpress’s built in page suggestions, to add the ’you might also like’ section, was a no brainer.

P A G E 2 3 | M A D . N Z

Creative - A page in which sales could answer the many FAQs and how to’s.

Advertising - Answers the question ‘Why advertise with the OOH medium.

Community Partners - The final touch in which the company wanted to let charities know they were here for them

PAGE 24 | MAD NZ

This landing page is the beginnings of my portfolio website. I continue to develop this website in my spare time I plan to add a gallery with cool and complicated interactions.

kristyward.github.io
P A G E 2 5 | K R I S T Y . W A R D VISIT WEBSITE

Product Development

MOBI2GO

At Mobi2Go I had the privilege of working on 70+ different food brand stores Due to my role being a presales position, I am only able to share a few storefronts; companies that had been made public by Mobi2Go.

PAGE 026 | PRODUCT DEVELOPMENT

My Role at Mobi2Go

Spearheaded the design and development of interactive demos to showcase Mobi2Go's platform to potential clients, playing a pivotal role in driving sales success.

Demonstrated exceptional proficiency in CSS(LESS), JavaScript, and React, effectively utilising these technologies to bring designs to life and create a seamless user experience.

Collaborated closely with clients, stakeholders, and the Customer Success Team to gather requirements, manage expectations, and deliver high-quality demos that exceeded expectations.

Contributed to the optimization and maintenance of the Mobi2Go website, ensuring its alignment with brand guidelines and enhancing its overall performance.

Leveraged graphic design skills to create eye-catching sales presentations, marketing materials, and collateral that effectively conveyed the company's message and resonated with target audiences.

P A G E 2 7 | P R O D U C T D E V E L O P M E N T

Skills & Tools

HTML, CSS, JavaScript, React.js

AWS, GIT, Adobe Creative Suite, Photoshop, InDesign, Adobe Illustrator

Content Management Systems (CMS), Digital Photography, Responsive Web Design, Graphic Design

PAGE 28 | PRODUCT DEVELOPMENT

Illustration

KRISTY ALICE CREATIVE

Illustration has always had big place in my life. These days its an avenue to learn techniques and technologies

Having an iPad and Procreate has provided a seamless production wherever I go

Brooke, Cass, Self Portrait

I wanted to develop my comic style illustration with thick outlines, add realism with highlights and shadows, while adding a soft print style render with a pink watercolour gradient.

Tools: Procreate

Eagle, Bat, Chameleon

Attention to detail was the main focus of theses 3 illustrations. Eagle was drawn with pen and paper An entry for Inktober 2022

Bat was drawn in Procreate, with the aim on only using 1 brush and stark black as an entry for Inktober 2022.

Chameleon was drawn in procreate using 3 brushes just for fun.

Tools: Procreate, Pen and Paper

Relaxing on a Stool, Denim Jackets & Attitude, Long Hair Long Reach

I wanted to play around with Adobe Frescos’ live watercolour brush to see what it compared to using watercolour in real life.

Tools: Adobe Fresco

PAGE 30 | ILLUSTRATION @ILLUSTRATIONSBYKRISTY

Animation

2020 SHOW REEL

See over the next 2 pages a breakdown of my 2020 showreel, a compilation of my better work.

Thanks for watching!

Skills + tools

Photoshop, ToonBoom, Procreate, iPad Pro, Adobe Flash, AfterEffects, Paper Flipping, Hand Drawn

WATCH NOW

P A G E 3 1 | A N I M A T I O N

Intro

Contribution: Everything

Tools: Procreate, AfterEffects

The MauxFaux

Intro

Contribution: Animation Only

Tools: Adobe Flash

South Seas

Group Project

Contribution: Mix of everything

Tools: Adobe Flash, Photoshop

ARISE Kids Countdown

Contribution: Animation Only

Tools: AfterEffects

The MauxFaux

Contribution: Animation Only

Tools: Adobe Flash

South Seas

Sack Animation

Contribution: Character

Animation

Tools: Hand drawn, Illustrator, ToonBoom

South Seas

Rotoscoping

Contribution: Actor, Rendering Tools: Photoshop

South Seas

11SecondClub Fish

Contribution: Everything Visual Tools: Adobe Flash

South Seas

Penny Bird

Contribution: Everything Tools: Hand drawn, ToonBoom, AfterEffects

Outro

Contribution: Everything Tools: Procreate, AfterEffects

FILM

My Love of film stared young, as a teen I ran around with a camera making short films with friends and for my youth group

In my working career I have been involved in multiple film productions. My main roles focusing on pre production planning, the technical side of filming and postproduction editing

PAGE 34 | FILM

Behind the Scenes

MAD Media NZ

Brief: Run around with a camera and get what you can

The result is a mash up of my footage and the footage the director had taken

Skills + tools

Camera operation

Assistant lighting

Editing

Final Cut Pro

P A G E 3 5 | F I L M

Whanau Resilience Project!

iStudios

Brief: Draw out a story board according to the action script and assist in a production

The result is much like the storyboards that were drawn out before the day

Collaberative style director made it a fun experience

Skills + tools

Storyboarding

Assistant directing

Assistant sound and lighting operation

PAGE 36 | FLIM
kristyward.github.io HIRE NOW kristy.ramage@gmail.com

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.