{"id":133,"date":"2023-03-03T11:57:17","date_gmt":"2023-03-03T11:57:17","guid":{"rendered":"http:\/\/box5723.temp.domains\/~charmdom\/portfolio\/?post_type=project&#038;p=133"},"modified":"2023-03-28T06:07:09","modified_gmt":"2023-03-28T06:07:09","slug":"azuqua-okta","status":"publish","type":"project","link":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/","title":{"rendered":"Azuqua\/Okta | Various SaaS Marketing Products"},"content":{"rendered":"\n[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 azuqua&#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 azuqua\" alt=\"logo\" src=\"\/lib\/images\/azuquaLogo.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.19.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||6px|||&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][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.19.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||25px|||&#8221; global_colors_info=&#8221;{}&#8221;]<div class=\"flex-this topInfo\"><!-- [et_pb_line_break_holder] -->\t<div class=\"catLabel\"><!-- [et_pb_line_break_holder] -->\t\t<span class=\"pCatLabel\">Industry<\/span><span class=\"pCatText\"> Software<\/span><!-- [et_pb_line_break_holder] -->\t<\/div> <!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\t<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><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><div class=\"catLabel\"><!-- [et_pb_line_break_holder] -->\t\t<span class=\"pCatLabel\">Role<\/span> <span class=\"pCatText\">Sr. Product Designer \/ Art Director, Marketing &#038; Revenue<\/span><!-- [et_pb_line_break_holder] -->\t<\/div><!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\t<div class=\"catLabel\"><!-- [et_pb_line_break_holder] -->\t\t<span class=\"pCatLabel\"> Services<\/span> <span class=\"pCatText\">Creative Strategy, CX\/UX\/UI, Visual Design, Web Development, Print<\/span><!-- [et_pb_line_break_holder] -->\t<\/div><!-- [et_pb_line_break_holder] --><\/div>[\/et_pb_code][et_pb_code admin_label=&#8221;title-area&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||16px|||&#8221; global_colors_info=&#8221;{}&#8221;]<hr><!-- [et_pb_line_break_holder] -->\t    <h1>Various SaaS marketing Products<\/h1><!-- [et_pb_line_break_holder] -->\t    <span class=\"subtext\"> Designing Digital and print experiences for a Software startup<t\/span><!-- [et_pb_line_break_holder] -->\t    <hr>[\/et_pb_code][et_pb_code admin_label=&#8221;description&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<pee><em>Azuqua is a digital automation platform that helps people connect their SaaS applications and create powerful automations that eliminate manual processes so they can focus on producing their best work.*<\/em>  The company was acquired in March 2019 by Okta.<!-- [et_pb_line_break_holder] --><\/pee><pee><!-- [et_pb_line_break_holder] -->As a lead creative working in Azuqua&#8217;s marketing division, I partnered with business and product teams to define creative direction and brand experiences; as well as, produce and execute design communications for multimedia channels (print, web, environmental, social media, email).<\/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;]<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>[\/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;on&#8221; global_colors_info=&#8221;{}&#8221;][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; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#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;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;]<h4 class=\"title\">Pricing Page Redesign<\/h4>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!-- [et_pb_line_break_holder] --><pee>For this project, I was responsible for overhauling the pricing landing page for Azuqua&#8217;s product, with the aim of enhancing its aesthetic appeal and aligning it better with the company&#8217;s brand image. To achieve this goal, I followed a structured approach that began with gathering data from user research and usability tests conducted on the old page. Based on these insights, I created low-fidelity wireframes and a prototype to refine the user experience, before proceeding to the final UI design. I then conducted additional usability tests on the new design concept before implementing the final page to the marketing website using HTML\/CSS\/JS.<\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><div class=\"info2\"><!-- [et_pb_line_break_holder] --><h4>UX Strategy<\/h4><!-- [et_pb_line_break_holder] -->  <div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><div class=\"problemStatement m-bottom-50\"><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <div class=\"flex-this twocolbrk\"><!-- [et_pb_line_break_holder] -->    <div class=\"bGoals\"><!-- [et_pb_line_break_holder] -->      <span class=\"textTag\">Users<\/span><!-- [et_pb_line_break_holder] -->      <ol><!-- [et_pb_line_break_holder] -->        <li> Potential Customers<\/li><!-- [et_pb_line_break_holder] -->        <li>Sales Team Members<\/li><!-- [et_pb_line_break_holder] -->      <\/ol><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->    <div class=\"uGoals\"><!-- [et_pb_line_break_holder] -->          <span class=\"textTag\">User Experience Goals<\/span><!-- [et_pb_line_break_holder] -->          <div class=\"flex-this spc-btw\"><!-- [et_pb_line_break_holder] -->            <div class=\"user1\">\t\t<!-- [et_pb_line_break_holder] -->              User #1 (Customers)<!-- [et_pb_line_break_holder] -->              <ul><!-- [et_pb_line_break_holder] -->            <li>Easy to learn\/compare plans<\/li><!-- [et_pb_line_break_holder] -->            <li><!-- [et_pb_line_break_holder] -->Efficient Information<\/li><!-- [et_pb_line_break_holder] -->          <\/ul>              <!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->            <div class=\"user2\">\t<!-- [et_pb_line_break_holder] -->              User #2 (Sales Team)<!-- [et_pb_line_break_holder] -->      <ul><!-- [et_pb_line_break_holder] -->            <li>More transparent pricing<\/li><!-- [et_pb_line_break_holder] -->            <li>Improve design to increase conversions<\/li><!-- [et_pb_line_break_holder] -->          <\/ul><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->      <\/div><!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->  <\/div><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/div><!-- [et_pb_line_break_holder] -->    <!--end table--><!-- [et_pb_line_break_holder] -->    <!--begin table--><!-- [et_pb_line_break_holder] -->    <div class=\"problemStatement m-bottom-50\"><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      <pee class=\"problemStatement\"> Defining problems and challenges.<\/pee><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->  <div class=\"flex-this twocolbrk-even m-top-40\"><!-- [et_pb_line_break_holder] -->    <div class=\"bGoals\"><!-- [et_pb_line_break_holder] -->      <span class=\"textTag\"> Customer Point of view<\/span><!-- [et_pb_line_break_holder] -->      <pee>        <!-- [et_pb_line_break_holder] -->\t\t\t\tPotential customers have a difficult time absorbing substantial information presented on the current pricing page, causing users to pass over relevant information.  \t<!-- [et_pb_line_break_holder] -->      <\/pee><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->    <div class=\"uGoals\"><!-- [et_pb_line_break_holder] -->          <span class=\"textTag\">Business Point of view<\/span><!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->      <pee>Sales team members need a more effective pricing page experience that showcases Azuqua&#8217;s service offerings and fees more clearly, helping to streamline communication with potential customers.<!-- [et_pb_line_break_holder] -->      <\/pee><!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->  <\/div> <!-- [et_pb_line_break_holder] -->      <pee class=\"problemStatement\"> \t\t\t\t<em>How might we improve the landing page that it allows potential customers to easily identify information they need and compare service plans pricing? How might we increase opportunities for potential customers to engage with Azuqua sales team members?\t<\/em> \t\t\t          <!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><\/div><!-- [et_pb_line_break_holder] -->    <!--end table--><!-- [et_pb_line_break_holder] -->  <\/div><\/div>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; global_colors_info=&#8221;{}&#8221;]<div class=\"info2 m-top-40\"><!-- [et_pb_line_break_holder] --><h4>Ideation<\/h4><!-- [et_pb_line_break_holder] -->  <div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] -->  Rapid sketching of potential solution that included updated pricing page content.<\/pee><img decoding=\"async\" src=\"\/lib\/images\/pricingpage-sketch.jpg\"<!-- [et_pb_line_break_holder] -->  <\/div><\/div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><div class=\"info2 m-bottom-50 m-top-40\"><!-- [et_pb_line_break_holder] --><h4>Design Execution<\/h4><!-- [et_pb_line_break_holder] -->  <div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><pee class=\"problemStatement\"><!-- [et_pb_line_break_holder] -->\t         Bottom-left image was the previous pricing page; bottom-right image is the mockup of my final solution. <\/pee><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" class=\"m-top-40 m-bottom-50\" src=\"\/lib\/images\/pricingpage-z.png\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <pee class=\"problemStatement\"><!-- [et_pb_line_break_holder] -->      New page design implemented and tested on marketing WordPress staging site before pushing live.<!-- [et_pb_line_break_holder] -->    <\/pee><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <div class=\"centerThis m-top-40\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" class=\"stretch90\" src=\"\/lib\/images\/azuquapricingpage.gif\"><!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->  <\/div><\/div>[\/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;]<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] -->.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] -->span.textTag {<!-- [et_pb_line_break_holder] -->    font-size: 30px;<!-- [et_pb_line_break_holder] -->    font-family: 'Bebas Neue';<!-- [et_pb_line_break_holder] -->    color: #000;<!-- [et_pb_line_break_holder] -->    background: #CDA748;<!-- [et_pb_line_break_holder] -->    padding: 0px 8px 0px 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/style>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;phase-2&#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;on&#8221; global_colors_info=&#8221;{}&#8221;][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; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#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;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;]<h4 class=\"title\">Solution Templates Page Redesign<\/h4>[\/et_pb_code][et_pb_code admin_label=&#8221;flopacks page&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; custom_padding=&#8221;0px|||||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<pee>Partnered with a Senior Product Manager to enhance Azuqua&#8217;s App Connector Library experience by revamping the UX\/UI of FLOPack connector pages. After receiving the initial page concept from the product marketing team and connector use cases from the product development team, I conducted in-depth research on user needs and preferences and analyzed existing data to inform my design decisions. From there, I created several iterations and prototypes based on my findings, refining the design until we had a compelling and effective solution.<\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><div class=\"info2\"><!-- [et_pb_line_break_holder] --><h4>UX Strategy<\/h4><!-- [et_pb_line_break_holder] -->  <div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><div class=\"problemStatement m-bottom-50\"><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <div class=\"flex-this twocolbrk\"><!-- [et_pb_line_break_holder] -->    <div class=\"bGoals\"><!-- [et_pb_line_break_holder] -->      <span class=\"textTag\">Users<\/span><!-- [et_pb_line_break_holder] -->      <ol><!-- [et_pb_line_break_holder] -->        <li> Current App Subscribers<\/li><!-- [et_pb_line_break_holder] -->        <li>Product Development Team<\/li><!-- [et_pb_line_break_holder] -->      <\/ol><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->    <div class=\"uGoals\"><!-- [et_pb_line_break_holder] -->          <span class=\"textTag\">User Experience Goals<\/span><!-- [et_pb_line_break_holder] -->          <div class=\"flex-this spc-btw\"><!-- [et_pb_line_break_holder] -->            <div class=\"user1\">\t\t<!-- [et_pb_line_break_holder] -->              User #1 (App Subscribers)<!-- [et_pb_line_break_holder] -->              <ul><!-- [et_pb_line_break_holder] -->            <li>Learn more and quickly install FLOPack connectors<\/li><!-- [et_pb_line_break_holder] -->          <\/ul>              <!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->            <div class=\"user2\">\t<!-- [et_pb_line_break_holder] -->              User #2 (Sales Team)<!-- [et_pb_line_break_holder] -->      <ul><!-- [et_pb_line_break_holder] -->            <li>Allow customers to easily find and install the FLOPacks they need<\/li><!-- [et_pb_line_break_holder] -->          <\/ul><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->      <\/div><!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->  <\/div><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/div><!-- [et_pb_line_break_holder] -->    <!--end table--><!-- [et_pb_line_break_holder] -->    <!--begin table--><!-- [et_pb_line_break_holder] -->    <div class=\"problemStatement m-bottom-50\"><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      <pee class=\"problemStatement\"> Defining problems and challenges.<\/pee><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->  <div class=\"flex-this twocolbrk-even m-top-40\"><!-- [et_pb_line_break_holder] -->    <div class=\"bGoals\"><!-- [et_pb_line_break_holder] -->      <span class=\"textTag\"> Customer Point of view<\/span><!-- [et_pb_line_break_holder] -->      <pee> Current customers need a simple way to find, learn more and install the FLOPacks they need so they can seamlessly streamline their workflows without contacting support each time.\t\t          <!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t\t\t\t\t\t<!-- [et_pb_line_break_holder] -->      <\/pee><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->    <div class=\"uGoals\"><!-- [et_pb_line_break_holder] -->          <span class=\"textTag\">Business Point of view<\/span><!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->      <pee>Azuqua needs a way to seamlessly provide FLOPack integrations to users without distracting internal team resources away from product innovation.<!-- [et_pb_line_break_holder] -->      <\/pee><!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] -->  <\/div> <!-- [et_pb_line_break_holder] -->      <pee class=\"problemStatement\"> \t\t\t\t<em>How might we improve the FLOPack library experience so current app users can easily discover, identify and install each connector solution they need?\t<\/em> \t\t\t          <!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><\/div><!-- [et_pb_line_break_holder] -->    <!--end table--><!-- [et_pb_line_break_holder] -->    <pee><!-- [et_pb_line_break_holder] -->      Defined use cases to help identify page requirements and end results.<!-- [et_pb_line_break_holder] -->    <\/pee><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <div class=\"useCases mt-50 flex-this\">\t\t\t    <!-- [et_pb_line_break_holder] -->                <!--BEGIN USE CASE--><!-- [et_pb_line_break_holder] -->\t\t\t    <div class=\"col innerTable\"><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label1\">Use Case 1:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Get Jira and zendesk connectors<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label2\">Actor:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>App user<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label3\">Basic Flow:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee> User searches Azuqua&#8217;s App Connector Library to find Jira to zendesk connector. User selects connector option and is directed to its Solution Template page. User learns about functions and use case problems that the FLOPack solves. User decides to install the Solution Template by clicking the call to action. User is redirected to FLOPack installation page. User successfully installs FLOPack. <\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label4\">Requirements:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Redesign content flow and improve page navigation for easier use.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t    <\/div><!-- [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    <div class=\"col innerTable\"><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label1\">Use Case 2:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Integrate more Jira connectors<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label2\">Actor:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>App user<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label3\">User Flow:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>User sees more Solution Template available for Jira. User browses relevant options. User decides to install the Solution Template by clicking the call to action. User is redirected to FLOPack installation page. User successfully installs FLOPack.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t        <h5 class=\"label4\">Requirements:<\/h5><!-- [et_pb_line_break_holder] -->\t\t\t        <pee>Suggest relevant Solution Templates, allowing for quick discovery, browsing and installation of additional FLOPacks.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t    <\/div><!-- [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><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->  <\/div><\/div>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; global_colors_info=&#8221;{}&#8221;]<div class=\"info2 m-bottom-50 m-top-40\"><!-- [et_pb_line_break_holder] --><h4>Design Execution<\/h4><!-- [et_pb_line_break_holder] -->  <div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><pee class=\"problemStatement\"><!-- [et_pb_line_break_holder] -->\t         Bottom-left image was the previous page iteration; bottom-right image is the mockup of my final page template solution. Layout was slightly simplified and redesigned so that content is easier to scan\/absorb. New carousel feature integrated with improved UI flow. <!-- [et_pb_line_break_holder] --> <\/pee><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" class=\"m-top-40 m-bottom-50\" src=\"\/lib\/images\/solutiontemplates-a@1x.png\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <pee class=\"problemStatement\"><!-- [et_pb_line_break_holder] -->      Based on insight from research and usability tests, I implemented a new UX\/UI concept as a high-fidelity prototype on the website&#8217;s staging environment using HTML\/CSS\/JS on WordPress platform, including actual to-be-posted content that I received from the product marketing team. An improved internal CMS workflow was also presented, allowing new developed Solution Templates to be easily added to the connector library by any website admin. The new solutions were reviewed and tested by SMEs and stakeholders using the prototype to evaluate the full experience. I reiterated the design based on feedback. After final approval, I proceeded to migrate code and content to the production server and launched the new site feature. Next steps were to work with copywriters in refining\/condensing copy so that column heights remain consistent.<!-- [et_pb_line_break_holder] -->        \t\t            <\/pee><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->  <\/div><\/div>[\/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;]<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] -->.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] -->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] -->span.textTag {<!-- [et_pb_line_break_holder] -->    font-size: 30px;<!-- [et_pb_line_break_holder] -->    font-family: 'Bebas Neue';<!-- [et_pb_line_break_holder] -->    color: #000;<!-- [et_pb_line_break_holder] -->    background: #CDA748;<!-- [et_pb_line_break_holder] -->    padding: 0px 8px 0px 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.minus-15-t {<!-- [et_pb_line_break_holder] -->    margin-top: -15px;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  a.cta-text-p {<!-- [et_pb_line_break_holder] -->    color: #cda748;<!-- [et_pb_line_break_holder] -->    text-decoration: underline;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.projVidBlack {<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    padding: 20px 20px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  p.scenarioText {<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding-bottom: 0px!important;<!-- [et_pb_line_break_holder] -->padding-top:20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .leftDesc {<!-- [et_pb_line_break_holder] -->    width: 35%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .darkBGtxt {<!-- [et_pb_line_break_holder] -->    color:#fff!important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --> .bGoals, .uGoals {<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    line-height: 43px;<!-- [et_pb_line_break_holder] -->    letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    padding: 0px 15px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .bGoals ul, .uGoals ul {<!-- [et_pb_line_break_holder] -->    line-height: 43px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->ol.scenarioList {<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    line-height: 32px;<!-- [et_pb_line_break_holder] -->    margin-top: 15px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  p.captionProjectImg.spacedown-30 {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --> .captionGold {<!-- [et_pb_line_break_holder] -->    background: #CDA748;<!-- [et_pb_line_break_holder] -->    margin-top: 40px;<!-- [et_pb_line_break_holder] -->    color: #000!important;<!-- [et_pb_line_break_holder] -->    padding: 20px!important;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .connectBlockVids.flex-this {<!-- [et_pb_line_break_holder] -->    border-top: 5px solid #666;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .sm-title {<!-- [et_pb_line_break_holder] -->    \/* padding-top: 40px; *\/<!-- [et_pb_line_break_holder] -->    line-height: 70px;<!-- [et_pb_line_break_holder] -->    border-bottom: 1px solid #fff;<!-- [et_pb_line_break_holder] -->    border-right: 1px solid #fff;<!-- [et_pb_line_break_holder] -->    padding-right: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .useCases {<!-- [et_pb_line_break_holder] -->    width: 93%;<!-- [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 .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 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] -->  .innerTable p {<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    font-size: 21px;<!-- [et_pb_line_break_holder] -->    letter-spacing: 0.75px;<!-- [et_pb_line_break_holder] -->    text-align: left;<!-- [et_pb_line_break_holder] -->    line-height: 35px;<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    border: 3px solid #000;<!-- [et_pb_line_break_holder] -->    padding: 15px 20px!important;<!-- [et_pb_line_break_holder] -->    margin-top: -2px;<!-- [et_pb_line_break_holder] -->    color: #fff!important;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    margin-bottom:20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .col.innerTable:last-child {<!-- [et_pb_line_break_holder] -->    width: 45%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.col.innerTable:first-child {<!-- [et_pb_line_break_holder] -->    width: 55%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/style><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;phase-3&#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;on&#8221; global_colors_info=&#8221;{}&#8221;][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; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#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;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;]<h4 class=\"title\">Event Marketing<\/h4>[\/et_pb_code][et_pb_code admin_label=&#8221;design language&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;]<pee><!-- [et_pb_line_break_holder] -->  Working closely with event producers and third-party vendors, I created marketing assets for event promotion, large-format environments, print and digital marketing space \u2013 from design concepts to final production art.<!-- [et_pb_line_break_holder] --><\/pee><div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <h4>Adobe summit conference<\/h4><!-- [et_pb_line_break_holder] -->        <div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->          <pee>Designed trade event booths, digital marketing, social media and direct mail invitations.<!-- [et_pb_line_break_holder] -->          <\/pee><!-- [et_pb_line_break_holder] --> <div class=\"centerThis\"><!-- [et_pb_line_break_holder] -->   <img decoding=\"async\" class=\"aMap\" src=\"\/lib\/images\/AdobeSummitBooth.jpg<!-- [et_pb_line_break_holder] -->&#8220;><!-- [et_pb_line_break_holder] -->   <img decoding=\"async\" class=\"m-top-40\" src=\"\/lib\/images\/adobesummit-digital.png\"><!-- [et_pb_line_break_holder] -->          <\/div><!-- [et_pb_line_break_holder] -->  <\/div><!-- [et_pb_line_break_holder] --><\/div>[\/et_pb_code][et_pb_code admin_label=&#8221;comps&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; custom_padding=&#8221;13px|||||&#8221; global_colors_info=&#8221;{}&#8221;]<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <h4>SAP Ariba Conference<\/h4> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->  <pee>Designed event booth and digital banner ads used throughout venue.<!-- [et_pb_line_break_holder] -->  <\/pee><!-- [et_pb_line_break_holder] --><img decoding=\"async\" src=\"\/lib\/images\/SAPAribaBooth.jpg\"><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" src=\"\/lib\/images\/sapariba-ads.jpg\"><!-- [et_pb_line_break_holder] -->\u00a0\u00a0<\/div><!-- [et_pb_line_break_holder] --> <\/div>\u00a0<!-- [et_pb_line_break_holder] --> \u00a0<!-- [et_pb_line_break_holder] -->\u00a0[\/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;]<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] -->.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] -->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] -->span.textTag {<!-- [et_pb_line_break_holder] -->    font-size: 30px;<!-- [et_pb_line_break_holder] -->    font-family: 'Bebas Neue';<!-- [et_pb_line_break_holder] -->    color: #000;<!-- [et_pb_line_break_holder] -->    background: #CDA748;<!-- [et_pb_line_break_holder] -->    padding: 0px 8px 0px 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.minus-15-t {<!-- [et_pb_line_break_holder] -->    margin-top: -15px;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  a.cta-text-p {<!-- [et_pb_line_break_holder] -->    color: #cda748;<!-- [et_pb_line_break_holder] -->    text-decoration: underline;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.projVidBlack {<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    padding: 20px 20px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  p.scenarioText {<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding-bottom: 0px!important;<!-- [et_pb_line_break_holder] -->padding-top:20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .leftDesc {<!-- [et_pb_line_break_holder] -->    width: 35%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .darkBGtxt {<!-- [et_pb_line_break_holder] -->    color:#fff!important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --> .bGoals, .uGoals {<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    line-height: 43px;<!-- [et_pb_line_break_holder] -->    letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    padding: 0px 15px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .bGoals ul, .uGoals ul {<!-- [et_pb_line_break_holder] -->    line-height: 43px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->ol.scenarioList {<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    font-family: 'Oswald';<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    line-height: 32px;<!-- [et_pb_line_break_holder] -->    margin-top: 15px;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  p.captionProjectImg.spacedown-30 {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --> .captionGold {<!-- [et_pb_line_break_holder] -->    background: #CDA748;<!-- [et_pb_line_break_holder] -->    margin-top: 40px;<!-- [et_pb_line_break_holder] -->    color: #000!important;<!-- [et_pb_line_break_holder] -->    padding: 20px!important;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .connectBlockVids.flex-this {<!-- [et_pb_line_break_holder] -->    border-top: 5px solid #666;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .sm-title {<!-- [et_pb_line_break_holder] -->    \/* padding-top: 40px; *\/<!-- [et_pb_line_break_holder] -->    line-height: 70px;<!-- [et_pb_line_break_holder] -->    border-bottom: 1px solid #fff;<!-- [et_pb_line_break_holder] -->    border-right: 1px solid #fff;<!-- [et_pb_line_break_holder] -->    padding-right: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/style><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;phase-4&#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.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; border_color_bottom=&#8221;#bfbfbf&#8221; collapsed=&#8221;off&#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;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;]<h4 class=\"title\">Various Sales and Marketing Materials<\/h4>[\/et_pb_code][et_pb_code admin_label=&#8221;design language&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;]<pee>Supported sales and marketing efforts by working with various teams to produce white papers, decks, landing pages, email newsletters and social media marketing assets. <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><img decoding=\"async\" src=\"\/lib\/images\/marketinassets.png\" class=\"imgborder m-bottom-50\"><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Ideation Rapid sketching of potential solution that included updated pricing page content. Bottom-left image was the previous pricing page; bottom-right image is the mockup of my final solution. New page design implemented and tested on marketing Wordpress staging site before pushing live.<\/p>\n","protected":false},"author":1,"featured_media":1820,"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":[14,6,10,13,8,12,4],"project_tag":[],"class_list":["post-133","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-digital-design","project_category-user-experience","project_category-marketing","project_category-print-design","project_category-product-design","project_category-user-interface","project_category-visual-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Azuqua\/Okta | Various SaaS Marketing Products - 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\/azuqua-okta\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Azuqua\/Okta | Various SaaS Marketing Products - Charm Domacena - Product &amp; Visual Designer\" \/>\n<meta property=\"og:description\" content=\"Ideation Rapid sketching of potential solution that included updated pricing page content. Bottom-left image was the previous pricing page; bottom-right image is the mockup of my final solution. New page design implemented and tested on marketing Wordpress staging site before pushing live.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/\" \/>\n<meta property=\"og:site_name\" content=\"Charm Domacena - Product &amp; Visual Designer\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-28T06:07:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/azuqua-th-2.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\\\/azuqua-okta\\\/\",\"url\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/azuqua-okta\\\/\",\"name\":\"Azuqua\\\/Okta | Various SaaS Marketing Products - Charm Domacena - Product &amp; Visual Designer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/azuqua-okta\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/azuqua-okta\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/azuqua-th-2.png?fit=1200%2C736&ssl=1\",\"datePublished\":\"2023-03-03T11:57:17+00:00\",\"dateModified\":\"2023-03-28T06:07:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/azuqua-okta\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/azuqua-okta\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/azuqua-okta\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/azuqua-th-2.png?fit=1200%2C736&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/azuqua-th-2.png?fit=1200%2C736&ssl=1\",\"width\":1200,\"height\":736},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/azuqua-okta\\\/#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\":\"Azuqua\\\/Okta | Various SaaS Marketing Products\"}]},{\"@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":"Azuqua\/Okta | Various SaaS Marketing Products - 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\/azuqua-okta\/","og_locale":"en_US","og_type":"article","og_title":"Azuqua\/Okta | Various SaaS Marketing Products - Charm Domacena - Product &amp; Visual Designer","og_description":"Ideation Rapid sketching of potential solution that included updated pricing page content. Bottom-left image was the previous pricing page; bottom-right image is the mockup of my final solution. New page design implemented and tested on marketing Wordpress staging site before pushing live.","og_url":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/","og_site_name":"Charm Domacena - Product &amp; Visual Designer","article_modified_time":"2023-03-28T06:07:09+00:00","og_image":[{"width":1200,"height":736,"url":"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/azuqua-th-2.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\/azuqua-okta\/","url":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/","name":"Azuqua\/Okta | Various SaaS Marketing Products - Charm Domacena - Product &amp; Visual Designer","isPartOf":{"@id":"https:\/\/charmdomacena.com\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/#primaryimage"},"image":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/azuqua-th-2.png?fit=1200%2C736&ssl=1","datePublished":"2023-03-03T11:57:17+00:00","dateModified":"2023-03-28T06:07:09+00:00","breadcrumb":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/#primaryimage","url":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/azuqua-th-2.png?fit=1200%2C736&ssl=1","contentUrl":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/azuqua-th-2.png?fit=1200%2C736&ssl=1","width":1200,"height":736},{"@type":"BreadcrumbList","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/azuqua-okta\/#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":"Azuqua\/Okta | Various SaaS Marketing Products"}]},{"@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\/133","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=133"}],"version-history":[{"count":20,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project\/133\/revisions"}],"predecessor-version":[{"id":1821,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project\/133\/revisions\/1821"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/media\/1820"}],"wp:attachment":[{"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/media?parent=133"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project_category?post=133"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project_tag?post=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}