<!DOCTYPE html>
<html>
<head>
  
  
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="imagetoolbar" content="no" />
  <meta name="viewport" content="width=device-width; initial-scale=1"/>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]},feature_flags:["soft_nav"]};(window.NREUM||(NREUM={})).loader_config={licenseKey:"b1fdc2ca8d",applicationID:"2430420",browserID:"2431462"};;/*! For license information please see nr-loader-rum-1.316.0.min.js.LICENSE.txt */
(()=>{var e,t,r={122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let o in s)if(void 0!==e[o])try{if(null===e[o]){r[o]=null;continue}Array.isArray(e[o])&&Array.isArray(t[o])?r[o]=Array.from(new Set([...e[o],...t[o]])):e[o]instanceof Map||e[o]instanceof Set||e[o]instanceof Date||e[o]instanceof RegExp?r[o]=e[o]:"object"==typeof e[o]&&"object"==typeof t[o]?r[o]=i(e[o],t[o]):r[o]=e[o]}catch(e){r[o]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>u,RI:()=>i,WN:()=>l,bv:()=>s,gm:()=>o,m:()=>c,mw:()=>a,sb:()=>d,zk:()=>f});var n=r(863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,u=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=((()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)()),f=()=>{const e=o?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<o.performance.now())return e}},234:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},241:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(154);const i="newrelic";function s(e={}){try{n.gm.dispatchEvent(new CustomEvent(i,{detail:e}))}catch(e){}}},261:(e,t,r)=>{"use strict";r.d(t,{$9:()=>u,BL:()=>a,CH:()=>g,Dl:()=>_,Fw:()=>y,PA:()=>h,Pl:()=>n,Pv:()=>k,Tb:()=>l,U2:()=>s,V1:()=>R,Wb:()=>x,bt:()=>b,cD:()=>v,d3:()=>w,dT:()=>c,eY:()=>p,fF:()=>f,hG:()=>i,k6:()=>o,nb:()=>m,o5:()=>d});const n="api-",i="addPageAction",s="addToTrace",o="addRelease",a="finished",c="interaction",u="log",d="noticeError",l="pauseReplay",f="recordCustomEvent",g="recordReplay",p="register",m="setApplicationVersion",h="setCurrentRouteName",v="setCustomAttribute",b="setErrorHandler",y="setPageViewName",_="setUserId",w="start",x="wrapLogger",R="measure",k="consent"},289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,Qr:()=>c,sB:()=>a});var n=r(878),i=r(389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(s())return e();const r=(0,i.J)(e),o=setInterval(()=>{s()&&(clearInterval(o),r())},500);(0,n.sp)("load",r,t)}function a(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>s,xv:()=>n});const n="1.316.0",i="PROD",s="CDN"},362:(e,t,r)=>{"use strict";r.d(t,{d:()=>s});var n=r(566),i=r(741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>a,Zm:()=>c,bQ:()=>d,dV:()=>u,pV:()=>l});var n=r(154),i=r(863),s=r(944),o=r(910);const a={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function u(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,o.i)(...Object.values(e.o))),e}function d(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:a.beacon,errorBeacon:a.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),u(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}},389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},555:(e,t,r)=>{"use strict";r.d(t,{D:()=>a,f:()=>o});var n=r(384),i=r(122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function o(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}const a=e=>(0,i.a)(e,s)},566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>a,bz:()=>o});var n=r(154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function s(e,t){return e?15&e[t]:16*Math.random()|0}function o(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map(e=>"x"===e?s(t,r++).toString(16):"y"===e?(3&s()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const o=[];for(var a=0;a<e;a++)o.push(s(r,i++).toString(16));return o.join("")}},606:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(908);s.on=o;var i=s.handlers={};function s(e,t,r,s){o(s||n.d,i,e,t,r)}function o(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var o=t[s]=t[s]||{};(o[r]=o[r]||[]).push([e,i])}},607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(566).bz)()},614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>s,Wt:()=>n,g:()=>c,iL:()=>a,tS:()=>o,wk:()=>i});const n="NRBA_SESSION::",i=144e5,s=18e5,o={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},a={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},c={OFF:0,FULL:1,ERROR:2}},630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>a,Ze:()=>u,x3:()=>c});var n=r(241),i=r(606),s=r(860),o=r(646);function a(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&d(e))}function u(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,d(e)}}function d(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,a=i.i.handlers;if(s&&!s.aborted&&s.backlog&&a){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=a[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof o.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete a[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},699:(e,t,r)=>{"use strict";r.d(t,{It:()=>s,KC:()=>a,No:()=>i,qh:()=>o});var n=r(860);const i=16e3,s=1e6,o="SESSION_ERROR",a={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0}},738:(e,t,r)=>{"use strict";r.d(t,{U:()=>f,Y:()=>l});var n=r(241),i=r(908),s=r(863),o=r(944),a=r(969),c=r(362),u=r(860),d=r(261);function l(e,t,r,s){const l=s||r;!l||l[e]&&l[e]!==c.d.prototype[e]||(l[e]=function(){(0,i.p)(a.xV,["API/"+e+"/called"],void 0,u.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:d.Pl+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,o.R)(23,e)}})}function f(e,t,r,n,o){const a=e.info;null===r?delete a.jsAttributes[t]:a.jsAttributes[t]=r,(o||null===r)&&(0,i.p)(d.Pl+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},741:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e(i.$9,e,t)}start(){return this.#e(i.d3)}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},836:(e,t,r)=>{"use strict";r.d(t,{P:()=>a,ee:()=>c});var n=r(384),i=r(990),s=r(646),o=r(607);const a="nr@context:".concat(o.W),c=function e(t,r){var n={},o={},d={},l=!1;try{l=16===r.length&&u.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var a=g(n);m(e).forEach(e=>{e.apply(a,r)});var u=v()[o[e]];u&&u.push([f,e,r,a]);return a},get:h,listeners:m,context:g,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{o[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[o[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,a,()=>new s.y(a)):new s.y(a)}function p(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function h(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=c)},843:(e,t,r)=>{"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>d,K7:()=>c,P3:()=>u,XX:()=>i,Yy:()=>a,df:()=>s,qY:()=>n,v4:()=>o});const n="events",i="jserrors",s="browser/blobs",o="rum",a="browser/logs",c={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},u={[c.pageViewEvent]:1,[c.pageViewTiming]:2,[c.metrics]:3,[c.jserrors]:4,[c.softNav]:5,[c.ajax]:6,[c.sessionTrace]:7,[c.sessionReplay]:8,[c.logging]:9,[c.genericEvents]:10},d={[c.pageViewEvent]:o,[c.pageViewTiming]:n,[c.ajax]:n,[c.softNav]:n,[c.metrics]:i,[c.jserrors]:i,[c.sessionTrace]:s,[c.sessionReplay]:s,[c.logging]:a,[c.genericEvents]:"ins"}},863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},910:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},944:(e,t,r)=>{"use strict";r.d(t,{R:()=>i});var n=r(241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>a,rs:()=>i,xV:()=>o,z_:()=>s});const n=r(860).K7.metrics,i="sm",s="cm",o="storeSupportabilityMetrics",a="storeEventMetrics"},990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return r[e](s,s.exports,i),s.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce((t,r)=>(i.f[r](e,t),t),[])),i.u=e=>"nr-rum-1.316.0.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.316.0.PROD:",i.l=(r,n,s,o)=>{if(e[r])e[r].push(n);else{var a,c;if(void 0!==s)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+s){a=l;break}}if(!a){c=!0;var f={296:"sha512-jIy711COcvYTdufY9XXNNQaPvXp9CzLzgyI7kxmbI9RLMR0SBawMfv3DLsTJ4+RwkGrvP36bKNVeHloWZxeEKQ=="};(a=document.createElement("script")).charset="utf-8",i.nc&&a.setAttribute("nonce",i.nc),a.setAttribute("data-webpack",t+s),a.src=r,0!==a.src.indexOf(window.location.origin+"/")&&(a.crossOrigin="anonymous"),f[o]&&(a.integrity=f[o])}e[r]=[n];var g=(t,n)=>{a.onerror=a.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),i&&i.forEach(e=>e(n)),t)return t(n)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=g.bind(null,a.onerror),a.onload=g.bind(null,a.onload),c&&document.head.appendChild(a)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={374:0,840:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var s=new Promise((r,i)=>n=e[t]=[r,i]);r.push(n[2]=s);var o=i.p+i.u(t),a=new Error;i.l(o,r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var s=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed: ("+s+": "+o+")",a.name="ChunkLoadError",a.type=s,a.request=o,n[1](a)}},"chunk-"+t,t)}};var t=(t,r)=>{var n,s,[o,a,c]=r,u=0;if(o.some(t=>0!==e[t])){for(n in a)i.o(a,n)&&(i.m[n]=a[n]);if(c)c(i)}for(t&&t(r);u<o.length;u++)s=o[u],i.o(e,s)&&e[s]&&e[s][0](),e[s]=0},r=self["webpackChunk:NRBA-1.316.0.PROD"]=self["webpackChunk:NRBA-1.316.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(374);var e=i(362),t=i(860);const r=Object.values(t.K7);var n=i(384),s=i(741);var o=i(555);t.K7.genericEvents;const a="experimental.resources",c="register",u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=i(614),l=i(944),f=i(122);const g="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},api:{register:{get enabled(){return e.feature_flags.includes(c)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(a)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:d.wk,inactiveMs:d.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(g):""===t||null===t?e.mask_selector=g:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}})());var m=i(154),h=i(324);let v=0;const b={buildEnv:h.F3,distMethod:h.Xs,version:h.xv,originTime:m.WN},y={consented:!1},_={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||y.consented},set consented(e){y.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,harvester:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v}};var w=i(836),x=i(241);const R={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};function k(e,t={},r,a){let{init:c,info:u,loader_config:d,runtime:l={},exposed:g=!0}=t;if(!u){const e=(0,n.pV)();c=e.init,u=e.info,d=e.loader_config}var h;e.init=p(c||{}),e.loader_config=(h=d||{},(0,f.a)(h,R)),u.jsAttributes??={},m.bv&&(u.jsAttributes.isWorker=!0),e.info=(0,o.D)(u);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,_),r=Object.keys(b).reduce((e,t)=>(e[t]={value:b[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",i.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,n.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=r,e.ee=w.ee.get(e.agentIdentifier),e.exposed=g,(0,x.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.runtime.configured=!0)}var A=i(908),T=i(863),S=i(261),E=i(738);var j=i(687),P=i(234),N=i(289);const O=e=>m.RI&&!0===e?.privacy.cookies_enabled;function M(e){return!!(0,n.dV)().o.MO&&O(e)&&!0===e?.session_trace.enabled}var I=i(389),D=i(699);const W=new WeakSet;class B extends P.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,I.J)(()=>{(0,j.Ak)(e,this.featureName),t()}))}):(0,j.Ak)(e,t)}importAggregator(e,t,r={}){if(this.featAggregate)return;const n=async()=>{if(await this.deferred,this.#t(e),!(0,o.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);let n;try{if(O(e.init)){const{setupAgentSession:t}=await i.e(296).then(i.bind(i,8));n=t(e)}}catch(e){(0,l.R)(20,e),this.ee.emit("internal-error",[e]),(0,A.p)(D.qh,[e],void 0,this.featureName,this.ee)}try{if(!this.#r(this.featureName,n,e.init))return(0,j.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:i}=await t();this.featAggregate=new i(e,r),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,j.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1),this.ee&&this.ee.abort()}};m.RI?(0,N.GG)(()=>n(),!0):n()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return M(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!W.has(e)&&(W.add(e),!(0,o.f)(e.info))){const t=(0,n.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}k(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var V=i(630);class K extends B{static featureName=V.T;constructor(e){var t;super(e,V.T),this.setupInspectionEvents(),t=e,(0,E.Y)(S.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,A.p)(S.Pl+S.Fw,[(0,T.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>i.e(296).then(i.bind(i,146)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,x.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,N.sB)(t=>{e(t,"DOMContentLoaded")}),(0,N.GG)(t=>{e(t,"load")}),(0,N.Qr)(t=>{e(t,"navigate")}),this.ee.on(d.tS.UPDATE,(e,t)=>{(0,x.W)({type:"lifecycle",name:"session",data:t})})}}class C extends e.d{constructor(e){var t;(super(),m.gm)?(this.features={},(0,n.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),k(this,e,e.loaderType||"agent"),t=this,(0,E.Y)(S.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,E.U)(t,e,r,S.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,E.Y)(S.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,A.p)(S.Pl+"setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,E.U)(e,"enduser.id",t,S.Dl,!0)},e)}(this),function(e){(0,E.Y)(S.nb,function(t){if("string"==typeof t||null===t)return(0,E.U)(e,"application.version",t,S.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,E.Y)(S.d3,function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,E.Y)(S.Pv,function(t=!0){if("boolean"==typeof t){if((0,A.p)(S.Pl+S.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return r.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),n=[...this.desiredFeatures];n.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),n.forEach(r=>{if(!e[r.featureName]&&r.featureName!==t.K7.pageViewEvent)return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,n.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var F=i(843),U=i(782);class L extends B{static featureName=U.T;constructor(e){super(e,U.T),m.RI&&((0,F.u)(()=>(0,A.p)("docHidden",[(0,T.t)()],void 0,U.T,this.ee),!0),(0,F.G)(()=>(0,A.p)("winPagehide",[(0,T.t)()],void 0,U.T,this.ee)),this.importAggregator(e,()=>i.e(296).then(i.bind(i,117))))}}var G=i(969);class H extends B{static featureName=G.TZ;constructor(e){super(e,G.TZ),this.importAggregator(e,()=>i.e(296).then(i.bind(i,623)))}}new C({features:[K,L,H],loaderType:"lite"})})()})();</script><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"b1fdc2ca8d","applicationID":"2430420","transactionName":"MgYGYxEFXxUEW0RYXgtMIkINB0UPClYfXVALBw1ZBEpHDwBPQwtYCwcBTw==","queueTime":1,"applicationTime":80,"agent":""}</script>
  <meta name="description" content="Professional design portfolio for my digital product and user experience work." />
  <title>Derek Gulbranson | Professional User Experience Design Portfolio</title>
  <meta name="author" content="Derek Gulbranson">
  <link rel="shortcut icon" href="https://derekgulbranson-com.s3.amazonaws.com/site/img/favicon.ico" />
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <script>
    var DJG = DJG || {};
  </script>
  <link rel="stylesheet" href="https://use.typekit.net/ifu1cvz.css">

  
    <link rel="stylesheet" href="https://derekgulbranson-com.s3.amazonaws.com/CACHE/css/output.2f504aa658a9.css" type="text/css">
  
  
  
  
  
<!-- Hotjar Tracking Code for https://derekgulbranson.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:224392,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

 
</head>
<body class="landing floating-nav " data-spy="scroll" data-target="#nav_scrollspy" data-offset="120">
  
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8HJ7YS1MVR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-8HJ7YS1MVR');
</script>

 
  <div class="vp-container"> 
    
    


    
<section id="intro" class="container grid-sm">
  
  <div class="spacer-lg"></div>
  <h1 class="text-uppercase h3 text-center">Derek Gulbranson</h1>
  <h2 class="text-uppercase subhead text-center">Digital Product Designer</h2>
  <div class="spacer-md"></div>
  <h2 class="text-center h3">I help teams create products that people love</h2>
  <p class="lead text-center mb0">
    A product designer helps figure out what a product should do and 
    designs experiences and technology to successfully connect that with business goals and outcomes.
  </p>

  <div class="spacer-sm"></div>

</section>

<div class="site-menu p-centered">
    <a class="text-center" href="#process" data-scrollto>
      <img width="20" height="20" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-process.svg" alt="" class="">
      <div class="text-uppercase nav-label">Process</div>
    </a>
    <a class="text-center" href="#work" data-scrollto>
      <img width="20" height="20" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-work.svg" alt="" class="">
      <div class="text-uppercase nav-label">Work</div>
    </a>
    <a class="text-center" href="#bio" data-scrollto>
      <img width="16" height="20" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-aboutme.svg" alt="" class="">
      <div class="text-uppercase nav-label">About Me</div>
    </a>
</div>
<div class="spacer-md"></div>

<section id="process" class="bg-gray-light">
  <div class="spacer-md"></div>
  <a name="process"></a>
  <div class="container grid-sm">
    

<h2 class="text-center">My process</h2>
<p class="lead text-center">
  
  I have experience with a broad set of tools and processes to help understand 
  stakeholder needs and contexts, generate insights and ideas, refine those 
  ideas based on feedback, and implement the designed experience.
  
</p>

<div class="process-graphic">
  <figure>
    <img class="" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-research.svg">
    <figcaption>Discover &amp; build empathy</figcaption>
  </figure>
  <figure>
    <img class="" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-iterate.svg">
    <figcaption>Iteratively Test and Refine Ideas</figcaption>
  </figure>
  <figure>
    <img class="" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-code.svg">
    <figcaption>Build and Document</figcaption>
  </figure>
  <figure>
    <img class="" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-agile.svg">
    <figcaption>Confirm and Iterate</figcaption>
  </figure>
</div>



<div class="accordion">
  <input type="checkbox" id="accordion-1" name="accordion-checkbox" hidden>
  <div class="text-center hide-on-open">
    <label class="btn btn-alt btn-lg" for="accordion-1">
      More about my design process&nbsp;&nbsp;<img 
        class="icon-svg" width="14px" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/down-circle.svg">
    </label>
    <div class="spacer-md"></div>
  </div>

  <div class="accordion-body">
    <h4 class="text-center">
      <img class="process-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-research.svg">
      Discover &amp; build empathy
    </h4>
    <p>
      
      Develop a fuller understanding of the problem domain through research. This can
      involve many different tools including team discussion, interviews with users or
      subject matter experts, in-situation observation of user behavior, surveys, user
      experience mapping exercises, etc. It’s important to collaborate with product and
      engineering to form a collective understanding of the problem, align on any
      research insights and find a strategy for product success that everyone can
      support. Ideally this process produces clearly defined goals and strategies with
      agreed ways to measure success.
      
    </p>
    <h4 class="text-center">
      <img class="process-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-iterate.svg">
      Iteratively Test and Refine Ideas
    </h4>

    <p>
      
      Test your hypotheses by gathering data and user feedback to validate or invalidate them. 
      Take all the ideas that were generated during discovery and create something you
      can use to present them to users and get feedback. Start with a wide range of ideas
      initially, perhaps even including bad ideas, to gain insight into user reactions
      and why some things work better than others. Iteratively develop concepts from
      sketch or wireframe to more and more developed visual design mockups, prototypes
      or animations, getting feedback on each iteration and incorporating it into the next.
      
    </p>

    <h4 class="text-center">
      <img class="process-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-code.svg">
      Build and Document
    </h4>

    <p>
      
      Create what engineering needs to build it. Regular conversation is an essential 
      communication tool during this phase. The amount of documentation needed varies
      with the size and structure of the team. Ideally much is already communicated in a living
      style guide that is shared with engineering. Update the style guide with any new
      interface patterns or components and generate any screen-ready assets. Produce screen-ready
      graphic assets and create or update any related support content.
      
    </p>

    <h4 class="text-center">
      <img class="process-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-agile.svg">
      Confirm and Iterate
    </h4>


    <p>
      
      Make sure it does what it’s supposed to, then ship to users and observe the
      results. Ideally new features can be deployed to a subset of users and behavior
      can be quantitatively measured and compared to users without the change to
      understand if/how user behavior is effected. Collaborate with the team to evaluate
      the effectiveness of the change and next steps, potentially scheduling another
      iteration on the feature.
      
    </p>

    <div class="spacer-md"></div>
    <h2 class="big text-center underline">Key Concepts</h2>

    <h4 class="text-center">Find Balance Between Competing Goals</h4>

    <div class="row">
      <div class="col-md-6">
        <p>
      
          The most successful brands, companies and products excel at finding a workable
          balance between 3 sets of opposing goals; the business, the technology, and
          the user.
      
        </p>
        
      </div>
      <div class="col-md-6">
        <img class="p-centered" width="264" height="196" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/my_process_goals-vend.png">
        
      </div>
    </div>


    <p class="wide">These goals always exist in hierarchies with other goals.</p>

    <img class="p-centered" width="558" height="187" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/my_process_goals-heirarchy.png">

    <p style="margin-top: 2em">
      
      Uncovering the How? and Why? behind goals illuminates their structure and helps
      identify potential strategies for making everyone successful.
      
    </p>

    <h4 class="text-center">Empathy and The Power of Stories</h4>

    <p>
      
      It’s much easier for us to predict the behaviors of people we know. Talking to
      users, understanding and mapping their experiences is a great way to help us
      better understand their desires and predict their behavior. When we understand
      their goals in the context of their experience, we’re better able to help them
      reach those goals.
      
    </p>
    <img class="p-centered" width="537" height="220" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/my_process_ux-map.png">



    <div class="spacer-md"></div>
    <h2 class="big text-center underline">Other Influences</h2>
    
    <p>
      
      I'm in the process of adding a few other things that influence my design thinking. 
      Here's what I've got so far.
      
    </p>
    
    <blockquote>
      &ldquo;Creativity is allowing yourself to make mistakes. Design is 
      knowing which ones to keep.&rdquo; - Scott Adams
    </blockquote>
    
    <blockquote>
      &ldquo;You can't have a breakthrough without blockage. Frustration
      is a natural, normal part of the creative process.&rdquo;
    </blockquote>
    
    
    <div class="columns">
      <div class="column col-md-6">
        
        <dl>

          <lh>Online</lh>
          
          <dt>
              <a href="https://vimeo.com/106659444">
                The Minimum Badass User (Video)
              </a>
            </a>
          </dt>
          <dd>
            Great talk by Kathy Sierra. People want to be awesome. Don't
            make your product awesome, make your users awesome by giving them
            a superpower.
            "People don't tell their friends about your product because they 
            like your product, they tell their friends because they like their 
            friends."
          </dd>
          
          <dt>
              <a href="http://designingcx.com/cx-journey-mapping-toolkit">
                CX Journey Mapping Toolkit
              </a>
            </a>
          </dt>
          <dd>
            Great set of tools for collaborative mapping of the user experience
            with a team.
          </dd>

          <dt>
            <a href="http://52weeksofux.com/post/694598769/the-local-maximum">
              Local Maximum
            </a>
          </dt>
          <dd>
            Optimization can only yield a slightly better version of what you already have.
          </dd>

          <dt>
            <a href="http://www.userfocus.co.uk/articles/prioritising-functions.html">
              Red Routes
            </a>
          </dt>
          <dd>
            Some useful and practical ideas for prioritizing your product backlog.
          </dd>

        </dl>
        
      </div>
      <div class="column col-md-6">
        
        <dl>
          <lh>Books</lh>
          <dt>
            <a href="https://www.goodreads.com/book/show/44098.The_Inmates_Are_Running_the_Asylum" 
                ><em>The Inmates Are Running The Asylum</em></a>
          </dt>
          <dd>
            By Alan Cooper. After almost 20 years, it's still must-read book for
            anyone involved in creating interactive products. Written for a non-designer 
            audience, it makes the case for the need for good design to be successful in
            business.
          </dd>

          <dt>
            <a href="https://www.goodreads.com/book/show/18737922-about-face" 
                title="About Face: The Essentials of Interaction Design"><em>About Face</em></a>
          </dt>
          <dd>
            By Alan Cooper. The first edition was my initial introduction to interaction design
            and user-centered design thinking, and I still find myself mentally referring 
            its list of Design Principles, e.g. "Design for Intermediates" and "Design for the probable,
            allow for the possible.".
          </dd>

          <dt>
            <a href="https://www.goodreads.com/book/show/17290807-the-design-of-everyday-things" 
                ><em>The Design of Everyday Things</em></a>
          </dt>
          <dd>
            By Donald Normal. A must-read for anyone designing things
            that people use.
          </dd>

        </dl>
        
        
      </div>
    </div>
    
    <div class="spacer-md"></div>
  </div>
</div>

    

  </div>
</section>

<section id="work">
  <a name="work"></a>
  <div class="container grid-lg">
    <div class="spacer-lg"></div>
    <h3 class="text-center">
      Selected case studies
    </h3>
  </div>

  
    
<div class="casestudy-list">


  <div class="list-row">
    <div class="container grid-lg list-item" style="background-image: url('https://derekgulbranson-com.s3.amazonaws.com/media/project_imgs/poster-lithium.jpg')">
      <div class="container grid-sm">
        <div class="columns">
          <div class="column col-8 col-sm-12">
            <div class="white-card opaque">
              
                <a href="/portfolio/lithium/" class="project_logo">
                  <img src="https://derekgulbranson-com.s3.amazonaws.com/media/project_logos/logo-lithium.png" alt="Lithium">
                </a>
              
              <p class="">
                  Delivering platform-level features for the leading branded-community platform used by top brands to serve and engage with their customers
                  
              </p>
              <div class="text-right">
                <a href="/portfolio/lithium/" class="view-more black">View project&nbsp;<img 
                  class="control-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/right-arrow.svg"></a>
              </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>



  <div class="list-row">
    <div class="container grid-lg list-item" style="background-image: url('https://derekgulbranson-com.s3.amazonaws.com/media/project_imgs/poster-cookbrite.jpg')">
      <div class="container grid-sm">
        <div class="columns">
          <div class="column col-8 col-sm-12">
            <div class="white-card opaque">
              
                <a href="/portfolio/cookbrite/" class="project_logo">
                  <img src="https://derekgulbranson-com.s3.amazonaws.com/media/project_logos/logo-cookbrite.png" alt="CookBrite">
                </a>
              
              <p class="">
                  Transforming the trajectory of an early stage Cooking app startup using research to help find product-market fit
                  
              </p>
              <div class="text-right">
                <a href="/portfolio/cookbrite/" class="view-more black">View project&nbsp;<img 
                  class="control-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/right-arrow.svg"></a>
              </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>



  <div class="list-row">
    <div class="container grid-lg list-item" style="background-image: url('https://derekgulbranson-com.s3.amazonaws.com/media/project_imgs/poster-hubpages.jpg')">
      <div class="container grid-sm">
        <div class="columns">
          <div class="column col-8 col-sm-12">
            <div class="white-card opaque">
              
                <a href="/portfolio/hubpages/" class="project_logo">
                  <img src="https://derekgulbranson-com.s3.amazonaws.com/media/project_logos/logo-hubpages.png" alt="HubPages">
                </a>
              
              <p class="">
                  Design focused on author engagement and quality content creation for this leading online publishing platform, one of the 100 most-visited sites on the internet
                  
              </p>
              <div class="text-right">
                <a href="/portfolio/hubpages/" class="view-more black">View project&nbsp;<img 
                  class="control-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/right-arrow.svg"></a>
              </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>



  <div class="list-row">
    <div class="container grid-lg list-item" style="background-image: url('https://derekgulbranson-com.s3.amazonaws.com/media/project_imgs/poster-plumdistrict.jpg')">
      <div class="container grid-sm">
        <div class="columns">
          <div class="column col-8 col-sm-12">
            <div class="white-card opaque">
              
                <a href="/portfolio/plum-district/" class="project_logo">
                  <img src="https://derekgulbranson-com.s3.amazonaws.com/media/project_logos/logo-plumdistrict.png" alt="Plum District">
                </a>
              
              <p class="">
                  Breathing life into a new brand and adding new ecommerce features with complex product requirements
                  
              </p>
              <div class="text-right">
                <a href="/portfolio/plum-district/" class="view-more black">View project&nbsp;<img 
                  class="control-icon" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/right-arrow.svg"></a>
              </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


</div>

  

  <div class="spacer-md"></div>

  <div class="container grid-lg">
    <h3 class="text-center">
      Design examples
    </h3>
    <p class="text-center text-small">
      A quick visual overview of my work. Scroll and click if you see something interesting.
    </p>
    <div class="spacer-sm"></div>
    <div class="asset-grid clearfix">

    <a href="/portfolio/lithium/#remote-q-widget" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/commerce_widget_graphic/45d0b94b62d7bc200aec149ca84d32a3.jpg" alt="Remote Q&amp;A Widget">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#2-person-interaction-flow" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/commerce_user_journey/2a6b3e4b616a8780f0e8b73dc1a2d2a1.jpg" alt="2-person Interaction Flow">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#engagement-email" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Kudos_Notification_v0.4/dac1efa062e31fc76f1eac4eb12a262c.jpg" alt="Engagement Email">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#product-tag-separate" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/A2_product_typeahead/2cfce2c38d940262d1dbb8f05ef803b5.jpg" alt="Product tag separate">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#tag-multiple-object-types" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/G6_in_textfield_search/81bde04883a06f5889b8eec4e2cb7f8d.jpg" alt="Tag multiple object types">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#tag-other-peoples-content" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/H1_select_text/105648ce0344d896863703ad6dc9a30f.jpg" alt="Tag other people&#x27;s content">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#products-forum-discussions" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/show_products_on_pages/64a1d42453690238d6d3bd42b9865c50.jpg" alt="Products on Forum Discussions">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#component-concept" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/components/acc7c3aeec96a01f30706d93abebeb04.jpg" alt="Component Concept">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#product-mention-field" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/07_mention_second_product_in_body/f6b907d0923d81e642535a2c89a565f9.jpg" alt="Product Mention Field">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#mobile-mentions" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/mention_results/d4183f7c70a376588a70fc8f9db04dd0.jpg" alt="Mobile Mentions">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#forum-topic-page" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Forum_Topic_Page_Truncated_Hover_v0.8/6c3de98deb4cc8caf4dd472a341ddac9.jpg" alt="Forum Topic Page">
      
    </a>
  </li>

    <a href="/portfolio/lithium/#product-posts-page" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Product_Page_v0.3/f86d4d3188800b5a072ed9285ab2319a.jpg" alt="Product Posts Page">
      
    </a>
  </li>

    <a href="/portfolio/cookbrite/#planning-vs-inspiration" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/meals-iteration-2/014cbe30cd59c1a366b0a351cced3c2d.jpg" alt="Planning vs Inspiration">
      
    </a>
  </li>

    <a href="/portfolio/cookbrite/#initial-meal-planner" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/meals-iteration-3/fa32f726157e4825055a2f3d51eb196d.jpg" alt="Initial Meal Planner">
      
    </a>
  </li>

    <a href="/portfolio/cookbrite/#haveneed-indicator" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/have-need-iterations/391d45ae7085dc02e6271fb3a4533036.jpg" alt="Have/Need Indicator">
      
    </a>
  </li>

    <a href="/portfolio/cookbrite/#remove-dishlist" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/final/6e63cd6ce352dfd05fec09fefddf08f6.jpg" alt="Remove DishList">
      
    </a>
  </li>

    <a href="/portfolio/cookbrite/#capturing-cooked-meals" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/cook-conf-history/07b6a1508d71acbf8954e982db875818.jpg" alt="Capturing Cooked Meals">
      
    </a>
  </li>

    <a href="/portfolio/breathometer/#slide-1" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Overview_-_Slide_1/fec363db8d9f02593a8dadbd74a24ffb.jpg" alt="Slide 1">
      
    </a>
  </li>

    <a href="/portfolio/breathometer/#welcome-breathometer" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/intro-email-11/b97f3721fc4207d40c1e44014b71264c.jpg" alt="Welcome to Breathometer">
      
    </a>
  </li>

    <a href="/portfolio/breathometer/#user-dashboard" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Dashboard_Screenshot3/aa08ec837c4f72d5a26342ad89df97c2.jpg" alt="User Dashboard">
      
    </a>
  </li>

    <a href="/portfolio/breathometer/#homepage" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/breathomter-homepage-2014-v12-129/bc96bebb8d844e13725d5eb764956478.jpg" alt="Homepage">
      
    </a>
  </li>

    <a href="/portfolio/breathometer/#original-breathometer-product-page" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/breathomter-product-2014-v13-132/daa94598fae2661919a0ade512e9f414.jpg" alt="Original Breathometer">
      
    </a>
  </li>

    <a href="/portfolio/pacific-arabic/#homepage" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Homepage/51980f6c7319f7dcf8c118ed330cafc2.jpg" alt="Homepage">
      
    </a>
  </li>

    <a href="/portfolio/hubpages/#mouse-hover-over-text" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/HubTool-Star-Bar-36-text/b31997b7c90c9c5d7388173b75232a9b.jpg" alt="Mouse Hover over Text">
      
    </a>
  </li>

    <a href="/portfolio/hubpages/#final-product" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/HubTool-Star-Bar-Final_Screenshot/1fc86ba0bc5a0768d4f38ccac8cf574b.jpg" alt="Final Product">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#user-research-report" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/pd-user-research-report/1f0daaf199b3543c331368f4184000c2.jpg" alt="User Research Report">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#incoming-traffic-map" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Site_Map_1.2/8c8c97b10fc0e87cd223f76743e68e47.jpg" alt="Incoming Traffic Map">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#deal-page-redesign-2-multiple-products-per-deal" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/deal-page-redesign-2-multiple-products-per-deal_1/019aaf7805c48cb10284e7ab5cf1935d.jpg" alt="Deal Page">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#checkout-redesign-2-multiple-products-per-deal" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/checkout-redesign-2-multiple-products-per-deal_1/7ca41210e8f5947393b4ae9ed1391326.jpg" alt="Checkout">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#mobile-checkout-page" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/mobile-checkout-page_1/6cc72322369914418eb9dd714d02ce9e.jpg" alt="Mobile Checkout Page">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#email-subscriptions-unsubcribe-form" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Email-Subscriptions-Unsub_Form/c7f1de704a0dca6851d8acab05fb07dc.jpg" alt="Email Subscriptions Unsubcribe Form">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#christmas-deal-badges" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Gifting_Badges_2011/1f88346693a35b558b057c2bbe9acefd.jpg" alt="Christmas Deal Badges">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#district-deals-homepage" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Deal-Page-Gift-CTA-16/2c33c8b5069cae4e211a0063d354feeb.jpg" alt="Deal Page with Christmas Badges">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#event-booth-panel" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/plumdistrict_banner_3ft-7ft_FINAL-small/98dda288b399df7e85a220b496b4f7b9.jpg" alt="Event Booth Panel">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#christmas-gift-notes" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/Christmas_Gift_Notes/2392d571a53de6d10c9c45017de5e626.jpg" alt="Christmas Gift Notes">
      
    </a>
  </li>

    <a href="/portfolio/plum-district/#plum-district-bag" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/plumdistrict_bag_v7/cdecf09d573d9b81ea7ca5c7fdd38000.jpg" alt="Plum District Bag">
      
    </a>
  </li>

    <a href="/portfolio/mingle/#search-1" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/search_1/15f79bea4155e8b6bd4c035cb3021e34.jpg" alt="Search">
      
    </a>
  </li>

    <a href="/portfolio/email-signature-tool/#1344820" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/1344820/64d9c6c2040d8c51d01d6bb1d296bc9b.jpg" alt="Landing Page">
      
    </a>
  </li>

    <a href="/portfolio/email-signature-tool/#windows-application-interface" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/application_3/4838387a3e67da000134aac302177bbf.jpg" alt="Windows Application Interface">
      
    </a>
  </li>

    <a href="/portfolio/replyforall/#create-your-signature-and-account" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/signup_mockup-v192/9c584393f66164e28f6601a6e7f82d51.jpg" alt="Create your signature and account">
      
    </a>
  </li>

    <a href="/portfolio/replyforall/#get-your-signature-2" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/signup_mockup-v213/901ac70dc6f568fbeb04185d5edb28d0.jpg" alt="Get Your Signature">
      
    </a>
  </li>

    <a href="/portfolio/heller-ehrman/#intranet-homepage-with-new-design-99-css-changes" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/intranet-homepage-with-new-design-99-css-changes/61aa3f0e12b7acea358eee195737eca6.jpg" alt="Intranet Homepage - New">
      
    </a>
  </li>

    <a href="/portfolio/heller-ehrman/#334848" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/334848/495b75ad8aaa69332e7a8c06a1ed05db.jpg" alt="Technology Incident Report">
      
    </a>
  </li>

    <a href="/portfolio/heller-ehrman/#card-outside" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/336396/72d7185ed9384eaefc8066efdad671e6.jpg" alt="Inside">
      
    </a>
  </li>

    <a href="/portfolio/heller-ehrman/#card-inside" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/336395/7a77b9714161f6c6b3280b6d49a88bd9.jpg" alt="Outside">
      
    </a>
  </li>

    <a href="/portfolio/orrick-herrington-sutcliffe-llp/#centralized-navigation-in-flexible-menu-system-to" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/centralized-navigation-in-flexible-menu-system-to/5483be50c408eeeb85247d841e64feb6.jpg" alt="The Mega Menu">
      
    </a>
  </li>

    <a href="/portfolio/bitspark/#item-detail-wireframe" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/item-detail-wireframe/d0aa11cafe8766ea2c32178dedd38236.jpg" alt="Item Detail Wireframe">
      
    </a>
  </li>

    <a href="/portfolio/bitspark/#purchase-order-creation" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/a-photoshop-mockup-showing-a-sample-view-of-the-ap/4e23c21f3d4434c275d19ded4549b259.jpg" alt="Purchase Order Creation">
      
    </a>
  </li>

    <a href="/portfolio/dla-piper-rudnick/#334862" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/334862/e6cfd71c599a115d1125472a36b84eb6.jpg" alt="External Newsletter Template">
      
    </a>
  </li>

    <a href="/portfolio/wendy-ulve-design-associates/#334987" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/334987/f23753820ed79a6b1d977c09f1dac627.jpg" alt="Home Page">
      
    </a>
  </li>

    <a href="/portfolio/3d-modeling-and-rendering/#falcon-50-seat-rendering" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/tan_seat/54c4f18c21d2a199879527c89cde8c7a.jpg" alt="Falcon 50 Seat Rendering">
      
    </a>
  </li>

    <a href="/portfolio/3d-modeling-and-rendering/#aircraft-galley" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/aircraft-galley_2/cbfb54198b0b69186a7c1c6bdd3db3cb.jpg" alt="Aircraft Galley">
      
    </a>
  </li>

    <a href="/portfolio/3d-modeling-and-rendering/#1345320" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/1345320/fdad38b07661cb88ccf989cfcc9e0bc5.jpg" alt="Windmill Rendering">
      
    </a>
  </li>

    <a href="/portfolio/3d-modeling-and-rendering/#1345306" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/1345306/fe757b107dc11de5e9ce878f7bd3b136.jpg" alt="Speedometer Rendering">
      
    </a>
  </li>

    <a href="/portfolio/3d-modeling-and-rendering/#1345347" class="grid-item">
      <img src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/images/photos/1345347/67d6f4f157673d8f6cd04a2a7e8f794f.jpg" alt="Steering Wheel Rendering">
      
    </a>
  </li>

</div>
<div class="clearfix"></div>

  </div>
</section>


<section id="bio">
  <div class="container grid-xl about-me-bg">
    <div class="spacer-xl"></div>
    <a name="bio"></a>
    <div class="footer-padding">
      <div class="container">
        

<h2 class="text-center">Three things about me</h2>
<div class="spacer-sm"></div>

<div class="container grid-md">
  <div class="columns">
    <div class="white-card column">
      <h5 class="text-center">I ask &ldquo;Why?&rdquo; a lot</h5>
      <p>Understanding goals and motivations is the key to finding better solutions.</p>
    </div>
    <div class="white-card column">
      <h5 class="text-center">I love learning</h5>
      <p>I love User Experience because learning is part of the job.</p>
    </div>
    <div class="white-card column">
      <h5 class="text-center">I'm an "ENPT"</h5>
      <p>
        Looking at things from many different angles is how I develop deep understanding.
      </p>
    </div>
  </div>
</div>
<div class="spacer-xl"></div>
<div class="spacer-xl hide-md"></div>
<div class="spacer-xl hide-md hide-lg"></div>


<div class="text-center">
  <div class="white-card d-inline-block">
    <a class="black" 
      data-gaevent-category="Homepage" data-gaevent-label="Email" data-gaevent-action="Click"
      href="mailto:&#x64;&#x65;&#x72;&#x65;&#x6B;&#x37;&#x33;&#x40;&#x67;&#x6D;&#x61;&#x69;&#x6C;&#x2E;&#x63;&#x6F;&#x6D;">
    <img class="icon-svg" width="20" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/icon-email.svg">

    The best way to get in touch is to send me an email.
    
      
    </a>
  </div>
</div>

<div class="spacer-md"></div>

<div class="columns">
  <div class="column col-2 col-md-4 col-sm-6 col-mx-auto">
    <h6 class="text-center text-uppercase">Find me on</h6>
    <div class="spacer-xs"></div>
    <div class="columns">
      <div class="column col-6 text-center">
        <a class="black" href="http://linkedin.com/in/derekgulbranson">
          <img class="icon-svg" width="20" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/linkedin-brands.svg" alt="">
          <figcaption>LinkedIn</figcaption>
        </a>
      </div>
      <div class="column col-6 text-center">
        <a class="black" href="https://github.com/derek73">
          <img class="icon-svg" width="20" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/github-brands.svg" alt="">
          <figcaption>
            Github
          </figcaption>
        </figuare>
      </div>
    </div>
  </div>
</div>
<div class="spacer-md"></div>

<div class="text-center">
  <a href="https://derekgulbranson-com.s3.amazonaws.com/media/asset_files/Resume_-_Derek_Gulbranson_-_2025.pdf" class="black"
    data-gaevent-category="Homepage" data-gaevent-label="My Resume" data-gaevent-action="Download"
    >
    <img class="icon-svg" width="20" src="https://derekgulbranson-com.s3.amazonaws.com/site/img/icons/file-word-solid.svg" alt="">

    <figcaption>
      Download my resume
    </figcaption>
  </a>
  
</div>




      </div>
    </div>
  </div>
</section>

    <footer>
  <div class="colophon">
    <div class="">
      <div class="text-center small">
        &copy; 2026 Derek Gulbranson

      </div>
    </div>
  </div>
</footer>
 
  </div>
  <div id="asset-modal" class="modal slide_up">
    <div class="modal-dialog modal-full">
      <div class="modal-content">
      </div><!-- /.modal-content (leftover from bootstrap modal, not used) -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

<script src="https://derekgulbranson-com.s3.amazonaws.com/CACHE/js/output.0a9a415f241e.js"></script>


  <script type="text/javascript" src="https://derekgulbranson-com.s3.amazonaws.com/masonry/dist/masonry.pkgd.min.js"></script>
<script type="text/javascript">
// recalculate masonry grid after each image loads
var grid = $('.asset-grid').masonry({
  itemSelector: '.grid-item',
  columnWidth: '.grid-item:first-of-type',
  percentPosition: true
});
grid.imagesLoaded().progress( function() {
  grid.masonry('layout');
});
</script>

</body>
</html>
