{"id":868,"date":"2019-09-06T22:45:39","date_gmt":"2019-09-06T22:45:39","guid":{"rendered":"https:\/\/keithratner.live\/keithratnerstaging\/?p=868"},"modified":"2023-08-28T11:01:01","modified_gmt":"2023-08-28T11:01:01","slug":"portfolio","status":"publish","type":"post","link":"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/","title":{"rendered":"Portfolio and Interactive Samples"},"content":{"rendered":"<h3>Welcome to my UX and UI Portfolio<\/h3>\n<h4>Print Collateral Samples<\/h4>\n<h5>InDesign, Photoshop, Illustrator, Acrobat<\/h5>\n<ul>\n<li><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/CALBIO2012_Program.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">CALBIO2012 Program<\/a><\/li>\n<li><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio_AnnualReport_2010.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Sample Annual Report<\/a><\/li>\n<li>\n<a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio-white-paper-report-2013.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Sample White Paper Report<\/a><\/li>\n<\/ul>\n<h5><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/motion-graphics-with-react-and-webgl\/\" rel=\"noopener\" target=\"_blank\">View some of my motion graphics<\/a> and <a href=\"https:\/\/keithratner.live\/keithratnerstaging\/promotional-video\/\" rel=\"noopener\" target=\"_blank\">Promotional Video<\/a>.<\/h5>\n<h5><a href=\"https:\/\/www.behance.net\/keithratner\" rel=\"noopener\" target=\"_blank\">See some of my past work on Behance.<\/a><\/h5>\n<h4>Exploit Prediction Scoring System (EPSS) Data Visualizations<\/h4>\n<h5>React, TypeScript, D3, Bootstrap, SCSS<\/h5>\n<p><iframe loading=\"lazy\" style=\"border:0px #ffffff none;\" width=\"100%\" height=\"600\" src=\"https:\/\/kratner.github.io\/cve\" scrolling=\"no\" frameborder=\"1\" allowfullscreen=\"\" ><\/iframe><\/p>\n<p><iframe loading=\"lazy\" style=\"border:0px #ffffff none;\" width=\"100%\" height=\"920\" src=\"https:\/\/kratner.github.io\/rh\" scrolling=\"no\" frameborder=\"1\" allowfullscreen=\"\" ><\/iframe><\/p>\n<h4>React Video Streaming Application Prototype<\/h4>\n<p>Current Features:<\/p>\n<ul>\n<li>Geolocation<\/li>\n<li>Front- and rear-facing cameras on mobile<\/li>\n<li>Live drawing canvas overlay with colored swatches in the left sidebar. Swipe the screen or click-and-drag to see it in action. The trash icon clears the canvas.<\/li>\n<\/ul>\n<p>Feature Pipeline:<\/p>\n<ul>\n<li>Map overlay. This is a work in progress. Click the map icon to pull up the overlay. Map has not been fully implemented yet.<\/li>\n<li>User profile setup<\/li>\n<li>Sharing of geolocation (available on mobile devices), azimuth, and streaming status<\/li>\n<li>Stream recording and data storage<\/li>\n<li>Stream sharing<\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" style=\"border:0px #ffffff none;\" width=\"100%\" height=\"600\" src=\"https:\/\/kratner.github.io\/vhyveapp\" scrolling=\"no\" frameborder=\"1\" allowfullscreen=\"\" allow=\"camera; microphone\"><\/iframe><\/p>\n<div class=\"mobile-hide\">\n<h3>Mobile Screenshot:<\/h3>\n<p><a href=\"https:\/\/kratner.github.io\/vhyveapp\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2100\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/vhyve-app-iphone6-galaxys5\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/vhyve-app-iphone6-galaxys5.png?fit=639%2C359&amp;ssl=1\" data-orig-size=\"639,359\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"vHyve Video Streaming App\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/vhyve-app-iphone6-galaxys5.png?fit=639%2C359&amp;ssl=1\" class=\"alignnone wp-image-2100 size-full\" title=\"vHyve Video Streaming App UX and UI\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/12\/vhyve-app-galaxys5.png?resize=639%2C359&#038;ssl=1\" alt=\"vHyve Video Streaming App UX and UI\" width=\"639\" height=\"359\" \/><\/a><\/div>\n<p>The concept is a live video streaming with a drawing interface and map overlay. HTML5 capabilities are used to track GeoLocation and device orientation. On the development roadmap are the following features:<\/p>\n<ul>\n<li>Toggle full-screen mode<\/li>\n<li>Logging in as new or existing user<\/li>\n<li>User profile setup<\/li>\n<li>Tracking of user activity, i.e., user&#8217;s logged-in status, whether the user is streaming live video, user&#8217;s location (if logged in)<\/li>\n<li>Map overlay should display logged in users along with their streaming status, device orientations and camera facing directions; icons should appear on map, color-coded by streaming status, with icons rotated to reflect real direction based on compass&#8217; true north<\/li>\n<li>Functionality should be accomplished entirely through HTML5<\/li>\n<li>Native application development (iOS, Android, etc.)<\/li>\n<li>Recording of user&#8217;s drawing activity as SVG, possibly with configurable frame rate<\/li>\n<li>Screen recording functionality; this should include recording of live media stream as well as user&#8217;s drawing activity on separate recorded tracks<\/li>\n<li>Cloud storage of recorded media tracks with administrative interface for managing user&#8217;s media<\/li>\n<li>vHyve Studio module to manage stored media inclusive of post-production tools<\/li>\n<\/ul>\n<p>View the live work-in-progress here:<\/p>\n<p><a title=\"vHyve Video Streaming App\" href=\"https:\/\/kratner.github.io\/vhyveapp\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/kratner.github.io\/vhyveapp<\/a><\/p>\n<h3>A sampling of my design and development work over the years<\/h3>\n<h4>User Interface Design and Implementation<\/h4>\n<p>Screenshots of browser-based Metadata Analytics application User Interface; Django\/Python back end, UX and UI front end powered by D3, HTML5, CSS3, raw JavaScript (2015 version):<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"979\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/quaddra_metadata_analytics_dashboard\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?fit=1373%2C708&amp;ssl=1\" data-orig-size=\"1373,708\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Metadata Analytics Dashboard\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Metadata Analytics Dashboard UI&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?fit=1024%2C528&amp;ssl=1\" class=\"alignnone wp-image-979 size-full\" title=\"Metadata Analytics Dashboard UX and UI\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=1373%2C708&#038;ssl=1\" alt=\"Metadata Analytics Dashboard UX and UI\" width=\"1373\" height=\"708\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?w=1373&amp;ssl=1 1373w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=768%2C396&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=1024%2C528&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=600%2C309&amp;ssl=1 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"980\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/quaddra_metadata_analytics_tag_analysis\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?fit=1369%2C720&amp;ssl=1\" data-orig-size=\"1369,720\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Metadata Analytics Tag Analysis\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Metadata Analytics Dashboard UI&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?fit=1024%2C539&amp;ssl=1\" class=\"alignnone wp-image-980 size-full\" title=\"Metadata Analytics Tag Analysis UI\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=1369%2C720&#038;ssl=1\" alt=\"Metadata Analytics Tag Analysis UI\" width=\"1369\" height=\"720\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?w=1369&amp;ssl=1 1369w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=768%2C404&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=1024%2C539&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=600%2C316&amp;ssl=1 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Primary User Interface for a complex Excel application powered by VBA (2019 version):<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"977\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/excel_vba_application_ui\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?fit=1197%2C1011&amp;ssl=1\" data-orig-size=\"1197,1011\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Excel VBA Application UI\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Excel VBA Front-End UI&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?fit=1024%2C865&amp;ssl=1\" class=\"alignnone wp-image-977 size-full\" title=\"Excel VBA Application UI\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?resize=1197%2C1011&#038;ssl=1\" alt=\"Excel VBA Application UI\" width=\"1197\" height=\"1011\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?w=1197&amp;ssl=1 1197w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?resize=300%2C253&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?resize=768%2C649&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?resize=1024%2C865&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/excel_vba_application_ui.png?resize=600%2C507&amp;ssl=1 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h4>Web Design<\/h4>\n<h5>California Biotech CEO Conference 2013<\/h5>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2699\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/calbiotechceo2013homepage\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/calbiotechceo2013homepage.png?fit=974%2C680&amp;ssl=1\" data-orig-size=\"974,680\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"California Biotech CEO Conference 2013\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Website Landing Page&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/calbiotechceo2013homepage.png?fit=974%2C680&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/calbiotechceo2013homepage.png?resize=974%2C680&#038;ssl=1\" alt=\"California Biotech CEO Conference 2013\" width=\"974\" height=\"680\" class=\"alignnone size-full wp-image-2699\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/calbiotechceo2013homepage.png?w=974&amp;ssl=1 974w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/calbiotechceo2013homepage.png?resize=300%2C209&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/calbiotechceo2013homepage.png?resize=768%2C536&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/calbiotechceo2013homepage.png?resize=600%2C419&amp;ssl=1 600w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/p>\n<h5>Bio-Community.org Website 2012<\/h5>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2701\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/biocommunityhomepage\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/biocommunityhomepage.png?fit=970%2C665&amp;ssl=1\" data-orig-size=\"970,665\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Bio-Community.org 2012\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Homepage Design&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/biocommunityhomepage.png?fit=970%2C665&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/biocommunityhomepage.png?resize=970%2C665&#038;ssl=1\" alt=\"Bio-Community.org 2012\" width=\"970\" height=\"665\" class=\"alignnone size-full wp-image-2701\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/biocommunityhomepage.png?w=970&amp;ssl=1 970w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/biocommunityhomepage.png?resize=300%2C206&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/biocommunityhomepage.png?resize=768%2C527&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/biocommunityhomepage.png?resize=600%2C411&amp;ssl=1 600w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/p>\n<h5>BayBio.org Website 2011<\/h5>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2680\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/baybio2011homepage\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio2011homepage.png?fit=968%2C894&amp;ssl=1\" data-orig-size=\"968,894\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"BayBio.org 2011\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio2011homepage.png?fit=968%2C894&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio2011homepage.png?resize=968%2C894&#038;ssl=1\" alt=\"BayBio.org 2011\" width=\"968\" height=\"894\" class=\"alignnone size-full wp-image-2680\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio2011homepage.png?w=968&amp;ssl=1 968w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio2011homepage.png?resize=300%2C277&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio2011homepage.png?resize=768%2C709&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio2011homepage.png?resize=600%2C554&amp;ssl=1 600w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/CHI-2013-Trifold-FINAL.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Sample Trifold<\/a><\/p>\n<h4>Banner Advertisements<\/h4>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2682\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/pantheon-2012-event-page-banner-amgen\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?fit=680%2C200&amp;ssl=1\" data-orig-size=\"680,200\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Pantheon 2012 Banner Ad\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?fit=680%2C200&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?resize=680%2C200&#038;ssl=1\" alt=\"Pantheon 2012 Banner Ad\" width=\"680\" height=\"200\" class=\"alignnone size-full wp-image-2682\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?resize=300%2C88&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?resize=600%2C176&amp;ssl=1 600w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2684\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/pantheon-2012-home-page-slider\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-home-page-slider.png?fit=680%2C372&amp;ssl=1\" data-orig-size=\"680,372\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Pantheon 2012 Home Page Slider\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Cover Design&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-home-page-slider.png?fit=680%2C372&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-home-page-slider.png?resize=680%2C372&#038;ssl=1\" alt=\"Pantheon 2012 Home Page Slider\" width=\"680\" height=\"372\" class=\"alignnone size-full wp-image-2684\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-home-page-slider.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-home-page-slider.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon-2012-home-page-slider.png?resize=600%2C328&amp;ssl=1 600w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2686\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/slider-beyond-benefits\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-beyond-benefits.png?fit=680%2C372&amp;ssl=1\" data-orig-size=\"680,372\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Beyond Benefits Promo Slide\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Social Media Promo&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-beyond-benefits.png?fit=680%2C372&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-beyond-benefits.png?resize=680%2C372&#038;ssl=1\" alt=\"Beyond Benefits Promo Slide\" width=\"680\" height=\"372\" class=\"alignnone size-full wp-image-2686\" style=\"border: 1px solid #000000;\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-beyond-benefits.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-beyond-benefits.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-beyond-benefits.png?resize=600%2C328&amp;ssl=1 600w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2688\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/slider-innovation\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-innovation.png?fit=680%2C372&amp;ssl=1\" data-orig-size=\"680,372\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Innovation Promo Slide\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Social Media Promo&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-innovation.png?fit=680%2C372&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-innovation.png?resize=680%2C372&#038;ssl=1\" alt=\"Innovation Promo Slide\" width=\"680\" height=\"372\" class=\"alignnone size-full wp-image-2688\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-innovation.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-innovation.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-innovation.png?resize=600%2C328&amp;ssl=1 600w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2692\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/slider-gateway-to-norcal\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-gateway-to-norcal.png?fit=680%2C372&amp;ssl=1\" data-orig-size=\"680,372\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Gateway to Northern California Promo Slide\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Postcard Design&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-gateway-to-norcal.png?fit=680%2C372&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-gateway-to-norcal.png?resize=680%2C372&#038;ssl=1\" alt=\"Gateway to Northern California Promo Slide\" width=\"680\" height=\"372\" class=\"alignnone size-full wp-image-2692\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-gateway-to-norcal.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-gateway-to-norcal.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/slider-gateway-to-norcal.png?resize=600%2C328&amp;ssl=1 600w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2694\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/pantheon2011banner\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon2011banner.png?fit=200%2C100&amp;ssl=1\" data-orig-size=\"200,100\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Pantheon 2011 Banner\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Web Banner Design&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon2011banner.png?fit=200%2C100&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/pantheon2011banner.png?resize=200%2C100&#038;ssl=1\" alt=\"Pantheon 2011 Banner\" width=\"200\" height=\"100\" class=\"alignnone size-full wp-image-2694\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2696\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/pa10_banner_480x90\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/PA10_Banner_480x90.png?fit=480%2C90&amp;ssl=1\" data-orig-size=\"480,90\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Pantheon 2010 Banner\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/PA10_Banner_480x90.png?fit=480%2C90&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/PA10_Banner_480x90.png?resize=480%2C90&#038;ssl=1\" alt=\"Pantheon 2010 Banner\" width=\"480\" height=\"90\" class=\"alignnone size-full wp-image-2696\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/PA10_Banner_480x90.png?w=480&amp;ssl=1 480w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/PA10_Banner_480x90.png?resize=300%2C56&amp;ssl=1 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/p>\n<h4>BayBio 2010 Annual Report Design<\/h4>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"7746\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/baybio-annual-report-original-layout-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?fit=1585%2C613&amp;ssl=1\" data-orig-size=\"1585,613\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"BayBio Annual Report 2010\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Annual Report Cover Design&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?fit=1024%2C396&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=1585%2C613&#038;ssl=1\" alt=\"BayBio Annual Report 2010\" width=\"1585\" height=\"613\" class=\"alignnone size-full wp-image-7746\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?w=1585&amp;ssl=1 1585w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=300%2C116&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=1024%2C396&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=768%2C297&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=1536%2C594&amp;ssl=1 1536w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=600%2C232&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=228%2C88&amp;ssl=1 228w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=155%2C60&amp;ssl=1 155w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=233%2C90&amp;ssl=1 233w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/BayBio_AnnualReport_2010.pdf\" rel=\"noopener\" target=\"_blank\">View and Download a PDF of the Entire Report Here<\/a> or <a href=\"https:\/\/keithratner.live\/keithratnerstaging\/baybio-2010-annual-report-design\/\" rel=\"noopener\" target=\"_blank\">View the Full Layout Here<\/a><\/p>\n<h4>CALBIO 2012 Program Design<\/h4>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"7953\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/calbio-2012-program\/calbio2012-program-original-layout-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?fit=1224%2C792&amp;ssl=1\" data-orig-size=\"1224,792\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"CALBIO 2012 Program\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?fit=1024%2C663&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=1224%2C792&#038;ssl=1\" alt=\"CALBIO 2012 Program\" width=\"1224\" height=\"792\" class=\"alignnone size-full wp-image-7953\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?w=1224&amp;ssl=1 1224w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=1024%2C663&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=768%2C497&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=600%2C388&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=179%2C116&amp;ssl=1 179w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=93%2C60&amp;ssl=1 93w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=139%2C90&amp;ssl=1 139w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/CALBIO2012_Program.pdf\">View and Download a PDF of the Entire Program Here<\/a> or <a href=\"https:\/\/keithratner.live\/keithratnerstaging\/calbio-2012-program\/\" rel=\"noopener\" target=\"_blank\">View the Full Layout Here<\/a><\/p>\n<h4>California Biomedical Industry Report<\/h4>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"7941\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/portfolio\/california-biomedical-industry-2013-report-trifold-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?fit=1818%2C792&amp;ssl=1\" data-orig-size=\"1818,792\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"California Biomedical Industry Report\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?fit=1024%2C446&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=1818%2C792&#038;ssl=1\" alt=\"California Biomedical Industry Report\" width=\"1818\" height=\"792\" class=\"alignnone size-full wp-image-7941\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?w=1818&amp;ssl=1 1818w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=300%2C131&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=1024%2C446&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=768%2C335&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=1536%2C669&amp;ssl=1 1536w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=600%2C261&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=228%2C99&amp;ssl=1 228w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=138%2C60&amp;ssl=1 138w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=207%2C90&amp;ssl=1 207w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/CHI-2013-Trifold-FINAL.pdf\">California Biomedical Industry Report<\/a> or <a href=\"https:\/\/keithratner.live\/keithratnerstaging\/california-biomedical-industry-report\/\" rel=\"noopener\" target=\"_blank\">View the Full Layout Here<\/a><\/p>\n<h4>BayBio Whitepaper Report Design<\/h4>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"7872\" data-permalink=\"https:\/\/keithratner.live\/keithratnerstaging\/baybio-whitepaper-report-design\/baybio-white-paper-report-2013-original-layout-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?fit=1224%2C792&amp;ssl=1\" data-orig-size=\"1224,792\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"baybio-white-paper-report-2013-original layout-01\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?fit=1024%2C663&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=1224%2C792&#038;ssl=1\" alt=\"BayBio Whitepaper Report\" width=\"1224\" height=\"792\" class=\"alignnone size-full wp-image-7872\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?w=1224&amp;ssl=1 1224w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=1024%2C663&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=768%2C497&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=600%2C388&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=179%2C116&amp;ssl=1 179w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=93%2C60&amp;ssl=1 93w, https:\/\/i0.wp.com\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=139%2C90&amp;ssl=1 139w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/keithratnerstaging\/wp-content\/uploads\/sites\/26\/2019\/09\/baybio-white-paper-report-2013.pdf\">View and Download a PDF of the Entire Report Here<\/a> or <a href=\"https:\/\/keithratner.live\/keithratnerstaging\/baybio-whitepaper-report-design\/\" rel=\"noopener\" target=\"_blank\">View the Full Layout Here<\/a><\/p>\n<h4>Supplemental Background<\/h4>\n<p><a href=\"http:\/\/behance.net\/keithratner\" target=\"_blank\" rel=\"noopener noreferrer\">Visit my Behance profile<\/a> for a sampling of visual and user interface design work over the years.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Welcome to my UX and UI Portfolio Print Collateral Samples InDesign, Photoshop, Illustrator, Acrobat CALBIO2012 Program Sample Annual Report Sample White Paper Report View some of my motion graphics and Promotional Video. See some of my past work on Behance. Exploit Prediction Scoring System (EPSS) Data Visualizations React, TypeScript, D3, Bootstrap, SCSS React Video Streaming [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"page-templates\/full-width.php","format":"standard","meta":{"inline_featured_image":false,"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"wp_social_preview_title":"","wp_social_preview_description":"","wp_social_preview_image":0,"footnotes":""},"categories":[7,41,47],"tags":[],"class_list":["post-868","post","type-post","status-publish","format-standard","hentry","category-distribution","category-links","category-splashlinks"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paMBsL-e0","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/posts\/868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":62,"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/posts\/868\/revisions"}],"predecessor-version":[{"id":7975,"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/posts\/868\/revisions\/7975"}],"wp:attachment":[{"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/media?parent=868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/categories?post=868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keithratner.live\/keithratnerstaging\/wp-json\/wp\/v2\/tags?post=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}