{"id":1608,"date":"2002-01-29T20:00:00","date_gmt":"2002-01-29T20:00:00","guid":{"rendered":"https:\/\/lemelwilliams.com\/?p=1608"},"modified":"2022-09-12T21:21:24","modified_gmt":"2022-09-12T21:21:24","slug":"slice-intranet-portal","status":"publish","type":"post","link":"https:\/\/lemelwilliams.com\/?p=1608","title":{"rendered":"SLICE Intranet Portal"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\"><figure style=\"width:60%;height:60%; margin-bottom:2rem;\" class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"444\" src=\"https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/02_adj.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"height:60%;object-fit:contain;\" srcset=\"https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/02_adj.jpg 430w, https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/02_adj-291x300.jpg 291w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n\n\n<p><span class=\"brief-callout\">brief<\/span>  Replace the current intranet&#8217;s portal with one that reflected the operational needs of restaurant managers. <\/p>\n\n\n\n<p>After a long period of discovery and research, a wireframe began to take shape that reflected the very clear needs and desires of stakeholders. From that point, the portal was designed, along with a UI library and templates, using XML and Javascript for data transport and XSLT and CSS for rendering. It allowed us to create a very flexible page that could refresh and render new information without page reloads &#8211; a pressing concern since most external users were still on dialup.<\/p>\n\n\n\n<p>I am especially proud of a few other things here. The floating iPhone-like icons predated the iPhone by a number of years (built entirely with divs!). The key operational indicators  click through to robust data views. The display was built to promote the importance of key indicators, while allowing users to add additional indicators of choice to the front page.<\/p>\n\n\n\n<p>The CSS architecture created a fluid layout that scaled to fit the multitude of screen resolutions targeted.<\/p>\n\n\n\n<p>The portal also served as a system explorer, whereby any restaurant or franchisee viewpoint could be loaded at any time.<\/p>\n\n\n\n<p>Over time, the needs of the company changed, and in 2007 I undertook research on a new design, one which ditched the candy-like artifacts of 2002 in favor of a more context-driven display of actionable items.<\/p>\n\n\n\n<p><span class=\"result-callout\">result<\/span>  This portal design was still in service through 2012, a testimony to its robustness and flexibility. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"982\" src=\"https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/01_adj-1024x982.jpg\" alt=\"\" class=\"wp-image-1667\" srcset=\"https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/01_adj-1024x982.jpg 1024w, https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/01_adj-300x288.jpg 300w, https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/01_adj-768x736.jpg 768w, https:\/\/lemelwilliams.com\/wp-content\/uploads\/2022\/08\/01_adj.jpg 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">HTML, CSS, XML, XSLT, Javascript, ASP<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column site-post-marginalnotes has-global-padding is-layout-constrained wp-block-column-is-layout-constrained\" style=\"flex-basis:20%\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Operational dashboard<\/p>\n","protected":false},"author":1,"featured_media":1668,"comment_status":"closed","ping_status":"open","sticky":false,"template":"wp-custom-template-case-study","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[51],"class_list":["post-1608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work","tag-round-table-pizza"],"_links":{"self":[{"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=\/wp\/v2\/posts\/1608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1608"}],"version-history":[{"count":3,"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=\/wp\/v2\/posts\/1608\/revisions"}],"predecessor-version":[{"id":1671,"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=\/wp\/v2\/posts\/1608\/revisions\/1671"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=\/wp\/v2\/media\/1668"}],"wp:attachment":[{"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lemelwilliams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}