{"id":135,"date":"2023-03-03T12:05:03","date_gmt":"2023-03-03T12:05:03","guid":{"rendered":"http:\/\/box5723.temp.domains\/~charmdom\/portfolio\/?post_type=project&#038;p=135"},"modified":"2026-01-17T00:57:42","modified_gmt":"2026-01-17T00:57:42","slug":"servicenow","status":"publish","type":"project","link":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/","title":{"rendered":"ServiceNow K19 CreatorCon | Event Web App"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; module_id=&#8221;blog-hero&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px|||&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row module_class=&#8221;image-area serviceNow&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover_enabled=&#8221;on|desktop&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;logo&#8221; module_class=&#8221;content-area&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<img decoding=\"async\" class=\"pulse casestudy-servicenow\" alt=\"logo\" src=\"\/lib\/images\/servicenowLogo.svg\">[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;overview&#8221; module_id=&#8221;post_body&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||6px|||&#8221; hover_enabled=&#8221;0&#8243; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_row admin_label=&#8221;projectinfo-labels&#8221; module_class=&#8221;projectBrief&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;96%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;tabs&#8221; module_class=&#8221;categoryTabs&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||25px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"flex-this topInfo\"><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"catLabel\"><!-- [et_pb_line_break_holder] -->\t\t<span class=\"pCatLabel\">Industry<\/span><span class=\"pCatText\"> Enterprise Software<\/span><!-- [et_pb_line_break_holder] -->\t<\/div>\n<p> <!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"catLabel\"><!-- [et_pb_line_break_holder] -->\t\t<span class=\"pCatLabel\"> Year<\/span> <span class=\"pCatText\"> 2019<\/span><!-- [et_pb_line_break_holder] -->\t<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"catLabel\"><!-- [et_pb_line_break_holder] -->\t\t<span class=\"pCatLabel\">Role<\/span> <span class=\"pCatText\"> Sr. Digital Experience Designer<\/span><!-- [et_pb_line_break_holder] -->\t<\/div>\n<p><!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"catLabel\"><!-- [et_pb_line_break_holder] -->\t\t<span class=\"pCatLabel\"> Focus<\/span> <span class=\"pCatText\">UI Design, Visual Systems, Brand Experience<\/span><!-- [et_pb_line_break_holder] -->\t<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;title-area&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||16px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<hr>\n<p><!-- [et_pb_line_break_holder] -->\t    <\/p>\n<h1>Event Gamification for a Developer Conference<!-- [et_pb_line_break_holder] --><\/h1>\n<p><!-- [et_pb_line_break_holder] -->\t    <span class=\"subtext\"> Designing a web-based competition experience for CreatorCon at ServiceNow Knowledge <\/span><!-- [et_pb_line_break_holder] -->\t    <\/p>\n<hr>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;description&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<pee>CreatorCon is ServiceNow\u2019s developer-focused experience within its flagship Knowledge conference, bringing hands-on learning and live competition to a highly technical audience.<!-- [et_pb_line_break_holder] --><\/pee><pee>I designed the high-fidelity UI and visual system for the BrewOps competition, shaping a game-inspired experience that scaled across a live event environment.<\/pee>[\/et_pb_code][et_pb_code admin_label=&#8221;css&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-43px|||||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.catLabel {<!-- [et_pb_line_break_holder] -->    padding: 5px 10px 3px;<!-- [et_pb_line_break_holder] -->    margin-right: 1%;<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->  font-family:'Bebas Neue',sans-serif;<!-- [et_pb_line_break_holder] -->  color:#000;<!-- [et_pb_line_break_holder] -->    background: #cda748;<!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->span.pCatLabel:after {<!-- [et_pb_line_break_holder] -->    content: ' \u2192';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.projectBrief hr {<!-- [et_pb_line_break_holder] -->    border-top: 5px solid rgba(0,0,0,1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.projectBrief h1 {<!-- [et_pb_line_break_holder] -->    font-size: 62px;<!-- [et_pb_line_break_holder] -->    line-height: 62px;<!-- [et_pb_line_break_holder] -->    margin: 10px 0px 0px;<!-- [et_pb_line_break_holder] -->    letter-spacing: .5px;<!-- [et_pb_line_break_holder] -->  \tfont-family:'Bebas Neue',sans-serif;<!-- [et_pb_line_break_holder] -->  padding-bottom:0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .subtext {<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    color: #cda748;<!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->    line-height: 24px;<!-- [et_pb_line_break_holder] -->    font-family:'Bebas Neue',sans-serif;<!-- [et_pb_line_break_holder] -->    padding-bottom:0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.projectBrief p {<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    margin: 0px;<!-- [et_pb_line_break_holder] -->    line-height: 38px;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    padding-bottom: 15px;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;phase-1&#8243; module_class=&#8221;problemSection&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;12px|||||&#8221; border_width_top=&#8221;25px&#8221; border_color_top=&#8221;#000000&#8243; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;95%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;|35px|0px|35px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; custom_padding_phone=&#8221;8px|35px|0px|35px|false|false&#8221; custom_padding_tablet=&#8221;|35px|0px|35px|false|false&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;phase-title&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4 class=\"title\">Discovery + Research<\/h4>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;95%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px|32px|32px|32px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; custom_margin=&#8221;||0px||false|false&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;phase-title&#8221; module_id=&#8221;table-bullets&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;.darkMode, .darkMode p, .darkMode ul {||  color:#fff!important;||}||||.list_p {||margin-left:48px;||  font-size:1.25rem!important;||  line-height:140%!important;||  font-style:italic;||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; background_color=&#8221;#000000&#8243; module_class=&#8221;darkMode&#8221;]<\/p>\n<div class=\"flex-this\"><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"bulletCol\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"bulletCaption\"><!-- [et_pb_line_break_holder] -->  <span class=\"textTag\"> Experience Goals<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<ul class=\"bodyList\"><!-- [et_pb_line_break_holder] -->   <\/p>\n<li><!-- [et_pb_line_break_holder] -->Create a game-like competition experience that actively engages developer teams while remaining entertaining for live event audiences.<\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><!-- [et_pb_line_break_holder] -->Balance high-energy, playful interaction with clarity and usability under time pressure.<\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li>Design an experience that feels distinctly non-corporate, while still aligning with ServiceNow\u2019s brand system and standards.<\/li>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<li>Support a competitive yet collaborative atmosphere that reinforces CreatorCon\u2019s community-driven spirit.<\/li>\n<p><!-- [et_pb_line_break_holder] --><\/ul>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"bulletCaption\"><!-- [et_pb_line_break_holder] --> <span class=\"textTag\">Product &#038; Interaction Requirements<\/span> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<ul class=\"bodyList\">\n<li>Team structure designed for two developers and one builder, reflected throughout the UI.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    \t\t\t\t        <\/p>\n<li>A locked task progression model, requiring teams to complete challenges sequentially.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    \t\t\t\t        <\/p>\n<li>Real-time status updates to communicate competition progress across both team-facing and audience-facing views.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    \t\t\t\t        <\/p>\n<li>Clear access for participants to view tasks, instructions, and progress at any point.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    \t\t\t\t        <\/p>\n<li>A dynamic leaderboard system showcasing team performance and momentum.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    \t\t\t\t        <\/p>\n<li>Clear post-registration guidance to help teams orient themselves within the event and next steps.<\/li>\n<p><!-- [et_pb_line_break_holder] --><\/ul>\n<p> <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/div>\n<p> <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"bulletCol\"><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"bulletCaption\"><!-- [et_pb_line_break_holder] --> <span class=\"textTag\">Brand &#038; Experience Attributes <\/span><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      <pee class=\"list_p\"><!-- [et_pb_line_break_holder] -->        These attributes guided visual decisions, motion, hierarchy, and interaction patterns throughout the design.<!-- [et_pb_line_break_holder] -->  <\/pee><!-- [et_pb_line_break_holder] --><\/p>\n<ul class=\"bodyList\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<li>Fun &#8211; Approachable, playful, and rewarding to use<\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li>Innovative &#8211; Reflective of modern developer culture and tools<\/li>\n<li>Educational &#8211; Reinforcing learning through hands-on challenges<\/li>\n<p> <!-- [et_pb_line_break_holder] -->            <\/p>\n<li>Energetic &#8211; Visually active without feeling chaotic<\/li>\n<li>Intentional &#8211; Designed with purpose, not novelty<\/li>\n<p> <!-- [et_pb_line_break_holder] -->            <\/p>\n<li>Engaging &#8211; Encouraging participation from both teams and spectators<\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li>Connected &#8211; Bridging team activity, audience visibility, and event flow<\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li>Progressive &#8211; Forward-looking and aligned with ServiceNow\u2019s vision<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/ul>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  [\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f4f4f4&#8243; width=&#8221;95%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;|35px|0px|35px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;phase-title&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h4 class=\"title\">Experience Strategy<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!-- [et_pb_line_break_holder] --><pee>The experience strategy was shaped around live, high-pressure event use\u2014balancing the needs of active participants and surrounding audiences. By defining core journeys and audience roles, the experience stayed intuitive in the moment, scaled cleanly across screens, and remained cohesive throughout the event.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;journey maps and use cases&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<!--begin tab block--><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] --> Experience Journeys<!-- [et_pb_line_break_holder] -->  <\/h4>\n<\/div>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; background_color=&#8221;#FFFFFF&#8221;]<!-- [et_pb_line_break_holder] --><pee>Journey mapping clarified key moments across participation and observation in a live event setting.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;journey maps and use cases&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||16px||false|false&#8221; hover_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; global_colors_info=&#8221;{}&#8221; background_color=&#8221;#FFFFFF&#8221; sticky_enabled=&#8221;0&#8243;]<!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" src=\"\/lib\/images\/JourneyMaps.png\">[\/et_pb_code][et_pb_code admin_label=&#8221;journey maps and use cases&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;32px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->  Primary User types<!-- [et_pb_line_break_holder] -->    <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;journey maps and use cases&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|16px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; global_colors_info=&#8221;{}&#8221; background_color=&#8221;#FFFFFF&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"twocolimg flex-this spc-btw\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" class=\"aMap\" src=\"\/lib\/images\/TrentMatthews.png\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" class=\"aMap\" src=\"\/lib\/images\/JenKirk.png\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||32px||false|false&#8221; custom_padding=&#8221;8px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221; ||.bodyList||{ ||  padding-left: 72px!important; ||  margin-top:8px;||  color:#000;||}|| ||.bodyList li {||  font-family:Oswald;||  font-weight:300;||  font-size:24px;||  line-height:150%;||}&#8221; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; global_colors_info=&#8221;{}&#8221; background_color=&#8221;#FFFFFF&#8221; sticky_enabled=&#8221;0&#8243;]<!-- [et_pb_line_break_holder] --><pee>The experience was designed for both active participants and observing attendees, each with distinct needs.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;journey maps and use cases&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"info2 m-top-40\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h4>Key Interaction Scenarios   <\/h4>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!--end tab block-->[\/et_pb_code][et_pb_code admin_label=&#8221;journey maps and use cases&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;16px||16px||false|false&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;.useCases {||  text-align:left;||}||||.useCases p {||  color:#fff!important;||  font-size:1.25rem!important;||  line-height:130%!important;||  padding:12px!important;||}&#8221; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; global_colors_info=&#8221;{}&#8221; background_color=&#8221;#FFFFFF&#8221; sticky_enabled=&#8221;0&#8243; module_id=&#8221;scenarios&#8221;]<!--begin 4col area--><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"useCases mt-50 flex-this\"><!-- [et_pb_line_break_holder] -->\t\t\t    <!-- [et_pb_line_break_holder] -->                <!--BEGIN USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <\/p>\n<div class=\"col\"><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label1\">Use Case 1:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Completing Competition Tasks<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label2\">Actor:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Developer Team Member<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label3\">User Flow:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Registers, logs in at an assigned table, completes a profile, and progresses through tasks once the competition begins.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label4\">Device:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>13\u201d Macbook Pro Laptop<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t    <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t    <!--END USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <!-- [et_pb_line_break_holder] -->\t\t\t    <!--BEGIN USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <\/p>\n<div class=\"col\"><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label1\">Use Case 2:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Monitoring Team Momentum<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label2\">Actor:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Developer Team Member<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label3\">User Flow:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Switches from the task view to a team overview to check overall progress and see teammate activity in real time.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label4\">Device:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>13\u201d Macbook Pro Laptop<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t    <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t    <!--END USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <!-- [et_pb_line_break_holder] -->\t\t\t    <!--BEGIN USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <\/p>\n<div class=\"col\"><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label1\">Use Case 3:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Viewing Live Competition Progress<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label2\">Actor:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Event Attendee<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label3\">User Flow:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Follows live standings and team activity on large-format displays without interrupting active participants.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label4\">Device:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Mounted Large format display screens<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t    <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t    <!--END USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <!-- [et_pb_line_break_holder] -->\t\t\t    <!--BEGIN USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <\/p>\n<div class=\"col\"><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label1\">Use Case 4:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Exploring Project Details<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label2\">Actor:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Event Attendee<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label3\">User Flow:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Reviews project details on standing displays to learn more about the work teams are producing during the competition.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <\/p>\n<h5 class=\"label4\">Device:<\/h5>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Standing large format display screens<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t    <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t    <!--END USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <!-- [et_pb_line_break_holder] -->\t\t\t<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!--end 4col area--><!-- [et_pb_line_break_holder] -->    [\/et_pb_code][et_pb_code admin_label=&#8221;css&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;25px|||||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.problemSection {<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.problemSection h4.title {<!-- [et_pb_line_break_holder] -->    font-size: 52px;<!-- [et_pb_line_break_holder] -->    color: #cda748;<!-- [et_pb_line_break_holder] -->    border-bottom: 3px solid #000;<!-- [et_pb_line_break_holder] -->    padding:15px 0px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 35px;<!-- [et_pb_line_break_holder] -->    line-height: 30px;<!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->  font-family:'Bebas Neue', sans serif;<!-- [et_pb_line_break_holder] -->  margin-bottom:20px<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.problemSection p {<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    line-height: 42px;<!-- [et_pb_line_break_holder] -->    letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    color: #666;<!-- [et_pb_line_break_holder] -->    padding: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.problemSection p:not(.has-background):last-of-type {<!-- [et_pb_line_break_holder] -->    padding-bottom: 20px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  p.problemStatement {<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.info2 {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.info2 h4, .info3 h4 {<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    margin: 0px 0px 0px 15px;<!-- [et_pb_line_break_holder] -->    \/* text-decoration: underline; *\/<!-- [et_pb_line_break_holder] -->    font-size: 22px;<!-- [et_pb_line_break_holder] -->    \/* border: 2px solid #ff00a9; *\/<!-- [et_pb_line_break_holder] -->    padding: 10px 10px 5px 10px;<!-- [et_pb_line_break_holder] -->    width: fit-content;<!-- [et_pb_line_break_holder] -->    background: #ff00a9;<!-- [et_pb_line_break_holder] -->    border-bottom: 5px solid #cda748;<!-- [et_pb_line_break_holder] -->    outline: 3px solid#000;<!-- [et_pb_line_break_holder] -->    letter-spacing: 1.5px;<!-- [et_pb_line_break_holder] -->  font-family:'bebas neue';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .imgborder {<!-- [et_pb_line_break_holder] -->    border: 3px solid #000;<!-- [et_pb_line_break_holder] -->    padding:30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.problemStatement {<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.uGoals.extraCol {<!-- [et_pb_line_break_holder] -->    width: 32%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.threecolbrk .uGoals {<!-- [et_pb_line_break_holder] -->    width: 40%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.threecolbrk .bGoals {<!-- [et_pb_line_break_holder] -->    width: 33%;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .uGoals {<!-- [et_pb_line_break_holder] -->    border-left: 2px solid #fff;<!-- [et_pb_line_break_holder] -->    padding-left: 30px!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  p.captionProjectImg {<!-- [et_pb_line_break_holder] -->    width: 90%;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    font-style: italic;<!-- [et_pb_line_break_holder] -->    padding-top: 15px;<!-- [et_pb_line_break_holder] -->    padding-bottom: 0px!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  pad-t-20 {<!-- [et_pb_line_break_holder] -->    padding-top:20px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --> .useCases {<!-- [et_pb_line_break_holder] -->    width: 95%;<!-- [et_pb_line_break_holder] -->    margin: 25px auto 50px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .useCases h5 {<!-- [et_pb_line_break_holder] -->    font-size: 21px;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    background: #ff00a9;<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->    border-bottom: 5px solid #cda748;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0px;<!-- [et_pb_line_break_holder] -->    outline: 3px solid #000;<!-- [et_pb_line_break_holder] -->    margin-left: 8px;<!-- [et_pb_line_break_holder] -->    width: fit-content;<!-- [et_pb_line_break_holder] -->    font-family:'Bebas Neue';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .useCases .col {<!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding: 0px 15px;<!-- [et_pb_line_break_holder] -->    margin-right: 10px;<!-- [et_pb_line_break_holder] -->    border-left: 5px solid #000;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.useCases p {<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    letter-spacing: 0.75px;<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->    padding: 10px 15px 15px 15px;<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    line-height: 30px;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->  margin-bottom:1rem;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f4f4f4&#8243; width=&#8221;95%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px|35px|0px|35px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_bottom=&#8221;RGBA(255,255,255,0)&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; custom_margin=&#8221;0px||0px||false|false&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;wireframes&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; custom_padding=&#8221;||0px||false|false&#8221;]<!-- [et_pb_line_break_holder] --><!--begin tab block--><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->  Early Structure &#038; Ideation<!-- [et_pb_line_break_holder] -->    <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!--end tab block-->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; background_color=&#8221;#FFFFFF&#8221;]<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><pee>Early interaction structure and annotated flows from the Interaction Designer set the foundation for layout decisions. I used rapid sketching to explore hierarchy and composition before moving the work into high-fidelity UI.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;wireframes&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||32px||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; text_orientation=&#8221;center&#8221; custom_padding=&#8221;24px|32px|24px|32px|false|false&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; background_color=&#8221;#FFFFFF&#8221;]<img decoding=\"async\" src=\"\/lib\/images\/sketch-wireframes-cc.jpg\">[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;95%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;|35px|0px|35px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;phase-title&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h4 class=\"title\">Design System &#038; Deliverables<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!-- [et_pb_line_break_holder] --><pee>I designed the high-fidelity UI and visual system, applying game-inspired layout patterns to create a clear, cohesive experience for a live competition.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"info2 m-top-40\"> <!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->Style guide  <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]<!-- [et_pb_line_break_holder] --><pee>A lightweight style guide established core visual patterns and components, ensuring consistency across the application and event displays.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||32px||false|false&#8221; custom_padding=&#8221;0px|0px|24px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]      <img decoding=\"async\" class=\"fwImage\" src=\"\/lib\/images\/styleguide.png\"><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"info2 m-top-40\"> <!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->    Login, Registration, Profile page<!-- [et_pb_line_break_holder] -->  <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]<!-- [et_pb_line_break_holder] --><pee>A single entry flow supported both login and registration, quickly preparing participants to join their teams and move into active tasks once the competition began.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||32px||false|false&#8221; custom_padding=&#8221;0px|0px|24px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]<!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"\/lib\/images\/sn-screens-1.png\">[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"info2 m-top-40\"> <!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->    Position Task Board Screens<!-- [et_pb_line_break_holder] -->  <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|24px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]<!-- [et_pb_line_break_holder] --><pee>Game-inspired task boards visualized active challenges and team roles in a familiar, high-energy format\u2014making progress and responsibility clear at a glance.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|24px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; text_orientation=&#8221;center&#8221;]<img decoding=\"async\" src=\"\/lib\/images\/sn-screens-22.png\">[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"info2 m-top-40\"> <!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->Leaderboard  <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]<!-- [et_pb_line_break_holder] --><pee>The leaderboard surfaced live competition status using time and point-based progression, designed for quick comprehension on large-format displays so spectators could easily follow each heat.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|24px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; text_orientation=&#8221;center&#8221;] <img decoding=\"async\" src=\"\/lib\/images\/leaderboardscreens.png\">[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"info2 m-top-40\"> <!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->Masterboard  <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]<!-- [et_pb_line_break_holder] --><pee>The masterboard highlighted top-performing teams across completed heats, rotating results over time to reflect progress throughout the multi-day event.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|24px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; text_orientation=&#8221;center&#8221;]<img decoding=\"async\" src=\"\/lib\/images\/masterboard.png\"><!-- [et_pb_line_break_holder] -->   [\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"info2 m-top-40\"> <!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->   Presentation Display\/signage<!-- [et_pb_line_break_holder] -->  <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|0px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221;]<!-- [et_pb_line_break_holder] --><pee>Supporting displays extended the experience to attendees, providing context around the projects and behind-the-scenes work without disrupting active teams.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||32px||false|false&#8221; custom_padding=&#8221;0px|0px|24px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; text_orientation=&#8221;center&#8221;]<img decoding=\"async\" src=\"\/lib\/images\/preso-sig-1.gif\">[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f4f4f4&#8243; width=&#8221;95%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;|35px|15px|35px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;phase-title&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h4 class=\"title\">Impact<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; locked=&#8221;off&#8221;]<!-- [et_pb_line_break_holder] --><pee>The BrewOps application was launched and used throughout ServiceNow Knowledge 2019, supporting live competition across multiple days and event surfaces. The experience successfully balanced real-time participation for developer teams with clear, engaging visibility for attendees.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; locked=&#8221;off&#8221;]<\/p>\n<div class=\"info2 m-top-40\"> <!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->Product in Action  <\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; module_class=&#8221;bodyCopy tabCaption&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;24px|24px|16px|24px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_top=&#8221;4px&#8221; border_width_right=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; locked=&#8221;off&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; custom_padding_phone=&#8221;16px|16px|16px|16px|false|false&#8221; custom_padding_tablet=&#8221;24px|24px|16px|24px|false|false&#8221;] <pee class=\"captionProjectImg\">[The following event photos were found through ServiceNow&#8217;s website and public social media posts from attendees. They do not belong to me. All rights belong to their rightful owners.]<!-- [et_pb_line_break_holder] -->  <\/pee>[\/et_pb_code][et_pb_code admin_label=&#8221;corporate gifting&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||32px||false|false&#8221; custom_padding=&#8221;0px|72px|24px|72px|false|false&#8221; hover_enabled=&#8221;0&#8243; border_color_top=&#8221;#000000&#8243; border_color_right=&#8221;#000000&#8243; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; border_width_right=&#8221;4px&#8221; border_width_bottom=&#8221;4px&#8221; border_width_left=&#8221;4px&#8221; text_orientation=&#8221;center&#8221; locked=&#8221;off&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; custom_padding_phone=&#8221;0px|24px|24px|24px|false|false&#8221; custom_padding_tablet=&#8221;0px|72px|24px|72px|false|false&#8221;]<!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"\/lib\/images\/servicenow-brewops.jpg\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"\/lib\/images\/creatorcon-1.jpg<!-- [et_pb_line_break_holder] -->&#8220;><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"\/lib\/images\/creatorcon-2.jpeg<!-- [et_pb_line_break_holder] -->&#8220;>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[The following event photos were found through ServiceNow&#8217;s website and public social media posts from attendees. They do not belong to me. All rights belong to their rightful owners.]<\/p>\n","protected":false},"author":1,"featured_media":1822,"comment_status":"open","ping_status":"closed","template":"","meta":{"nf_dc_page":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"project_category":[11,14,6,8,12,4],"project_tag":[],"class_list":["post-135","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-brand","project_category-digital-design","project_category-user-experience","project_category-product-design","project_category-user-interface","project_category-visual-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ServiceNow K19 CreatorCon | Event Web App - Charm Domacena - Product &amp; Visual Designer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ServiceNow K19 CreatorCon | Event Web App - Charm Domacena - Product &amp; Visual Designer\" \/>\n<meta property=\"og:description\" content=\"[The following event photos were found through ServiceNow&#039;s website and public social media posts from attendees. They do not belong to me. All rights belong to their rightful owners.]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/\" \/>\n<meta property=\"og:site_name\" content=\"Charm Domacena - Product &amp; Visual Designer\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-17T00:57:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/service-now-th.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"736\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/\",\"url\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/\",\"name\":\"ServiceNow K19 CreatorCon | Event Web App - Charm Domacena - Product &amp; Visual Designer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/service-now-th.png?fit=1200%2C736&ssl=1\",\"datePublished\":\"2023-03-03T12:05:03+00:00\",\"dateModified\":\"2026-01-17T00:57:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/service-now-th.png?fit=1200%2C736&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/service-now-th.png?fit=1200%2C736&ssl=1\",\"width\":1200,\"height\":736},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/servicenow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"ServiceNow K19 CreatorCon | Event Web App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/#website\",\"url\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/\",\"name\":\"Charm Domacena - Product &amp; Visual Designer\",\"description\":\"Product &amp; Visual Designer based in California\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ServiceNow K19 CreatorCon | Event Web App - Charm Domacena - Product &amp; Visual Designer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/","og_locale":"en_US","og_type":"article","og_title":"ServiceNow K19 CreatorCon | Event Web App - Charm Domacena - Product &amp; Visual Designer","og_description":"[The following event photos were found through ServiceNow's website and public social media posts from attendees. They do not belong to me. All rights belong to their rightful owners.]","og_url":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/","og_site_name":"Charm Domacena - Product &amp; Visual Designer","article_modified_time":"2026-01-17T00:57:42+00:00","og_image":[{"width":1200,"height":736,"url":"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/service-now-th.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/","url":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/","name":"ServiceNow K19 CreatorCon | Event Web App - Charm Domacena - Product &amp; Visual Designer","isPartOf":{"@id":"https:\/\/charmdomacena.com\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/#primaryimage"},"image":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/service-now-th.png?fit=1200%2C736&ssl=1","datePublished":"2023-03-03T12:05:03+00:00","dateModified":"2026-01-17T00:57:42+00:00","breadcrumb":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/#primaryimage","url":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/service-now-th.png?fit=1200%2C736&ssl=1","contentUrl":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/service-now-th.png?fit=1200%2C736&ssl=1","width":1200,"height":736},{"@type":"BreadcrumbList","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/servicenow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/charmdomacena.com\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/charmdomacena.com\/portfolio\/project\/"},{"@type":"ListItem","position":3,"name":"ServiceNow K19 CreatorCon | Event Web App"}]},{"@type":"WebSite","@id":"https:\/\/charmdomacena.com\/portfolio\/#website","url":"https:\/\/charmdomacena.com\/portfolio\/","name":"Charm Domacena - Product &amp; Visual Designer","description":"Product &amp; Visual Designer based in California","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/charmdomacena.com\/portfolio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":20,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project\/135\/revisions"}],"predecessor-version":[{"id":3141,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project\/135\/revisions\/3141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/media\/1822"}],"wp:attachment":[{"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project_category?post=135"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project_tag?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}