{"id":208,"date":"2017-11-02T13:46:38","date_gmt":"2017-11-02T21:46:38","guid":{"rendered":"https:\/\/jinigo.com\/1\/?p=208"},"modified":"2019-02-11T14:29:07","modified_gmt":"2019-02-11T22:29:07","slug":"overture-product-development","status":"publish","type":"post","link":"https:\/\/jinigo.com\/1\/2017\/11\/overture-product-development\/","title":{"rendered":"Overture | Evolve Media Product Development"},"content":{"rendered":"<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;We created a fully-responsive, cross-device unit that could adapt to be viewed on any number of screen types and sizes.\\n\\nThe unit began auto-initiated and was uniquely situated at the very top of the page and was collapsable to smaller size.\\n\\nThe challenge for this unit was to develop a means of getting creative approvals by clients for a unit that does not have consistent size. What we landed on, using audience metrics from our various publishing platforms, was four total breakpoints upon which the unit was based: Small, Medium, Large, and Largest.\\n\\nUtilizing Photoshop Smart Objects we were able to create units that flowed and adapted between various screen sizes and devices that utilized a minimal number of assets. In some instances we were able to populate all four breakpoints with the exact same assets, minimizing load time and bandwidth consumption for the user.\\n\\nCollaborating with Product Managers, Developers, and Internal Stakeholders, I helped to shape the specs, dimensions, user interface, and user experience for this unit.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9089,&quot;3&quot;:[null,0],&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:11}\">With<strong> Overture<\/strong>, we created a fully-responsive, cross-device unit that could adapt to be viewed on any number of screen types and sizes.<\/span><\/p>\n<p>The unit began auto-initiated and was uniquely situated at the very top of the page and was collapsable to smaller size.<\/p>\n<p>The challenge for this unit was to develop a means of getting creative approvals by clients for a unit that does not have consistent size. What we landed on, using audience metrics from our various publishing platforms, was four total breakpoints upon which the unit was based: Small, Medium, Large, and Largest.<\/p>\n<p>Utilizing Photoshop Smart Objects we were able to create units that flowed and adapted between various screen sizes and devices that utilized a minimal number of assets. In some instances we were able to populate all four breakpoints with the exact same assets, minimizing load time and bandwidth consumption for the user.<\/p>\n<p>Collaborating with <strong>Product Managers, Developers, <\/strong>and<strong> Internal Stakeholders<\/strong>, I helped to shape the specs, dimensions, user interface, and user experience for this unit.<\/p>\n<h1>Desktop<\/h1>\n\n\t\t<div id='gallery-1' class='gallery galleryid-208 gallery-columns-1 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-1-1024x582.jpg\" width=\"768\" height=\"437\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-2.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-2-1024x582.jpg\" width=\"768\" height=\"437\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h1>Mobile<\/h1>\n\n\t\t<div id='gallery-2' class='gallery galleryid-208 gallery-columns-2 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-mobile-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-mobile-1.jpg\" width=\"319\" height=\"664\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-mobile-2.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-mobile-2.jpg\" width=\"319\" height=\"664\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h1>Template<\/h1>\n<p>I devised a PSD template with all the pertinent notes and details so that new designers or third party designers could easily create the unit exactly to spec each time.<\/p>\n\n\t\t<div id='gallery-3' class='gallery galleryid-208 gallery-columns-2 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-template-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-template-1-413x1024.jpg\" width=\"413\" height=\"1024\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-template-2.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/4-2-evolveoverture-template-2-413x1024.jpg\" width=\"413\" height=\"1024\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h1><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Acknowledgements\\nI do not make any ownership claim to the copyrighted works shown on this page.\\nDESIGN \/ DIRECTOR: &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9089,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:11}\">Acknowledgement<\/span><\/h1>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Acknowledgements\\nI do not make any ownership claim to the copyrighted works shown on this page.\\nDESIGN \/ DIRECTOR: &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9089,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:11}\">I do not make any ownership claim to the copyrighted works shown on this page.<\/span><\/p>\n<ul>\n<li><strong>CREATIVE DIRECTOR<\/strong><strong>:\u00a0<\/strong>Jose Inigo<\/li>\n<li><strong>PRODUCT OWNER: <\/strong>David Denton<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>With Overture, we created a fully-responsive, cross-device unit that could adapt to be viewed on any number of screen types and sizes. The unit began auto-initiated and was uniquely situated at the very top of the page and was collapsable to smaller size. The challenge for this unit was to develop a means of getting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1403,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[50,33,27,55,20,18,61,123,34,54,19,133,132,131,26,89,130,41,25,11,24],"class_list":["post-208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-admin-and-product-development","tag-50","tag-art-direct","tag-cr","tag-cross-device","tag-design","tag-desktop","tag-ev","tag-evolve-media","tag-gn","tag-mobile","tag-online","tag-organization","tag-product-development","tag-spec-sheet","tag-static-demo","tag-telecommunications","tag-template","tag-th","tag-ui","tag-us","tag-ux"],"jetpack_featured_media_url":"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2016\/11\/thumb-4-2.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":6,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/208\/revisions"}],"predecessor-version":[{"id":2062,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/208\/revisions\/2062"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/media\/1403"}],"wp:attachment":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/media?parent=208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/categories?post=208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/tags?post=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}