{"id":1097,"date":"2026-08-23T16:58:41","date_gmt":"2026-08-23T16:58:41","guid":{"rendered":"https:\/\/pranitauiuxdesigner.co.in\/?page_id=1097"},"modified":"2026-08-26T09:02:23","modified_gmt":"2026-08-26T09:02:23","slug":"case-study-3","status":"publish","type":"page","link":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/case-study-3\/","title":{"rendered":"Case Study 3"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;5px||0px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   PRANITA PORTFOLIO \u2014 CASE STUDY 03<!-- [et_pb_line_break_holder] -->   FUNCTION-WISE DASHBOARD<!-- [et_pb_line_break_holder] -->   Same visual language as Home + About + previous case studies<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.function-dashboard-case {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    --dark: #171717;<!-- [et_pb_line_break_holder] -->    --text: #50505a;<!-- [et_pb_line_break_holder] -->    --muted: #85858d;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    --purple: #635bff;<!-- [et_pb_line_break_holder] -->    --purple-dark: #4f46d8;<!-- [et_pb_line_break_holder] -->    --purple-soft: #efeeff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    --blue: #3977ff;<!-- [et_pb_line_break_holder] -->    --blue-soft: #edf4ff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    --green: #20a879;<!-- [et_pb_line_break_holder] -->    --green-soft: #eaf8f2;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    --orange: #f59e0b;<!-- [et_pb_line_break_holder] -->    --orange-soft: #fff5df;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    --border: #e4e4e7;<!-- [et_pb_line_break_holder] -->    --light: #f8f8f7;<!-- [et_pb_line_break_holder] -->    --white: #ffffff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    max-width: 1200px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    padding: 55px 28px 100px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->    color: var(--dark);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.function-dashboard-case *,<!-- [et_pb_line_break_holder] -->.function-dashboard-case *::before,<!-- [et_pb_line_break_holder] -->.function-dashboard-case *::after {<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.function-dashboard-case h1,<!-- [et_pb_line_break_holder] -->.function-dashboard-case h2,<!-- [et_pb_line_break_holder] -->.function-dashboard-case h3,<!-- [et_pb_line_break_holder] -->.function-dashboard-case h4 {<!-- [et_pb_line_break_holder] -->    font-family: 'Sora', sans-serif;<!-- [et_pb_line_break_holder] -->    color: var(--dark);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.function-dashboard-case h1 {<!-- [et_pb_line_break_holder] -->    font-size: clamp(45px, 6vw, 70px);<!-- [et_pb_line_break_holder] -->    line-height: 1.1;<!-- [et_pb_line_break_holder] -->    letter-spacing: -3px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    margin: 18px 0 25px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.function-dashboard-case h2 {<!-- [et_pb_line_break_holder] -->    font-size: clamp(30px, 4vw, 44px);<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    letter-spacing: -1.5px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    margin: 10px 0 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.function-dashboard-case h3 {<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->    line-height: 1.4;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    margin: 0 0 9px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.function-dashboard-case p {<!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->    line-height: 1.8;<!-- [et_pb_line_break_holder] -->    color: var(--text);<!-- [et_pb_line_break_holder] -->    margin: 0 0 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   HERO<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-hero {<!-- [et_pb_line_break_holder] -->    padding: 65px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 30px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 28px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e4e1f4;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background:<!-- [et_pb_line_break_holder] -->        radial-gradient(<!-- [et_pb_line_break_holder] -->            circle at 92% 10%,<!-- [et_pb_line_break_holder] -->            rgba(99,91,255,.18),<!-- [et_pb_line_break_holder] -->            transparent 32%<!-- [et_pb_line_break_holder] -->        ),<!-- [et_pb_line_break_holder] -->        linear-gradient(<!-- [et_pb_line_break_holder] -->            135deg,<!-- [et_pb_line_break_holder] -->            #ffffff 0%,<!-- [et_pb_line_break_holder] -->            #f5f4ff 100%<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-eyebrow {<!-- [et_pb_line_break_holder] -->    display: inline-flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 9px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 9px 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--purple-soft);<!-- [et_pb_line_break_holder] -->    color: var(--purple-dark);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-eyebrow::before {<!-- [et_pb_line_break_holder] -->    content: \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 7px;<!-- [et_pb_line_break_holder] -->    height: 7px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] -->    background: var(--purple);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-hero h1 {<!-- [et_pb_line_break_holder] -->    max-width: 850px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-hero h1 span {<!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-hero-description {<!-- [et_pb_line_break_holder] -->    max-width: 800px;<!-- [et_pb_line_break_holder] -->    font-size: 19px !important;<!-- [et_pb_line_break_holder] -->    line-height: 1.8 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   PROJECT META<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-meta {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(4, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] -->    margin-top: 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-meta-card {<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: rgba(255,255,255,.86);<!-- [et_pb_line_break_holder] -->    border: 1px solid rgba(226,225,235,.95);<!-- [et_pb_line_break_holder] -->    border-radius: 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-meta-label {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 7px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #85858d;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: .8px;<!-- [et_pb_line_break_holder] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-meta-value {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--dark);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-family: 'Sora', sans-serif;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   GENERAL SECTIONS<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-section {<!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] -->    padding: 60px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid var(--border);<!-- [et_pb_line_break_holder] -->    border-radius: 26px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--white);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-section.purple {<!-- [et_pb_line_break_holder] -->    background: #f4f3ff;<!-- [et_pb_line_break_holder] -->    border-color: #e3e0ff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-section.blue {<!-- [et_pb_line_break_holder] -->    background: #f2f6ff;<!-- [et_pb_line_break_holder] -->    border-color: #dfe7ff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-section.green {<!-- [et_pb_line_break_holder] -->    background: #f1faf6;<!-- [et_pb_line_break_holder] -->    border-color: #dcefe7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-section.orange {<!-- [et_pb_line_break_holder] -->    background: #fff8e9;<!-- [et_pb_line_break_holder] -->    border-color: #f5e6c2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   SECTION HEADING<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-section-heading {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 75px 1fr;<!-- [et_pb_line_break_holder] -->    gap: 25px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    align-items: start;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 42px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-number {<!-- [et_pb_line_break_holder] -->    width: 58px;<!-- [et_pb_line_break_holder] -->    height: 58px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 17px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--dark);<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-family: 'Sora', sans-serif;<!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-label {<!-- [et_pb_line_break_holder] -->    margin-bottom: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: 1.3px;<!-- [et_pb_line_break_holder] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-section-heading p {<!-- [et_pb_line_break_holder] -->    max-width: 820px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   PROJECT OVERVIEW<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 1.15fr 1fr;<!-- [et_pb_line_break_holder] -->    gap: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-main {<!-- [et_pb_line_break_holder] -->    padding: 35px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--dark);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-main h3 {<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    font-size: 25px;<!-- [et_pb_line_break_holder] -->    line-height: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-main p {<!-- [et_pb_line_break_holder] -->    color: #bdbdc3;<!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-list {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-item {<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 14px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fafafa;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-item span {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 9px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-item h3 {<!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-overview-item p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    line-height: 1.6;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   PROBLEM<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-problem-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-problem-card {<!-- [et_pb_line_break_holder] -->    padding: 28px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e4e4e6;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-problem-code {<!-- [et_pb_line_break_holder] -->    width: 40px;<!-- [et_pb_line_break_holder] -->    height: 40px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--purple-soft);<!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-family: 'Sora', sans-serif;<!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-problem-card h3 {<!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-problem-card p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   DASHBOARD REQUIREMENTS<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-requirements {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(4, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-requirement {<!-- [et_pb_line_break_holder] -->    padding: 24px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 16px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-requirement-number {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-requirement h3 {<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-requirement p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.65;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   FUNCTION DASHBOARD STRUCTURE<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-card {<!-- [et_pb_line_break_holder] -->    padding: 30px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    transition: .25s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-card:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-3px);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-color: #d7d4ff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    box-shadow: 0 12px 30px rgba(30,30,50,.06);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-top {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 22px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-icon {<!-- [et_pb_line_break_holder] -->    width: 45px;<!-- [et_pb_line_break_holder] -->    height: 45px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--purple-soft);<!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-family: 'Sora', sans-serif;<!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-type {<!-- [et_pb_line_break_holder] -->    padding: 7px 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f5f5f6;<!-- [et_pb_line_break_holder] -->    color: #65656d;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 9px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: .7px;<!-- [et_pb_line_break_holder] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-card h3 {<!-- [et_pb_line_break_holder] -->    font-size: 19px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-card p {<!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-list {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    gap: 7px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-function-list span {<!-- [et_pb_line_break_holder] -->    padding: 7px 9px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 7px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f6f6f7;<!-- [et_pb_line_break_holder] -->    color: #65656d;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   DASHBOARD CONTENT MODEL<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-content-model {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 1fr 1fr;<!-- [et_pb_line_break_holder] -->    gap: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-content-block {<!-- [et_pb_line_break_holder] -->    padding: 30px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-content-block h3 {<!-- [et_pb_line_break_holder] -->    font-size: 19px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-content-block p {<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    line-height: 1.75;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-content-points {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    gap: 9px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-content-point {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: flex-start;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fafafa;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #55555d;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.55;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-content-point::before {<!-- [et_pb_line_break_holder] -->    content: \"\u2713\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    flex-shrink: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-right: 9px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   DESIGN DECISIONS<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-decisions {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-decision {<!-- [et_pb_line_break_holder] -->    padding: 28px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-decision-number {<!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-decision h3 {<!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-decision p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   DESIGN SYSTEM<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-system-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-system-card {<!-- [et_pb_line_break_holder] -->    padding: 28px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-system-code {<!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-system-card h3 {<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-system-card p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   OUTCOME<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 1.1fr 1fr;<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-main {<!-- [et_pb_line_break_holder] -->    padding: 38px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--dark);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-main h3 {<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 28px;<!-- [et_pb_line_break_holder] -->    line-height: 1.45;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-main p {<!-- [et_pb_line_break_holder] -->    color: #bdbdc3;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-list {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-item {<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 14px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fafafa;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-item span {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--green);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-item h3 {<!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-outcome-item p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    line-height: 1.6;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   LEARNINGS<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-learning-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-learning {<!-- [et_pb_line_break_holder] -->    padding: 28px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-learning-number {<!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-learning h3 {<!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-learning p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   FINAL CTA<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-final {<!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 65px 30px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 26px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e2e0f7;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background:<!-- [et_pb_line_break_holder] -->        linear-gradient(<!-- [et_pb_line_break_holder] -->            135deg,<!-- [et_pb_line_break_holder] -->            #efeeff,<!-- [et_pb_line_break_holder] -->            #f7f8ff<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-final h2 {<!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-final p {<!-- [et_pb_line_break_holder] -->    max-width: 680px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto 28px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-button {<!-- [et_pb_line_break_holder] -->    display: inline-flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 14px 23px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: white !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    text-decoration: none !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    transition: .25s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.fd-button:hover {<!-- [et_pb_line_break_holder] -->    background: var(--purple-dark);<!-- [et_pb_line_break_holder] -->    transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   TABLET<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width:1000px) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .function-dashboard-case {<!-- [et_pb_line_break_holder] -->        padding: 40px 20px 80px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-hero,<!-- [et_pb_line_break_holder] -->    .fd-section {<!-- [et_pb_line_break_holder] -->        padding: 45px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-meta {<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-problem-grid,<!-- [et_pb_line_break_holder] -->    .fd-decisions,<!-- [et_pb_line_break_holder] -->    .fd-system-grid,<!-- [et_pb_line_break_holder] -->    .fd-learning-grid {<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-requirements {<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-overview-grid,<!-- [et_pb_line_break_holder] -->    .fd-outcome,<!-- [et_pb_line_break_holder] -->    .fd-content-model {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   MOBILE<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width:700px) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .function-dashboard-case {<!-- [et_pb_line_break_holder] -->        padding: 25px 14px 60px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-hero,<!-- [et_pb_line_break_holder] -->    .fd-section {<!-- [et_pb_line_break_holder] -->        padding: 30px 22px;<!-- [et_pb_line_break_holder] -->        border-radius: 20px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-hero {<!-- [et_pb_line_break_holder] -->        padding-top: 38px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .function-dashboard-case h1 {<!-- [et_pb_line_break_holder] -->        font-size: 40px;<!-- [et_pb_line_break_holder] -->        letter-spacing: -1.8px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .function-dashboard-case h2 {<!-- [et_pb_line_break_holder] -->        font-size: 29px;<!-- [et_pb_line_break_holder] -->        letter-spacing: -1px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .function-dashboard-case p {<!-- [et_pb_line_break_holder] -->        font-size: 16px;<!-- [et_pb_line_break_holder] -->        line-height: 1.75;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-hero-description {<!-- [et_pb_line_break_holder] -->        font-size: 17px !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-meta,<!-- [et_pb_line_break_holder] -->    .fd-problem-grid,<!-- [et_pb_line_break_holder] -->    .fd-requirements,<!-- [et_pb_line_break_holder] -->    .fd-function-grid,<!-- [et_pb_line_break_holder] -->    .fd-content-model,<!-- [et_pb_line_break_holder] -->    .fd-decisions,<!-- [et_pb_line_break_holder] -->    .fd-system-grid,<!-- [et_pb_line_break_holder] -->    .fd-outcome,<!-- [et_pb_line_break_holder] -->    .fd-learning-grid,<!-- [et_pb_line_break_holder] -->    .fd-overview-grid,<!-- [et_pb_line_break_holder] -->    .fd-overview-list,<!-- [et_pb_line_break_holder] -->    .fd-outcome-list {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-section-heading {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 55px 1fr;<!-- [et_pb_line_break_holder] -->        gap: 15px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-number {<!-- [et_pb_line_break_holder] -->        width: 48px;<!-- [et_pb_line_break_holder] -->        height: 48px;<!-- [et_pb_line_break_holder] -->        border-radius: 14px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fd-final {<!-- [et_pb_line_break_holder] -->        padding: 45px 25px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   SMALL MOBILE<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width:480px) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .function-dashboard-case h1 {<!-- [et_pb_line_break_holder] -->        font-size: 35px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .function-dashboard-case h2 {<!-- [et_pb_line_break_holder] -->        font-size: 26px;<!-- [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_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"function-dashboard-case\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         HERO<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-hero\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-eyebrow\"><!-- [et_pb_line_break_holder] -->            Case Study 03 \u00b7 Enterprise Functions Dashboard<!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<h1><!-- [et_pb_line_break_holder] -->            Designing <span>function-wise dashboards<\/span><!-- [et_pb_line_break_holder] -->            for better team visibility.<!-- [et_pb_line_break_holder] -->        <\/h1>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <pee class=\"fd-hero-description\"><!-- [et_pb_line_break_holder] -->            A dashboard experience designed for different business<!-- [et_pb_line_break_holder] -->            functions, helping teams quickly understand their priorities,<!-- [et_pb_line_break_holder] -->            pending actions, approvals and daily operational activities<!-- [et_pb_line_break_holder] -->            from one centralized workspace.<!-- [et_pb_line_break_holder] -->        <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-meta\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-meta-card\"><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-label\">Role<\/span><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-value\">UI\/UX Designer<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-meta-card\"><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-label\">Product<\/span><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-value\">Enterprise Application<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-meta-card\"><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-label\">Focus<\/span><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-value\">Dashboard &#038; UX<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-meta-card\"><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-label\">Platform<\/span><!-- [et_pb_line_break_holder] -->                <span class=\"fd-meta-value\">Web Application<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         01 \u2014 OVERVIEW<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">01<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Project Overview<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    One product, different functions, different priorities.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    The application was used across multiple organizational<!-- [et_pb_line_break_holder] -->                    functions. Each team had different responsibilities,<!-- [et_pb_line_break_holder] -->                    workflows and information requirements, making a<!-- [et_pb_line_break_holder] -->                    generic dashboard less useful for day-to-day work.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-overview-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-overview-main\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    The goal was to create dashboards that felt relevant<!-- [et_pb_line_break_holder] -->                    to each function without creating completely separate<!-- [et_pb_line_break_holder] -->                    products.<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    I focused on creating a common dashboard structure<!-- [et_pb_line_break_holder] -->                    supported by function-specific content, actions and<!-- [et_pb_line_break_holder] -->                    information priorities.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-overview-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-overview-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>01<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Shared Platform<\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Maintain a common product experience across teams.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-overview-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>02<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Role Relevance<\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Surface information relevant to each function.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-overview-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>03<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Action Focus<\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Make pending tasks and approvals easy to identify.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-overview-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>04<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Scalability<\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Create patterns that could support additional teams.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         02 \u2014 PROBLEM<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section purple\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">02<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    The Challenge<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    A dashboard should answer the right questions quickly.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Different teams interacted with the same enterprise<!-- [et_pb_line_break_holder] -->                    application but needed different information to<!-- [et_pb_line_break_holder] -->                    complete their work efficiently.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-problem-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-problem-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-problem-code\"><!-- [et_pb_line_break_holder] -->                    01<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Information Overload<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Showing too much information reduced the ability to<!-- [et_pb_line_break_holder] -->                    quickly identify what required attention.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-problem-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-problem-code\"><!-- [et_pb_line_break_holder] -->                    02<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Different Team Needs<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    HR, IT, Admin, Finance and other functions had different<!-- [et_pb_line_break_holder] -->                    priorities and operational workflows.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-problem-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-problem-code\"><!-- [et_pb_line_break_holder] -->                    03<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Action Visibility<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Users needed a clear way to identify pending tasks,<!-- [et_pb_line_break_holder] -->                    approvals and items requiring immediate action.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         03 \u2014 REQUIREMENTS<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">03<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Dashboard Requirements<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    Designing around what each function actually needs.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Instead of treating every dashboard as a completely<!-- [et_pb_line_break_holder] -->                    different design, I identified the common information<!-- [et_pb_line_break_holder] -->                    structure and then defined function-specific priorities.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-requirements\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-requirement\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"fd-requirement-number\"><!-- [et_pb_line_break_holder] -->                    01 \/ PRIORITY<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Today&#8217;s Priorities<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Important activities and items requiring immediate<!-- [et_pb_line_break_holder] -->                    attention.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-requirement\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"fd-requirement-number\"><!-- [et_pb_line_break_holder] -->                    02 \/ ACTIONS<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Pending Actions<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Tasks, approvals and requests that need user action.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-requirement\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"fd-requirement-number\"><!-- [et_pb_line_break_holder] -->                    03 \/ INSIGHTS<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Function Insights<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Relevant metrics and summaries specific to each team.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-requirement\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"fd-requirement-number\"><!-- [et_pb_line_break_holder] -->                    04 \/ NAVIGATION<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Quick Access<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Frequently used modules and workflows accessible quickly.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         04 \u2014 FUNCTION-WISE DESIGN<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section blue\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">04<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Function-Wise Dashboard<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    A shared design language with function-specific content.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    The dashboard structure remained consistent while the<!-- [et_pb_line_break_holder] -->                    content hierarchy changed according to the user&#8217;s<!-- [et_pb_line_break_holder] -->                    function and responsibilities.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-function-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<article class=\"fd-function-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-top\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-icon\"><!-- [et_pb_line_break_holder] -->                        HR<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-type\"><!-- [et_pb_line_break_holder] -->                        People<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    People \/ HR Dashboard<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Focused on employee-related activities, onboarding,<!-- [et_pb_line_break_holder] -->                    attendance, leave requests, employee records and<!-- [et_pb_line_break_holder] -->                    pending people operations.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>Onboarding<\/span><!-- [et_pb_line_break_holder] -->                    <span>Leave<\/span><!-- [et_pb_line_break_holder] -->                    <span>Attendance<\/span><!-- [et_pb_line_break_holder] -->                    <span>Employee Requests<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<article class=\"fd-function-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-top\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-icon\"><!-- [et_pb_line_break_holder] -->                        IT<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-type\"><!-- [et_pb_line_break_holder] -->                        Technology<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    IT Dashboard<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Prioritized system-related activities, asset requests,<!-- [et_pb_line_break_holder] -->                    configuration tasks and technology support workflows.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>Assets<\/span><!-- [et_pb_line_break_holder] -->                    <span>Configuration<\/span><!-- [et_pb_line_break_holder] -->                    <span>Requests<\/span><!-- [et_pb_line_break_holder] -->                    <span>Support<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<article class=\"fd-function-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-top\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-icon\"><!-- [et_pb_line_break_holder] -->                        AD<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-type\"><!-- [et_pb_line_break_holder] -->                        Operations<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Admin Dashboard<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Focused on operational requests, asset dispatch,<!-- [et_pb_line_break_holder] -->                    administrative activities and pending approvals.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>Requests<\/span><!-- [et_pb_line_break_holder] -->                    <span>Assets<\/span><!-- [et_pb_line_break_holder] -->                    <span>Approvals<\/span><!-- [et_pb_line_break_holder] -->                    <span>Operations<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<article class=\"fd-function-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-top\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-icon\"><!-- [et_pb_line_break_holder] -->                        FN<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-function-type\"><!-- [et_pb_line_break_holder] -->                        Business<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Finance Dashboard<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Structured around financial requests, approvals,<!-- [et_pb_line_break_holder] -->                    purchase-related activities and important pending<!-- [et_pb_line_break_holder] -->                    transactions.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-function-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>Approvals<\/span><!-- [et_pb_line_break_holder] -->                    <span>Purchase Orders<\/span><!-- [et_pb_line_break_holder] -->                    <span>Requests<\/span><!-- [et_pb_line_break_holder] -->                    <span>Transactions<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         05 \u2014 DASHBOARD CONTENT<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">05<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Information Architecture<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    Structuring the dashboard around decisions and actions.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Rather than presenting information as a collection of<!-- [et_pb_line_break_holder] -->                    unrelated widgets, I structured the experience around<!-- [et_pb_line_break_holder] -->                    what users need to know and what they need to do.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-content-model\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-content-block\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Primary Dashboard Hierarchy<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    The most important information was positioned higher<!-- [et_pb_line_break_holder] -->                    in the hierarchy so users could understand their<!-- [et_pb_line_break_holder] -->                    current workload at a glance.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-content-points\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Today&#8217;s schedule and important activities<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Pending approvals and requests<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Function-specific metrics<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Recent activities and updates<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-content-block\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Action-Oriented Cards<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Cards were designed to provide enough context before<!-- [et_pb_line_break_holder] -->                    the user entered a detailed module or workflow.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-content-points\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Clear status indicators<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Strong action labels<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Short and scannable information<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"fd-content-point\"><!-- [et_pb_line_break_holder] -->                        Consistent interaction patterns<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         06 \u2014 DESIGN DECISIONS<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section orange\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">06<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Design Decisions<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    Making the dashboard easier to scan and act on.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    The visual design was intentionally kept structured<!-- [et_pb_line_break_holder] -->                    and restrained so that users could focus on information<!-- [et_pb_line_break_holder] -->                    rather than decorative elements.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-decisions\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-decision\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-decision-number\"><!-- [et_pb_line_break_holder] -->                    01 \/ HIERARCHY<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Strong Visual Hierarchy<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Important information receives stronger typography,<!-- [et_pb_line_break_holder] -->                    positioning and visual emphasis.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-decision\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-decision-number\"><!-- [et_pb_line_break_holder] -->                    02 \/ SCANNABILITY<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Designed for Quick Scanning<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Cards use short labels, clear values and predictable<!-- [et_pb_line_break_holder] -->                    layouts to reduce cognitive load.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-decision\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-decision-number\"><!-- [et_pb_line_break_holder] -->                    03 \/ CONSISTENCY<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Common Interaction Patterns<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Similar actions and information types follow consistent<!-- [et_pb_line_break_holder] -->                    visual and interaction patterns across functions.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-decision\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-decision-number\"><!-- [et_pb_line_break_holder] -->                    04 \/ STATUS<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Clear Status Communication<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Status and priority are communicated through controlled<!-- [et_pb_line_break_holder] -->                    use of typography, labels and visual cues.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-decision\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-decision-number\"><!-- [et_pb_line_break_holder] -->                    05 \/ RESPONSIVE<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Responsive Structure<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Dashboard content was considered across different<!-- [et_pb_line_break_holder] -->                    screen sizes while preserving important hierarchy.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-decision\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-decision-number\"><!-- [et_pb_line_break_holder] -->                    06 \/ SCALE<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Designed to Grow<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    The structure allows additional functions and dashboard<!-- [et_pb_line_break_holder] -->                    cards to be introduced without redesigning the system.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         07 \u2014 DESIGN SYSTEM<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">07<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Design System<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    Building consistency across function dashboards.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Reusable components helped maintain a unified product<!-- [et_pb_line_break_holder] -->                    experience while still allowing each function dashboard<!-- [et_pb_line_break_holder] -->                    to communicate its own priorities.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-system-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-system-code\"><!-- [et_pb_line_break_holder] -->                    01 \/ COMPONENTS<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Reusable Dashboard Cards<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Common card patterns were used for schedules, approvals,<!-- [et_pb_line_break_holder] -->                    metrics, activities and task summaries.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-system-code\"><!-- [et_pb_line_break_holder] -->                    02 \/ TYPOGRAPHY<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Consistent Type Hierarchy<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Clear relationships between headings, values, labels<!-- [et_pb_line_break_holder] -->                    and supporting information improved readability.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-system-code\"><!-- [et_pb_line_break_holder] -->                    03 \/ VISUAL LANGUAGE<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Unified Visual Patterns<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Spacing, borders, radius, colors and interaction states<!-- [et_pb_line_break_holder] -->                    were standardized across the dashboard experience.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-system-code\"><!-- [et_pb_line_break_holder] -->                    04 \/ STATES<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Consistent Status States<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Pending, completed, urgent and informational states<!-- [et_pb_line_break_holder] -->                    followed a predictable visual treatment.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-system-code\"><!-- [et_pb_line_break_holder] -->                    05 \/ RESPONSIVE<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Flexible Layout Patterns<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Components were structured to adapt to different<!-- [et_pb_line_break_holder] -->                    viewport sizes without losing essential information.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-system-code\"><!-- [et_pb_line_break_holder] -->                    06 \/ SCALABILITY<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Extendable System<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    New functions, widgets and business requirements could<!-- [et_pb_line_break_holder] -->                    be added using existing design patterns.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         08 \u2014 OUTCOME<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section green\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">08<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Outcome<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    A dashboard experience that adapts without losing consistency.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    The final approach created a balance between<!-- [et_pb_line_break_holder] -->                    function-specific relevance and a unified enterprise<!-- [et_pb_line_break_holder] -->                    product experience.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-outcome\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-outcome-main\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    The dashboard became a starting point for work \u2014<!-- [et_pb_line_break_holder] -->                    not just a place to view information.<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    By prioritizing actions, surfacing relevant information<!-- [et_pb_line_break_holder] -->                    and using reusable patterns, the experience could<!-- [et_pb_line_break_holder] -->                    support different teams while remaining visually and<!-- [et_pb_line_break_holder] -->                    structurally consistent.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-outcome-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>01<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Better Relevance<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Users see information connected to their function.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>02<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Faster Scanning<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Important tasks and updates are easier to identify.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>03<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Consistent Experience<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Different teams still work within one visual system.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span>04<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Scalable Structure<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        The approach can accommodate additional functions.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         09 \u2014 LEARNINGS<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"fd-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-number\">09<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-label\"><!-- [et_pb_line_break_holder] -->                    Key Learnings<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                    What this project taught me about enterprise dashboards.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Working on function-specific dashboards reinforced the<!-- [et_pb_line_break_holder] -->                    importance of prioritization, consistency and context<!-- [et_pb_line_break_holder] -->                    when designing enterprise products.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"fd-learning-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-learning\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-learning-number\"><!-- [et_pb_line_break_holder] -->                    01 \/ PRIORITIZE<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    More information isn&#8217;t always more useful.<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    The right information at the right level of hierarchy<!-- [et_pb_line_break_holder] -->                    is more valuable than simply adding more widgets.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-learning\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-learning-number\"><!-- [et_pb_line_break_holder] -->                    02 \/ CONTEXT<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Dashboards should reflect user context.<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Different roles require different information priorities,<!-- [et_pb_line_break_holder] -->                    even when they use the same underlying product.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"fd-learning\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"fd-learning-number\"><!-- [et_pb_line_break_holder] -->                    03 \/ SCALE<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Systems make complex products easier to maintain.<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Reusable components and patterns make it easier to<!-- [et_pb_line_break_holder] -->                    expand a product without creating visual inconsistency.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-1097","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/pages\/1097"}],"collection":[{"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=1097"}],"version-history":[{"count":11,"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/pages\/1097\/revisions"}],"predecessor-version":[{"id":1274,"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/pages\/1097\/revisions\/1274"}],"wp:attachment":[{"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=1097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}