Jonathan_little_portfolio

Jonathan LittleJotbot Studios(503) 302 [email protected]

jotbot.net

Captain Gaming is an online entertainer that does video game playthroughs and commentaries. Captain Gaming’s helmet represents his personality and establishes the brand.

Photo credits for the next page (from top to bottom, left to right):

Sfio Cracho (hoodie), Pogonici (backpack), Dmitry Zimin (shirts).

LEGEND is a design firm that a partner and I founded. Ancient mythology guided us in developing a name for this mark. In addition, it was important for the mark to be bold, show stability and be current.


Limilama (shop sign)

Russell’s Tussle is a mechanic shop based on traditional American automobile service. This logo was created to represent the authentic American mechanic, with the ideals that service and quality are of upmost importance.


Straight 8 Photography (mechanic), Stephen Coburn (shop)

Coffee Run serves as a navigational website that gives users directions to local coffee shops. The primary intention of the project was to create a way of supporting local business.

Project credits: Erik Wurgler (ui design and iconography),

Jonathan Little (developer, branding).

map.jsDate: Tuesday, June 2, 2015 Page 3 of 6

var locationLongitude =[

-123.038463,-123.030390,-123.045636,-123.036998,-123.033399

];

//setting variables for the directions api

var directionsDisplay;var directionsService = new google.maps.DirectionsService();

//initializing the map, applying the options and applying the styles.

function initialize(){

directionsDisplay = new google.maps.DirectionsRenderer();var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"});var mapOptions ={

zoom: 14,disableDefaultUI: true,center: new google.maps.LatLng(44.942898, -123.035096),mapTypeControlOptions:{

mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']}

};

var map = new google.maps.Map(document.getElementById('maparea'), mapOptions);

map.mapTypes.set('map_style', styledMap);map.setMapTypeId('map_style');

directionsDisplay.setMap(map);directionsDisplay.setPanel(document.getElementById('directions-panel'));

for (var i = 0; i < locationContent.length; i++){

var latLng = new google.maps.LatLng(locationLatitude[i], locationLongitude[i]);var image = 'http://thecoffeerun.org/common/art/locations/map_marker.png';

var marker = new google.maps.Marker({

position: latLng,map: map,icon: image

});

var infowindow = new google.maps.InfoWindow(); google.maps.event.addListener(marker, 'click', (function(marker, i) {

return function() {

infowindow.setContent(locationContent[i]);infowindow.open(map, marker);

} })(marker, i));

}}

//------------- geolocation - where the heck am I? --------

//Creating the latitude and longitude variables

var coords = {

lat: "",lon: ""

};

Coffee Run

MESSENGER is a premium sketchbook company. They are the trusty steed of moleskins, the idea that no matter what medium is used the books maintain their integrity.

Photo credits for the next page (from left to right, top to bottom):CHIPS NY (bag)

Wasserman, meaning fish man, was created for a commercial fishing company. It was important that the logo represent the environment that fishermen experience on a daily basis.


John Gomez (fisherman), V.J Matthew (boat).

index.phpDate: Tuesday, June 2, 2015 Page 1 of 1

<?php include '/home/gmoltha1/mogo.graphics/header.php' ?>

<section class="top">

<aside><h1>Dungeons & Dragons</h1><h3> 5th Edition Logo</h3><h3>2014</h3><p>A dramatic throwback to the classic dragon ampersand of AD&D with fresh, contemporary

flair.©2014 Wizards of the Coast</p>

</aside>

<figure class="placement01" id="project01_img01"></figure>

<figure class="placement02" id="project01_img02"></figure>

<figure class="placement03" id="project01_img03"></figure></section>

<?php include '/home/gmoltha1/mogo.graphics/footer.php' ?>

projects.cssDate: Tuesday, June 2, 2015 Page 1 of 5

/*---------- Project 01 ----------*/

div#project01 {background: url(../art/project01/01_project.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;

}

/* Interior Project Page Images */

figure#project01_img01 {background: url(../art/project01/01_img01.jpg);background-repeat: no-repeat;background-size: contain;background-position: center bottom;

}

figure#project01_img02 {background: url(../art/project01/01_img02.jpg);background-repeat: no-repeat;background-size: contain;background-position: center center;

}

figure#project01_img03 {background: url(../art/project01/01_img03.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;

}

/*---------- Project 02 ----------*/

div#project02 {background: url(../art/project02/02_project.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;

}

/* Interior Project Page Images */

figure#project02_img01 {background: url(../art/project02/02_img01.png);background-repeat: no-repeat;background-size: cover;background-position: center center;

}


}


}

/*---------- Project 03 ----------*/

div#project03 {background: url(../art/project03/03_project.png);background-repeat: no-repeat;background-size: cover;background-position: center center;

MOGO Graphics came to me in need of a professional portfolio website. One of the challenges for this project was making sure that the styling was consistent with his brand and make sure it was easy to update.

Photo credits for the next page: Apple, the Apple logo, iPad, iPhone and iMac are

trademarks of Apple Inc.

Nutrition FactsServing Size 1 Ounce(s) (3.5g)Servings Per Container 2AAmmoouunntt PPeerr SSeerrvviinngg

CCaalloorriieess 0 Calories from Fat 6%% DDaaiillyy VVaalluueess**

TToottaall FFaatt 0.75g 11%%Saturated Fat 0g 00%%Trans Fat 0g

CChhoolleesstteerrooll 0mg 00%%SSooddiiuumm 700mg 2299%%TToottaall CCaarrbboohhyyddrraattee 0g 00%%

Dietary Fiber 0.5g 22%%Sugars 8.6g

PPrrootteeiinn 0.45g 11%%*Percent Daily Values are based on a 2,000 calorie diet. Your DailyValues may be higher or lower depending on your calorie needs.

Calories 2,000 2,500Total Fat Less than 65g 80g Sat Fat Less than 20g 25gCholesterol Less than 300mg 300mgSodium Less than 2400mg 2400mgTotal Carbohydrate 300g 375g Dietary Fiber 25g 30g

polynesian style sauces

sweet & sour mango

Kamehameha™ is a small company straight �om the hawaiian isles. We established in the early 90’s and are proud to provide delicious arrangements of polynesian sauces.









onion hotsauce










mango bbq sauce


7oz

7oz

7oz 7oz

7oz 7oz

KAMEHAMEHA is a company based out of the Hawaiian islands. It’s a small family ran whole foods business that focuses on Polynesian sauces. The mark was created to symbolize Hawaiian culture focusing primarily on the luau.

Photo credits for the next page: Liz Smith

Documents

Jonathan_little_portfolio