{"id":868,"date":"2019-09-06T22:45:39","date_gmt":"2019-09-06T22:45:39","guid":{"rendered":"https:\/\/keithratner.live\/studio\/?p=868"},"modified":"2023-11-28T22:02:42","modified_gmt":"2023-11-28T22:02:42","slug":"portfolio","status":"publish","type":"post","link":"https:\/\/keithratner.live\/studio\/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\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/CALBIO2012_Program.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">CALBIO2012 Program<\/a><\/li>\n<li><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio_AnnualReport_2010.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Sample Annual Report<\/a><\/li>\n<li><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/motion-graphics-with-react-and-webgl\/\" target=\"_blank\" rel=\"noopener\">View some of my motion graphics<\/a> and <a href=\"https:\/\/keithratner.live\/studio\/promotional-video\/\" target=\"_blank\" rel=\"noopener\">Promotional Video<\/a>.<\/h5>\n<h5><a href=\"https:\/\/www.behance.net\/keithratner\" target=\"_blank\" rel=\"noopener\">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;\" src=\"https:\/\/kratner.github.io\/cve\" width=\"100%\" height=\"600\" frameborder=\"1\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" style=\"border: 0px #ffffff none;\" src=\"https:\/\/kratner.github.io\/rh\" width=\"100%\" height=\"920\" frameborder=\"1\" scrolling=\"no\" allowfullscreen=\"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;\" src=\"https:\/\/kratner.github.io\/vhyveapp\" width=\"100%\" height=\"600\" frameborder=\"1\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/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\/studio\/portfolio\/vhyve-app-iphone6-galaxys5\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/vhyve-app-iphone6-galaxys5.png?fit=300%2C169&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/wp-content\/uploads\/sites\/28\/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><\/p>\n<\/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\/studio\/portfolio\/quaddra_metadata_analytics_dashboard\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_dashboard.png?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=1140%2C588&#038;ssl=1\" alt=\"Metadata Analytics Dashboard UX and UI\" width=\"1140\" height=\"588\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_dashboard.png?w=1373&amp;ssl=1 1373w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=768%2C396&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=1024%2C528&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_dashboard.png?resize=600%2C309&amp;ssl=1 600w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"980\" data-permalink=\"https:\/\/keithratner.live\/studio\/portfolio\/quaddra_metadata_analytics_tag_analysis\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?fit=300%2C158&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=1140%2C600&#038;ssl=1\" alt=\"Metadata Analytics Tag Analysis UI\" width=\"1140\" height=\"600\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?w=1369&amp;ssl=1 1369w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=768%2C404&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=1024%2C539&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/quaddra_metadata_analytics_tag_analysis.png?resize=600%2C316&amp;ssl=1 600w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/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\/studio\/portfolio\/excel_vba_application_ui\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/excel_vba_application_ui.png?fit=300%2C253&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/excel_vba_application_ui.png?resize=1140%2C963&#038;ssl=1\" alt=\"Excel VBA Application UI\" width=\"1140\" height=\"963\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/excel_vba_application_ui.png?w=1197&amp;ssl=1 1197w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/excel_vba_application_ui.png?resize=300%2C253&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/excel_vba_application_ui.png?resize=768%2C649&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/excel_vba_application_ui.png?resize=1024%2C865&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/excel_vba_application_ui.png?resize=600%2C507&amp;ssl=1 600w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/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\/studio\/portfolio\/calbiotechceo2013homepage\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/calbiotechceo2013homepage.png?fit=300%2C209&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/calbiotechceo2013homepage.png?fit=974%2C680&amp;ssl=1\" class=\"alignnone size-full wp-image-2699\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/calbiotechceo2013homepage.png?resize=974%2C680&#038;ssl=1\" alt=\"California Biotech CEO Conference 2013\" width=\"974\" height=\"680\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/calbiotechceo2013homepage.png?w=974&amp;ssl=1 974w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/calbiotechceo2013homepage.png?resize=300%2C209&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/calbiotechceo2013homepage.png?resize=768%2C536&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/biocommunityhomepage\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/biocommunityhomepage.png?fit=300%2C206&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/biocommunityhomepage.png?fit=970%2C665&amp;ssl=1\" class=\"alignnone size-full wp-image-2701\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/biocommunityhomepage.png?resize=970%2C665&#038;ssl=1\" alt=\"Bio-Community.org 2012\" width=\"970\" height=\"665\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/biocommunityhomepage.png?w=970&amp;ssl=1 970w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/biocommunityhomepage.png?resize=300%2C206&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/biocommunityhomepage.png?resize=768%2C527&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/baybio2011homepage\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/baybio2011homepage.png?fit=300%2C277&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/baybio2011homepage.png?fit=968%2C894&amp;ssl=1\" class=\"alignnone size-full wp-image-2680\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/baybio2011homepage.png?resize=968%2C894&#038;ssl=1\" alt=\"BayBio.org 2011\" width=\"968\" height=\"894\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/baybio2011homepage.png?w=968&amp;ssl=1 968w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/baybio2011homepage.png?resize=300%2C277&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/baybio2011homepage.png?resize=768%2C709&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/pantheon-2012-event-page-banner-amgen\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?fit=300%2C88&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?fit=680%2C200&amp;ssl=1\" class=\"alignnone size-full wp-image-2682\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?resize=680%2C200&#038;ssl=1\" alt=\"Pantheon 2012 Banner Ad\" width=\"680\" height=\"200\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-event-page-banner-amgen.png?resize=300%2C88&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/pantheon-2012-home-page-slider\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-home-page-slider.png?fit=300%2C164&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-home-page-slider.png?fit=680%2C372&amp;ssl=1\" class=\"alignnone size-full wp-image-2684\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-home-page-slider.png?resize=680%2C372&#038;ssl=1\" alt=\"Pantheon 2012 Home Page Slider\" width=\"680\" height=\"372\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-home-page-slider.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon-2012-home-page-slider.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/slider-beyond-benefits\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-beyond-benefits.png?fit=300%2C164&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-beyond-benefits.png?fit=680%2C372&amp;ssl=1\" class=\"alignnone size-full wp-image-2686\" style=\"border: 1px solid #000000;\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-beyond-benefits.png?resize=680%2C372&#038;ssl=1\" alt=\"Beyond Benefits Promo Slide\" width=\"680\" height=\"372\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-beyond-benefits.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-beyond-benefits.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/slider-innovation\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-innovation.png?fit=300%2C164&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-innovation.png?fit=680%2C372&amp;ssl=1\" class=\"alignnone size-full wp-image-2688\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-innovation.png?resize=680%2C372&#038;ssl=1\" alt=\"Innovation Promo Slide\" width=\"680\" height=\"372\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-innovation.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-innovation.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/slider-gateway-to-norcal\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-gateway-to-norcal.png?fit=300%2C164&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-gateway-to-norcal.png?fit=680%2C372&amp;ssl=1\" class=\"alignnone size-full wp-image-2692\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-gateway-to-norcal.png?resize=680%2C372&#038;ssl=1\" alt=\"Gateway to Northern California Promo Slide\" width=\"680\" height=\"372\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-gateway-to-norcal.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/slider-gateway-to-norcal.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/pantheon2011banner\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon2011banner.png?fit=200%2C100&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon2011banner.png?fit=200%2C100&amp;ssl=1\" class=\"alignnone size-full wp-image-2694\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/pantheon2011banner.png?resize=200%2C100&#038;ssl=1\" alt=\"Pantheon 2011 Banner\" width=\"200\" height=\"100\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2696\" data-permalink=\"https:\/\/keithratner.live\/studio\/portfolio\/pa10_banner_480x90\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/PA10_Banner_480x90.png?fit=300%2C56&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/PA10_Banner_480x90.png?fit=480%2C90&amp;ssl=1\" class=\"alignnone size-full wp-image-2696\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/PA10_Banner_480x90.png?resize=480%2C90&#038;ssl=1\" alt=\"Pantheon 2010 Banner\" width=\"480\" height=\"90\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/PA10_Banner_480x90.png?w=480&amp;ssl=1 480w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/portfolio\/baybio-annual-report-original-layout-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?fit=300%2C116&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?fit=1024%2C396&amp;ssl=1\" class=\"alignnone size-full wp-image-7746\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=1140%2C441&#038;ssl=1\" alt=\"BayBio Annual Report 2010\" width=\"1140\" height=\"441\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?w=1585&amp;ssl=1 1585w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=300%2C116&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=1024%2C396&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=768%2C297&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=1536%2C594&amp;ssl=1 1536w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=600%2C232&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=228%2C88&amp;ssl=1 228w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=155%2C60&amp;ssl=1 155w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio-Annual-Report-Original-Layout-01.jpg?resize=233%2C90&amp;ssl=1 233w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/BayBio_AnnualReport_2010.pdf\" target=\"_blank\" rel=\"noopener\">View and Download a PDF of the Entire Report Here<\/a> or <a href=\"https:\/\/keithratner.live\/studio\/baybio-2010-annual-report-design\/\" target=\"_blank\" rel=\"noopener\">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\/studio\/calbio-2012-program\/calbio2012-program-original-layout-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?fit=300%2C194&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?fit=1024%2C663&amp;ssl=1\" class=\"alignnone size-full wp-image-7953\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=1140%2C738&#038;ssl=1\" alt=\"CALBIO 2012 Program\" width=\"1140\" height=\"738\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?w=1224&amp;ssl=1 1224w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=1024%2C663&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=768%2C497&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=600%2C388&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=179%2C116&amp;ssl=1 179w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=93%2C60&amp;ssl=1 93w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/CALBIO2012-Program-Original-Layout-01.jpg?resize=139%2C90&amp;ssl=1 139w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/CALBIO2012_Program.pdf\">View and Download a PDF of the Entire Program Here<\/a> or <a href=\"https:\/\/keithratner.live\/studio\/calbio-2012-program\/\" target=\"_blank\" rel=\"noopener\">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\/studio\/portfolio\/california-biomedical-industry-2013-report-trifold-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?fit=300%2C131&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?fit=1024%2C446&amp;ssl=1\" class=\"alignnone size-full wp-image-7941\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=1140%2C497&#038;ssl=1\" alt=\"California Biomedical Industry Report\" width=\"1140\" height=\"497\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?w=1818&amp;ssl=1 1818w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=300%2C131&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=1024%2C446&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=768%2C335&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=1536%2C669&amp;ssl=1 1536w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=600%2C261&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=228%2C99&amp;ssl=1 228w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=138%2C60&amp;ssl=1 138w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/California-Biomedical-Industry-2013-Report-Trifold-01.jpg?resize=207%2C90&amp;ssl=1 207w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/CHI-2013-Trifold-FINAL.pdf\">California Biomedical Industry Report<\/a> or <a href=\"https:\/\/keithratner.live\/studio\/california-biomedical-industry-report\/\" target=\"_blank\" rel=\"noopener\">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\/studio\/baybio-whitepaper-report-design\/baybio-white-paper-report-2013-original-layout-01\/\" data-orig-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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-medium-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?fit=300%2C194&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?fit=1024%2C663&amp;ssl=1\" class=\"alignnone size-full wp-image-7872\" src=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=1140%2C738&#038;ssl=1\" alt=\"BayBio Whitepaper Report\" width=\"1140\" height=\"738\" srcset=\"https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?w=1224&amp;ssl=1 1224w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=1024%2C663&amp;ssl=1 1024w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=768%2C497&amp;ssl=1 768w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=600%2C388&amp;ssl=1 600w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=179%2C116&amp;ssl=1 179w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=93%2C60&amp;ssl=1 93w, https:\/\/i0.wp.com\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2023\/08\/baybio-white-paper-report-2013-original-layout-01.jpg?resize=139%2C90&amp;ssl=1 139w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<p><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/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\/studio\/baybio-whitepaper-report-design\/\" target=\"_blank\" rel=\"noopener\">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<p><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/prints.pdf\" target=\"_blank\" rel=\"noopener\">Digital Prints Collection 1<\/a><\/p>\n<p><a href=\"https:\/\/keithratner.live\/studio\/wp-content\/uploads\/sites\/28\/2019\/09\/prints_02.pdf\" target=\"_blank\" rel=\"noopener\">Digital Prints Collection 2<\/a><\/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 &hellip; <a href=\"https:\/\/keithratner.live\/studio\/portfolio\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Portfolio and Interactive Samples<\/span><\/a><\/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_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"wp_social_preview_title":"","wp_social_preview_description":"","wp_social_preview_image":0,"_jetpack_memberships_contains_paid_content":false,"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\/phbgSF-e0","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/posts\/868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":63,"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/posts\/868\/revisions"}],"predecessor-version":[{"id":8570,"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/posts\/868\/revisions\/8570"}],"wp:attachment":[{"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/media?parent=868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/categories?post=868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keithratner.live\/studio\/wp-json\/wp\/v2\/tags?post=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}