VERTICAL FARMING
My life has been about new experiences and seeing new places. Those experiences have helped me understand why I crave design in my life. As a designer I am interested in bringing order to chaos.
ONE
TWO
THREE
VERTICAL FARMING...5
TOY STORE WEBSITE...17
REVIVE BODY GLOVE...33
Typesetting Layout Design Book Cover Design Web UX
Wireframing Layout Design Web UX
Branding Logo Development Brand Guidelines Layout Design Web UX
FOUR
FIVE
PERFORMING ARTS...47
WEBSITE REDESIGN...59
Print Layout Wireframing Layout Design Mobile App UX
Wireframing User Testing Web Design Layout Design Web UX Mobile UX
YEAR:
SUMMARY OF BRIEF:
2017
During this project, I was tasked to design a book about vertical farming, using existing research and articles. I wanted to echo the feeling of the topic through subtle imagery, shapes and adjustments in orientation of text.
8 ¡ Selected Work ¡ Nick Francis
DISCIPLINES:
SOLUTION:
Typesetting Layout Design Book Cover Design Web UX
Applying the text in two small columns, the goal was to allow strong typography mimic the staggered design of vertical farms with a flush left, ragged right alignment. Sticking with two spot colors, and black and white photography, the book should emit a modern style through simplicity and beautiful shapes.
01
Book Design & Website
02
03
04
05
P¡9
10 · Selected Work · Nick Francis
01
Book Design & Website
02
03
04
05
P · 11
12 · Selected Work · Nick Francis
01
Book Design & Website
02
03
04
05
P · 13
14 · Selected Work · Nick Francis
01
Book Design & Website
02
03
04
05
P · 15
16 · Selected Work · Nick Francis
01
Book Design & Website
02
03
04
05
P · 17
18 · Selected Work · Nick Francis
01
Book Design & Website
02
03
04
05
P · 19
20 · Selected Work · Nick Francis
01
Book Design & Website
02
03
04
05
P · 21
22 · Selected Work · Nick Francis
01
Book Design & Website
02
03
04
05
P · 23
YEAR:
SUMMARY OF BRIEF:
2017
Toys are supposed to be fun and energetic. All ages of people find joy in different toys and games. I redesigned a website for a local toy store. How do you visually speak to adults about toys for kids, while still intriguing them to sign up for craft classes on their own?
24 ¡ Selected Work ¡ Nick Francis
DISCIPLINES:
SOLUTION:
Wireframing Layout Design Web UX
Previously, there was little, to no organization on the site. They had poor navigation, and did not utilize available photography to help the user in visually understanding the product and navigation. Using a direction that focused on the products in use, I established a simple navigation menu, and updated their colors, to be more pleasing while viewing the site. In addition, I went with simple text for the wordmark used on the site, to keep the user’s eye focused on each product being viewed.
01
02
Website Redesign
03
04
05
P ¡ 25
“
WHEN YOU’RE CURIOUS SUOIRUC YOU FIND LOTS OF INTERESTING GNITSERETNI THINGS TO DO.
“
— Walt Disney
26 · Selected Work · Nick Francis
01
02
Website Redesign
03
04
05
P ¡ 27
28 · Selected Work · Nick Francis
01
02
Website Redesign
03
04
05
P ¡ 29
30 · Selected Work · Nick Francis
01
02
Website Redesign
03
04
05
P ¡ 31
32 · Selected Work · Nick Francis
“
A TOY HAS REDNEG ON AND NO IDEA OF WHETHER A RO LRIG BOY YOB IS PLAYING WITH IT.
“
— Letty Cottin Pogrebin
01
02
Website Redesign
03
04
05
P · 33
34 · Selected Work · Nick Francis
01
02
Website Redesign
03
04
05
P ¡ 35
YEAR:
SUMMARY OF BRIEF:
2017
When a brand dies out, is there anyone around to restore it to its former glory? I breathed new life into Body Glove. Previously known as a surfing company, pioneering the dive suit, my focal point was superb protection, allowing you to live life adventurously.
36 ¡ Selected Work ¡ Nick Francis
DISCIPLINES:
SOLUTION:
Branding Logo Development Brand Guidelines Layout Design Web UX
With a newly designed logo, redirected red and white colors, and extending Body Glove’s reach into new product categories through protection, such as sunscreen, a rebrand was complete. The new brand standards are available as a digital book, a website, and as a single page brand guide.
01
02
03
Rebrand Body Glove
04
05
P ¡ 37
38 · Selected Work · Nick Francis
“
TE YOU G YLONLY NO UO GET Y ECNAHC ENO AT LIFE. YOU HAVE TO GRAB IT. YLDLOB.
“
— Bear Grylls
01
02
03
Rebrand Body Glove
04
05
P · 39
40 · Selected Work · Nick Francis
01
02
03
Rebrand Body Glove
04
05
P · 41
44 · Selected Work · Nick Francis
01
02
03
Rebrand Body Glove
04
05
P · 45
“ YOU HAVE TO
GO ON GREAT SERUTNEVDA TO FIND WHERE IT IS YOU TRULY GNOLEB.
“
— Sue Fitzmaurice
46 · Selected Work · Nick Francis
01
02
03
Rebrand Body Glove
04
05
P · 47
48 · Selected Work · Nick Francis
01
02
03
Rebrand Body Glove
04
05
P · 49
YEAR:
SUMMARY OF BRIEF:
2017
When a young artist gives the performance of a lifetime, is there an audience there to see it? Taking a local theatre performance and elevate the awareness of it through stronger print assets and a free app. Local theatre is forgotten about all too often, when there is something so exciting about the raw art form, even with limited budgets.
50 ¡ Selected Work ¡ Nick Francis
DISCIPLINES:
SOLUTION:
Print Layout Wireframing Layout Design Mobile App UX
The theatre only had flyers made with clip art posted around town. The flyers were printed on a high quality paper, so there was some budget to at least allocate toward printing. My goal here was to get people in the door posters that were intriguing. The app was also a compliment to the campaign, where convenience helps improve attendance. Once in the door, Let’s award them with a quality experience, beginning with a nicely designed playbill. This type of simple takeaway captures the attention of the audience before the performance even begins.
01
02
03
04
Print Campaign & App
05
P ¡ 51
52 · Selected Work · Nick Francis
01
02
03
04
Print Campaign & App
05
P · 53
54 · Selected Work · Nick Francis
01
02
03
04
Print Campaign & App
05
P · 55
56 · Selected Work · Nick Francis
01
02
03
04
Print Campaign & App
05
P · 57
58 · Selected Work · Nick Francis
01
02
03
01 04
Campaign &Print AppCampaign & App P ¡ 5905 02Print03 04 05
60 · Selected Work · Nick Francis
01
02
03
04
Print Campaign & App
05
P · 61
62 · Selected Work · Nick Francis
01
02
03
04
Print Campaign & App
05
P · 63
YEAR:
SUMMARY OF BRIEF:
2017
When local theatre relies on the community, how do you compete with larger performance art theaters in the city? How do you create an engaging website experience to entice the local community? This task included a rehaul of an existing website that was built in the early 2000s, and was merely informational with lots of text and color choices that impacted legibility.
64 ¡ Selected Work ¡ Nick Francis
DISCIPLINES:
SOLUTION:
Wireframing User Testing Web Design Layout Design Web UX Mobile UX
The approach was to create a layout that has a visual hierarchy, bring the viewer’s attention to photos of performances, and having the viewer get a brief understanding of the theatre experience. The content had to be consolidated, and connected to the new visual layout. Removing the color palette from the website allowed the photography to be the main highlight, along with well-considered hierarchy of type to help keep navigation simple.
01
02
03
04
05
Web Redesign & App
P ¡ 65
Above: Wireframing for desktop Home page.
66 ¡ Selected Work ¡ Nick Francis
Below: Wireframing for desktop an Event page.
Above: Wireframing for desktop About page.
Above: Wireframing for mobile Home, Events, and Tickets.
01
02
03
04
05
Web Redesign & App
P ¡ 67
68 · Selected Work · Nick Francis
01
02
03
04
05
Web Redesign & App
P · 69
70 · Selected Work · Nick Francis
01
02
03
04
05
Web Redesign & App
P · 71
72 · Selected Work · Nick Francis
01
02
03
04
05
Web Redesign & App
P · 73
THANK YOU FOR VIEWING MY BOOK! Your time is extremely value and I truly appreciate you taking that time to look through my work. I hope that you can see the thought process and idea generation in the results. Beyond the excitement of design, I am active on social media.
AND WEBSITE
BOO K D E S I G N 01
02
03
04
05
NickFrancisCreative.com NickFrancis165@Gmail.com 704.813.3853 Seattle, WA Work by Nick Francis