KRISTYWARD
O R T F O L I O 2 0 2 4
O R T F O L I O 2 0 2 4
(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
FINALCUTPRO,PREMIERPRO:FILMEDITING
AFTEREFFECTS:TITLES,COMPOSITING,3D, ANIMATION
ADOBEFLASH,TOONBOOM:ANIMATION
PROCREATEDREAMS:ANIMATION
MAYA,BLENDER:3DMODELLING
HTML,CSS
LESS,SASS VANILLAJS
JQUERY,REACT PHP
LARAVEL,WORDPRESS
MYSQL,CPANNEL
GITBASH,GITHUB
VISUALSTUDIOCODE
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
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
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.
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.
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
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.
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
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
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
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.
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
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.
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)
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
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
Old vs New
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
About - Contact - Search results
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
This section serves as an ideation design tool for clients and that the sales team can use as a pitching tool.
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.
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.
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.
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
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.
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.
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.
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
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
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
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
Sack Animation
Contribution: Character
Animation
Tools: Hand drawn, Illustrator, ToonBoom
Rotoscoping
Contribution: Actor, Rendering Tools: Photoshop
11SecondClub Fish
Contribution: Everything Visual Tools: Adobe Flash
Penny Bird
Contribution: Everything Tools: Hand drawn, ToonBoom, AfterEffects
Contribution: Everything Tools: Procreate, AfterEffects
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
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
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