INTRODUCTION & Journey

MIND THE GAP

WORK SAMPLES

QUESTIONS

CREDITS & RESOURCES 

Introduction & Journey

INTRODUCTION

I am a digital designer who works in-house in the finance industry. I have been able to carve out a niche as a generalist who can provide both print and digital solutions.

JOURNEY

I attribute my success partially to a business and military background; but mainly to my ability to provide design thinking and communication—a scarce resource in the corporate world.

Mind the Gap

MIND THE GAP

The Gap is a learning curve between graphic and web design. Filling that gap will require some tools, experimentation & play and a content-out approach to design in general.

SOME TOOLS

Development tools, available in all browsers allow for debugging, style/ layout adjustments, and learning. A multitude of design elements like webfonts and the grid can be manipulated in this way.

EXPERIMENTATION & PLAY

Both introductory and seasoned practice in web design require sketching ideas, making use of a defined process, and adoption of a prototyping method.

CONTENT-OUT BASED APPROACH

In order to communicate information (the primary purpose of the web) and create user-centered solutions we make use of carefully set typography, clear hierarchy, and whitespace.

Markup Example

This is a portion of the code that styles the paragraph element for this presentation:


body {
  background: #222;
  background-color: #222; }

.reveal {
  font-family: minion-pro, 'minion-pro-1','minion-pro-2', serif;
  font-size: 48px;
  font-weight: normal; font-weight: 400;
  color: #fff; }

.reveal .slides {
  text-align:left;   
}

.reveal p {
  margin: 20px 0;
  line-height: 1.3; 
  -moz-font-feature-settings:"onum" 1, "kern" 1, "liga" 1, "clig" 1, "salt" 1; 
  -moz-font-feature-settings:"onum=1, kern=1, liga=1, clig=1, salt=1"; 
  -ms-font-feature-settings:"onum" 1, "kern" 1, "liga" 1, "clig" 1, "salt" 1; 
  -o-font-feature-settings:"onum" 1, "kern" 1, "liga" 1, "clig" 1, "salt" 1; 
  -webkit-font-feature-settings:"onum" 1, "kern" 1, "liga" 1, "clig" 1, "salt" 1; 
  font-feature-settings:"onum" 1, "kern" 1, "liga" 1, "clig" 1, "salt" 1;}
}
                    	

Work Samples

Work Samples

Portfolio building sites like Behance provides a lot of functionality—the most important of which include offline portfolio and the built-in audience.

QUESTIONS

Credits & Resources

Credits

Thanks to Simona Prives and Jeff Kasper for providing this platform.

Components & Software

Foundation, Typekit, Sublime Text, Code Kit, reveal.js

Resources