{"id":150,"date":"2023-03-03T10:55:57","date_gmt":"2023-03-03T10:55:57","guid":{"rendered":"http:\/\/box5723.temp.domains\/~charmdom\/portfolio\/?post_type=project&#038;p=150"},"modified":"2026-10-16T22:28:27","modified_gmt":"2026-10-16T22:28:27","slug":"rf-lambda-product-catalog","status":"publish","type":"project","link":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/","title":{"rendered":"RF-Lambda | UX &#038; Interaction Redesign"},"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 rflHero&#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 data-recalc-dims=\"1\" decoding=\"async\" class=\"pulse casestudy-rflambda-1\" alt=\"logo\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/lib\/images\/rfl-logo.png?w=1080&#038;ssl=1\">[\/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.27.9&#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\"> Electronics \/ Manufacturing<\/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\"> 2021<\/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\">Lead 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\">Experience Strategy, IA, Content Strategy, UX\/UI Design, Prototyping<\/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.9&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||16px|||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<hr>\n<p><!-- [et_pb_line_break_holder] -->\t    <\/p>\n<h1>Case study: Website Redesign &#038; Experience Design<\/h1>\n<p><!-- [et_pb_line_break_holder] -->\t    <span class=\"subtext\">Rethinking a complex B2B e-commerce experience<\/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.9&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<pee>RF-Lambda develops and supplies RF test equipment for commercial, aerospace, and military applications. Its website needed a better way to support a large technical product catalog, help customers find relevant information, and make requesting quotes easier.<\/pee><!-- [et_pb_line_break_holder] --><pee>As Lead Experience Designer, I worked with company leadership on the direction of the website and e-commerce experience. I collaborated with a UX researcher, an associate UX designer, and a developer to rethink the site&#8217;s structure, map key user flows, develop interaction concepts, and bring the proposed experience to life through functional prototypes.<!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee>My role covered the experience from information architecture and content strategy through visual and UI design, product discovery, and quote-request functionality. The project progressed to a working test site but was discontinued before public launch.<\/pee><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><strong>WANT THE SHORT VERSION?<\/strong><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] -->  <a href=\"#final-designs\">Explore the final designs  \u2193<\/a> <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><span style=\"font-size: 18px;display:block; margin-top:-8px;\"> Visual direction and UI mockups<\/span><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] -->  <a href=\"#website-in-action\">See it in action \u2193<\/a> <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->  <span style=\"font-size: 18px;display:block; margin-top:-8px;\"> Live prototype and video walkthroughs<\/span><!-- [et_pb_line_break_holder] --><\/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.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_width_bottom=&#8221;5px&#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.27.9&#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\">The Challenge<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||32px||false|false&#8221; 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%;||}|| ||||||\/*** Responsive Styles Smartphone Portrait ***\/||@media all and (max-width: 479px) {||.bodyList li {||  font-size:1.2rem;||  font-family:Oswald;||  font-weight:300;||  line-height:150%;||  ||}||.bodylist, .entry-content ul {||    padding-left:32px!important;||    padding-right: 32px!important;||  color:#000;||  }||}||&#8221; global_colors_info=&#8221;{}&#8221;]<pee>RF-Lambda&#8217;s existing e-commerce platform had a dated interface and a complex product catalog. Customers needed clearer ways to navigate product categories, search for specific parts, review technical information, and connect with sales or technical support.<\/pee><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><pee>The challenge was to rethink both the structure of the site and the interactions within it, creating a more straightforward experience for customers exploring the catalog as well as repeat customers who already knew which products they needed.<\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2 m-top-40\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Original Website<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                \t\t\t\t        <img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap imgborder\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-current.png?w=1080&#038;ssl=1\"><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p> [\/et_pb_code][et_pb_code admin_label=&#8221;css&#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<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: #000;<!-- [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>\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;|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.27.9&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||32px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4 class=\"title\">Research and Customer Insights<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;phase-1-body&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||0px||false|false&#8221; 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%;||}|| ||||||\/*** Responsive Styles Smartphone Portrait ***\/||@media all and (max-width: 479px) {||.bodyList li {||  font-size:1.2rem;||  font-family:Oswald;||  font-weight:300;||  line-height:150%;||  ||}||.bodylist, .entry-content ul {||    padding-left:32px!important;||    padding-right: 32px!important;||  color:#000;||  }||}||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Stakeholder Insights<\/h4>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->  <pee><!-- [et_pb_line_break_holder] -->Collaborated with a UX designer to synthesize stakeholder feedback, identify recurring challenges, and inform the direction of the website redesign.                                 <\/pee>                               <img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-affinity-scaled.png?w=1080&#038;ssl=1\"><!-- [et_pb_line_break_holder] --><\/div>\n<p>\u00a0<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/div>\n<p> [\/et_pb_code][et_pb_code disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;personas&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; text_orientation=&#8221;left&#8221; custom_margin=&#8221;||-6px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<!--<pee class=\"problemStatement\">With an initial problem statement set to help narrow our focus, we moved into user and market research to validate and refine our findings. <\/pee>-->\u00a0 \u00a0 \u00a0 \u00a0 <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Customer insights<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                \t\t\t\t       <\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->  <pee><!-- [et_pb_line_break_holder] --> Working with the UX designer, we developed a shared understanding of RF-Lambda&#8217;s key customer groups and their needs. The personas helped guide decisions around product discovery, navigation, and how different customers would use the catalog.                       <\/pee>                                <center><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-personas-scaled.png?w=1080&#038;ssl=1\"><\/center><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!--<pee class=\"captionProjectImg m-top-40\"><!-- [et_pb_line_break_holder] -->Key user profiles captured the goals, constraints, and behaviors of RF-Lambda\u2019s primary audiences, informing information architecture, navigation, and interaction patterns throughout the redesign.<!-- [et_pb_line_break_holder] --><\/pee>\u00a0\u00a0&#8211;><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;css&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [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] --><\/style>\n<p>[\/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; 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;journey maps&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||-6px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Customer Journeys<\/h4>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"imgborder\">  <pee><!-- [et_pb_line_break_holder] -->Journey mapping helped us understand how customers searched for, evaluated, and requested technical products, highlighting opportunities to improve product discovery, access to support, and the quote-request experience.<!-- [et_pb_line_break_holder] -->  <\/pee>             \t\t\t\t      <center>  <img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-uJourney1-scaled.png?w=1080&#038;ssl=1\"><!-- [et_pb_line_break_holder] -->   <img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-uJourney2.png?w=1080&#038;ssl=1\"><\/center><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!--<pee class=\"problemStatement\"><span class=\"textTag\">Strategic Direction:<\/span> <!\u2013- [et_pb_br_holder] -\u2013>The experience strategy centered on clarity, accessibility, and trust\u2014simplifying product discovery within a complex catalog while aligning the digital experience with RF-Lambda\u2019s market leadership and growth.<\/pee>--><!-- [et_pb_line_break_holder] --><\/div>\n<p>   <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2 m-top-40\"><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!--\n\n<h4>Feature Prioritization<\/h4>\n\n<!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] --> <pee ><!-- [et_pb_line_break_holder] -->Features were prioritized by balancing user impact with implementation complexity, informing a focused and realistic roadmap for future development.<!-- [et_pb_line_break_holder] --><\/pee>  <!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-priorities-scaled.png?w=1080&#038;ssl=1\"> &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->   <\/div>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;css&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;27px|||||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [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] --><\/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-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;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.27.9&#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\">Shaping the Experience<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;user flows&#8221; _builder_version=&#8221;4.27.9&#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] -->  The redesign involved more than updating the interface. I worked with company leadership and the UX team to rethink how information was organized across the site, what content customers needed, and how they would find it. This informed the information architecture, navigation, and new content sections, alongside the key flows for product discovery, support, and quote requests.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013>The proposed experience needed to work for different types of customers, from those exploring the catalog to repeat customers looking for specific parts. That meant supporting both guided product discovery and more direct ways to build a request for quote.<\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!--\n\n<div class=\"problemStatement\"><!-- [et_pb_line_break_holder] -->  <pee class=\"darkBGtxt\">The stakeholder insights and customer journeys helped inform how customers would navigate the site, find products, access support, and request quotes. I worked through the site&#8217;s structure and key user flows with the UX team, exploring how these tasks could connect across the experience.<\/pee><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"flex-this\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"bGoals\"><!-- [et_pb_line_break_holder] -->      <span class=\"textTag\">Three priorities guided the design:<\/span><!-- [et_pb_line_break_holder] -->      <\/p>\n<ul><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><strong>Product discovery:<\/strong> Help customers navigate categories, search for parts, and review product information. <\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><strong>Support and inquiries:<\/strong> Make it easier to find sales and technical support and contact the appropriate team. <\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><strong>Quote requests:<\/strong> Give customers clear ways to select products and submit requests.<\/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] -->    <!--\n\n<div class=\"uGoals\"><!-- [et_pb_line_break_holder] -->      <span class=\"textTag\">User Goals<\/span><!-- [et_pb_line_break_holder] -->      <\/p>\n<ul><!-- [et_pb_line_break_holder] -->        <\/p>\n<li>Find the right product quickly<\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li>Easily request a quote<\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li>Find out information about products and services<\/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] --><\/div>\n<p>\u00a0&#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->   <\/p>\n<h4>Feature Prioritization<\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] --> <pee ><!-- [et_pb_line_break_holder] -->Features were prioritized by balancing user impact with implementation complexity, informing a focused and realistic roadmap for future development.<!-- [et_pb_line_break_holder] --><\/pee>  <!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-priorities-scaled.png?w=1080&#038;ssl=1\"> <!-- [et_pb_line_break_holder] --><\/div>\n<p><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Mapping Key User Flows<\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->  <pee><!-- [et_pb_line_break_holder] -->    I mapped key user flows to explore how customers could move through the website, find relevant products, and complete tasks such as requesting a quote or contacting support. These flows helped establish the structure and interactions for the proposed experience.<!-- [et_pb_line_break_holder] -->  <\/pee><!-- [et_pb_line_break_holder] --><strong>Primary User Flow<\/strong><!\u2013- [et_pb_br_holder] -\u2013><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-userflow1.png?w=1080&#038;ssl=1\"><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><strong>Secondary User Flow<\/strong><!\u2013- [et_pb_br_holder] -\u2013><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-userflow2.png?w=1080&#038;ssl=1\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->                \t\t\t\t       <!-- [et_pb_line_break_holder] --><\/div>\n<p>\u00a0<!-- [et_pb_line_break_holder] --> \u00a0[\/et_pb_code][et_pb_code admin_label=&#8221;css&#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<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: #000;<!-- [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>\n<p><!-- [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;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.27.9&#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\">Visual Direction &#038; UI Design<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;wire flows&#8221; _builder_version=&#8221;4.27.9&#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;]<pee>With the experience structure established, I explored the visual direction and developed the UI for the proposed website. The work moved from exploring different visual concepts to defining the interface style, refining key interactions, and applying the direction across the site.<\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Visual Direction Exploration<\/h4>\n<p> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] --> I explored different visual directions for the website, considering how typography, color, and layout could make a complex technical catalog easier to navigate while reflecting RF-Lambda&#8217;s brand.<!-- [et_pb_line_break_holder] -->    <\/pee><!-- [et_pb_line_break_holder] --><img decoding=\"async\"  src=\"\/lib\/images\/rfl-moodboard.png\"> <!-- [et_pb_line_break_holder] --> <center><!-- [et_pb_line_break_holder] --><\/center><!-- [et_pb_line_break_holder] -->\u00a0\u00a0<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p>\u00a0<!-- [et_pb_line_break_holder] --> \u00a0<!-- [et_pb_line_break_holder] -->\u00a0[\/et_pb_code][et_pb_code admin_label=&#8221;wire flows&#8221; _builder_version=&#8221;4.27.9&#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;]<!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>UI Style Guide<\/h4>\n<p> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><pee>I developed a UI style guide to establish the visual language for the proposed website, defining the core styles and interface elements used across the experience.<\/a><\/pee>\u00a0<!-- [et_pb_line_break_holder] --> <center><!-- [et_pb_line_break_holder] -->   <img decoding=\"async\" class=\"m-top-40\" src=\"\/lib\/images\/RFL-styleguide.png\"> <!-- [et_pb_line_break_holder] --><\/center><!-- [et_pb_line_break_holder] -->\u00a0\u00a0<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p>\u00a0<!-- [et_pb_line_break_holder] --> \u00a0<!-- [et_pb_line_break_holder] -->\u00a0[\/et_pb_code][et_pb_code admin_label=&#8221;wire flows&#8221; _builder_version=&#8221;4.27.9&#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;]<\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Navigation and product discovery<\/h4>\n<p> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><pee>I applied the design direction to the navigation, search, product listings, and product detail pages, exploring how customers could find products and access technical information more easily.<\/a><\/pee>\u00a0<!-- [et_pb_line_break_holder] --> <!-- <img decoding=\"async\" class=\"aMap\" src=\"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-lofi1-scaled.png\"><!\u2013- [et_pb_br_holder] -\u2013>--><center><!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow1.png?w=1080&#038;ssl=1\">\u00a0<!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow2.png?w=1080&#038;ssl=1\">\u00a0<!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow3.png?w=1080&#038;ssl=1\">\u00a0<!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow4.png?w=1080&#038;ssl=1\">\u00a0<!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow5.png?w=1080&#038;ssl=1\">\u00a0<!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow6.png?w=1080&#038;ssl=1\">\u00a0\u00a0<!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow7.png?w=1080&#038;ssl=1\">\u00a0<!-- [et_pb_line_break_holder] -->\u00a0<img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow8.png?w=1080&#038;ssl=1\">\u00a0<!-- [et_pb_line_break_holder] --><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aMap\" src=\"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/01\/rfl-wireflow9.png?w=1080&#038;ssl=1\">\u00a0<\/center><!-- [et_pb_line_break_holder] -->\u00a0\u00a0<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p>\u00a0<!-- [et_pb_line_break_holder] --> \u00a0<!-- [et_pb_line_break_holder] -->\u00a0[\/et_pb_code][et_pb_code admin_label=&#8221;wire flows&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_padding=&#8221;13px|||||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; module_id=&#8221;final-designs&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->                \t\t\t\t    <\/p>\n<h4>Final UI Design<\/h4>\n<p> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] --><pee>I applied the visual direction across the proposed website, including the product catalog, product detail pages, and new content sections. The designs brought the updated site structure into the interface while giving product information and key customer actions a clearer place within the experience.<\/a><\/pee><!-- [et_pb_line_break_holder] --><center><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" src=\"\/lib\/images\/rfl-home-ui.png\"><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><img decoding=\"async\" src=\"\/lib\/images\/rfl-pages-ui_1.png\"><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"\/lib\/images\/rfl-support-ui.png\"><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><img decoding=\"async\" src=\"\/lib\/images\/rfl-catalog-ui-2.png\"><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"\/lib\/images\/rfl-checkout-ui-1.png\"><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"\/lib\/images\/rfl-news-ui-1.png\"><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/center><!-- [et_pb_line_break_holder] -->\u00a0\u00a0<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p>\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; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->p.vidCaption {<!-- [et_pb_line_break_holder] -->    text-align: center!important;<!-- [et_pb_line_break_holder] -->    font-size: 18px!important;<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->video.rfl-final {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->p.videoCaption {<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [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.27.9&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;12px|||||&#8221; hover_enabled=&#8221;0&#8243; border_width_top=&#8221;25px&#8221; border_color_top=&#8221;#000000&#8243; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; module_id=&#8221;website-in-action&#8221; sticky_enabled=&#8221;0&#8243;][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.27.9&#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\">The website in action<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;final iteration&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||48px||false|false&#8221; custom_padding=&#8221;0px|||||&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221; .rf-video {||    width: 100%;||    cursor: pointer;||  }||||  .rf-video video {||    display: block;||    width: 100%;||    height: auto;||    aspect-ratio: 16 \/ 9;||    object-fit: contain;||    background: #111;||  }&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<pee>The proposed website brought together the updated information architecture, new content sections, product catalog, and quote-request functionality.<\/a><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->To help validate the more complex interactions with the site&#8217;s database and content, I worked with the web developer to build a higher-fidelity, live test site. While development handled the back-end functionality, I implemented the front-end experience using HTML, CSS, and JavaScript.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013>Explore the proposed website and its functionality. <a class=\"cta-text-p\" target=\"_blank\" href=\"https:\/\/charmdomacena.com\/projects\/rfl_test\/index.php\" rel=\"noopener\">View RF-Lambda prototype \u2192<\/a><\/pee><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><!-- [et_pb_line_break_holder] -->    Website walkthrough<!-- [et_pb_line_break_holder] -->  <\/h4>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t        <\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t        \t<pee>A walkthrough of the proposed website, including navigation, the product catalog, company information, and new content sections developed to better organize information for customers.<\/pee><!-- [et_pb_line_break_holder] -->\t <video controls playsinline preload=\"metadata\" poster=\"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/10\/th-final-1.png\" aria-label=\"RF Lambda website walkthrough\" style=\"display:block;width:100%;height:auto;aspect-ratio:16\/9;background:#111;\"<!-- [et_pb_line_break_holder]-->> <!-- [et_pb_line_break_holder] --><source src=\"https:\/\/charmdomacena.com\/downloads\/RFL-walkthrough.mp4\" type=\"video\/mp4\" \/><!-- [et_pb_line_break_holder] --><\/video><!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t\t <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t<\/div>\n<p><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"info2\"><!-- [et_pb_line_break_holder] --><\/p>\n<h4>Request for quote (RFQ)<\/h4>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"imgborder\"><!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t        \t<pee >A closer look at the proposed quote-request experience, showing how customers could select products and build an RFQ.<\/pee><!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t\t         <video controls playsinline preload=\"metadata\" poster=\"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2026\/10\/th-final-7.png\" aria-label=\"RF Lambda website walkthrough\" style=\"display:block;width:100%;height:auto;aspect-ratio:16\/9;background:#111;\"<!-- [et_pb_line_break_holder]-->><!-- [et_pb_line_break_holder] --><source src=\"https:\/\/charmdomacena.com\/downloads\/RFL_RFQ.mp4\" type=\"video\/mp4\"\/><!-- [et_pb_line_break_holder] --><\/video><!-- [et_pb_line_break_holder] -->\t\t\t\t\t\t\t <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [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; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->p.vidCaption {<!-- [et_pb_line_break_holder] -->    text-align: center!important;<!-- [et_pb_line_break_holder] -->    font-size: 18px!important;<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->video.rfl-final {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->p.videoCaption {<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->}  <!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [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.27.9&#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\">Outcome<\/h4>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;conclusion&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;||24px||false|false&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"problemStatement\"><!-- [et_pb_line_break_holder] --><pee class=\"darkBGtxt\">The redesigned website never launched publicly. RF-Lambda&#8217;s existing e-commerce platform was built on a nearly decade-old legacy system with limited documentation, and the cost of rebuilding the underlying system ultimately proved too high. One of the company&#8217;s owners decided to discontinue the Business Development team&#8217;s efforts after considerable progress had already been made.<!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Although the project didn&#8217;t reach launch, the team had developed a higher-fidelity, functional prototype that brought the proposed website structure, visual direction, product catalog, and quote-request experience to life.<\/pee><!-- [et_pb_line_break_holder] --> <!-- <pee class=\"darkBGtxt\">Unfortunately, the product never had the chance to make its debut to the public. The current RF-Lambda website is built on a legacy system that is nearly 10 years old, with limited documentation. When the cost to rebuild the entire ecommerce system was revealed, one of the company's owners decided it was too expensive and put an end to the Business Development team's efforts. This decision was disappointing, especially given the dedication of the design team, RF-Lambda's marketing team, and the CEO who invested significant time and resources into creating a product that would provide customers with the premier user experience they desired. Unfortunately, we only learned of this setback after we had made considerable progress on the product. Despite our disappointment, we recognize that sometimes unexpected challenges arise in business. <\/pee>--><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->\u00a0[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UX\/UI Case Study &#8211; B2B eCommerce Experience for RF-Lambda<\/p>\n","protected":false},"author":1,"featured_media":822,"comment_status":"closed","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,"footnotes":""},"project_category":[],"project_tag":[],"class_list":["post-150","project","type-project","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>RF-Lambda | UX &amp; Interaction Redesign - Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences<\/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\/rf-lambda-product-catalog\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RF-Lambda | UX &amp; Interaction Redesign - Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences\" \/>\n<meta property=\"og:description\" content=\"UX\/UI Case Study - B2B eCommerce Experience for RF-Lambda\" \/>\n<meta property=\"og:url\" content=\"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/\" \/>\n<meta property=\"og:site_name\" content=\"Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-16T22:28:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/rfl-th-ixd-1.jpg\" \/>\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\/jpeg\" \/>\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=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/\",\"url\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/\",\"name\":\"RF-Lambda | UX & Interaction Redesign - Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/rfl-th-ixd-1.jpg?fit=1200%2C736&ssl=1\",\"datePublished\":\"2023-03-03T10:55:57+00:00\",\"dateModified\":\"2026-10-16T22:28:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/rfl-th-ixd-1.jpg?fit=1200%2C736&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/charmdomacena.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/rfl-th-ixd-1.jpg?fit=1200%2C736&ssl=1\",\"width\":1200,\"height\":736},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/project\\\/rf-lambda-product-catalog\\\/#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\":\"RF-Lambda | UX &#038; Interaction Redesign\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/#website\",\"url\":\"https:\\\/\\\/charmdomacena.com\\\/portfolio\\\/\",\"name\":\"Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences\",\"description\":\"Senior Experience Designer based in Seattle, WA\",\"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":"RF-Lambda | UX & Interaction Redesign - Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences","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\/rf-lambda-product-catalog\/","og_locale":"en_US","og_type":"article","og_title":"RF-Lambda | UX & Interaction Redesign - Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences","og_description":"UX\/UI Case Study - B2B eCommerce Experience for RF-Lambda","og_url":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/","og_site_name":"Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences","article_modified_time":"2026-10-16T22:28:27+00:00","og_image":[{"width":1200,"height":736,"url":"https:\/\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/rfl-th-ixd-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/","url":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/","name":"RF-Lambda | UX & Interaction Redesign - Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences","isPartOf":{"@id":"https:\/\/charmdomacena.com\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/#primaryimage"},"image":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/rfl-th-ixd-1.jpg?fit=1200%2C736&ssl=1","datePublished":"2023-03-03T10:55:57+00:00","dateModified":"2026-10-16T22:28:27+00:00","breadcrumb":{"@id":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/#primaryimage","url":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/rfl-th-ixd-1.jpg?fit=1200%2C736&ssl=1","contentUrl":"https:\/\/i0.wp.com\/charmdomacena.com\/portfolio\/wp-content\/uploads\/2023\/03\/rfl-th-ixd-1.jpg?fit=1200%2C736&ssl=1","width":1200,"height":736},{"@type":"BreadcrumbList","@id":"https:\/\/charmdomacena.com\/portfolio\/project\/rf-lambda-product-catalog\/#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":"RF-Lambda | UX &#038; Interaction Redesign"}]},{"@type":"WebSite","@id":"https:\/\/charmdomacena.com\/portfolio\/#website","url":"https:\/\/charmdomacena.com\/portfolio\/","name":"Charm Domacena - Senior Experience Designer - Visual &amp; UI Design, Digital Experiences","description":"Senior Experience Designer based in Seattle, WA","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\/150","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=150"}],"version-history":[{"count":21,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project\/150\/revisions"}],"predecessor-version":[{"id":3699,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project\/150\/revisions\/3699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/media\/822"}],"wp:attachment":[{"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/media?parent=150"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project_category?post=150"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/charmdomacena.com\/portfolio\/wp-json\/wp\/v2\/project_tag?post=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}