{"id":271,"date":"2023-07-15T11:31:51","date_gmt":"2023-07-15T11:31:51","guid":{"rendered":"https:\/\/pranitauiuxdesigner.co.in\/?page_id=271"},"modified":"2026-08-26T09:02:21","modified_gmt":"2026-08-26T09:02:21","slug":"website-designing","status":"publish","type":"page","link":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/website-designing\/","title":{"rendered":"Case Study 2"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; custom_padding=&#8221;||0px|||&#8221;][et_pb_column _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243; theme_builder_area=&#8221;post_content&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   PRANITA PORTFOLIO \u2014 CASE STUDY 02<!-- [et_pb_line_break_holder] -->   EMPLOYEE ONBOARDING<!-- [et_pb_line_break_holder] -->   Same visual language as Home + About + Case Study 01<!-- [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] -->.onboarding-case-study {<!-- [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] -->.onboarding-case-study *,<!-- [et_pb_line_break_holder] -->.onboarding-case-study *::before,<!-- [et_pb_line_break_holder] -->.onboarding-case-study *::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] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   TYPOGRAPHY<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-case-study h1,<!-- [et_pb_line_break_holder] -->.onboarding-case-study h2,<!-- [et_pb_line_break_holder] -->.onboarding-case-study h3,<!-- [et_pb_line_break_holder] -->.onboarding-case-study 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] -->.onboarding-case-study h1 {<!-- [et_pb_line_break_holder] -->    font-size: clamp(44px, 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 24px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-case-study 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] -->.onboarding-case-study h3 {<!-- [et_pb_line_break_holder] -->    font-size: 19px;<!-- [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] -->.onboarding-case-study 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] -->   HERO<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-hero {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 65px;<!-- [et_pb_line_break_holder] --><!-- [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% 8%,<!-- [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] -->.onboarding-hero::after {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    content: \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 330px;<!-- [et_pb_line_break_holder] -->    height: 330px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    right: -170px;<!-- [et_pb_line_break_holder] -->    bottom: -180px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid rgba(99,91,255,.15);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-eyebrow {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] --><!-- [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] -->.onboarding-eyebrow::before {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    background: var(--purple);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-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] -->.onboarding-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] -->.onboarding-hero-description {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    max-width: 800px;<!-- [et_pb_line_break_holder] --><!-- [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] -->.onboarding-tags {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    gap: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 28px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-tags span {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 9px 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #dedee5;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #55555e;<!-- [et_pb_line_break_holder] --><!-- [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] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   PROJECT SNAPSHOT<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-snapshot {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(4,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 25px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.snapshot-card {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 22px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid var(--border);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.snapshot-label {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--muted);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] --><!-- [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] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.snapshot-value {<!-- [et_pb_line_break_holder] --><!-- [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: 16px;<!-- [et_pb_line_break_holder] --><!-- [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] -->   COMMON SECTION<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-section {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 60px;<!-- [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 var(--border);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-section.purple {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f4f3ff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-color: #e3e0ff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-section.blue {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f2f6ff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-color: #dfe7ff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-section.green {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f1faf6;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-color: #dcefe7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-section.orange {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff8e9;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-color: #f3e5bd;<!-- [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] -->.onboarding-section-heading {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: 75px 1fr;<!-- [et_pb_line_break_holder] --><!-- [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] -->.onboarding-number {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-label {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-section-heading p {<!-- [et_pb_line_break_holder] --><!-- [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] -->   PROJECT OVERVIEW<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.overview-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: 1.1fr 1fr;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.overview-main {<!-- [et_pb_line_break_holder] --><!-- [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] -->.overview-main h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 25px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.overview-main p {<!-- [et_pb_line_break_holder] --><!-- [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] -->.overview-side {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.overview-card {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 22px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e2e2e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.overview-card span {<!-- [et_pb_line_break_holder] --><!-- [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(--purple);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] --><!-- [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] -->.overview-card h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.overview-card p {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.6;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [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] -->.problem-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.problem-card {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.problem-number {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.problem-card h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.problem-card p {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   ONBOARDING STRUCTURE<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-card {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 32px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e2e2e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-card.ready {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-top: 4px solid var(--purple);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-card.after {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-top: 4px solid var(--green);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-title {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 25px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-icon {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 42px;<!-- [et_pb_line_break_holder] -->    height: 42px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] --><!-- [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: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--purple-soft);<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-card.after .structure-icon {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--green-soft);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--green);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-title h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 19px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-list {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-step {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: 34px 1fr;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 14px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fafafa;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e8e8ea;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-step-number {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 28px;<!-- [et_pb_line_break_holder] -->    height: 28px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] --><!-- [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: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--purple-soft);<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-card.after .structure-step-number {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--green-soft);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--green);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-step strong {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 3px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--dark);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.structure-step span {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--muted);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] -->   ROLE BASED WORKFLOW<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.workflow-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.workflow-card {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 25px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 17px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e1e1e4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.workflow-role {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] --><!-- [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: var(--blue-soft);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--blue);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    letter-spacing: .6px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    text-transform: uppercase;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.workflow-card h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.workflow-card p {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] -->   DESIGN DECISIONS<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.decisions-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.decision-card {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: 48px 1fr;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 25px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 17px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e2e2e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.decision-number {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 42px;<!-- [et_pb_line_break_holder] -->    height: 42px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] --><!-- [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: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--orange-soft);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: var(--orange);<!-- [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: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.decision-card h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.decision-card p {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] -->   UI SYSTEM<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.system-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.system-card {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.system-code {<!-- [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] --><!-- [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] -->.system-card h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.system-card p {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [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] -->.outcome-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: 1fr 1.1fr;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.outcome-main {<!-- [et_pb_line_break_holder] --><!-- [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] -->.outcome-main h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 27px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.45;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.outcome-main p {<!-- [et_pb_line_break_holder] --><!-- [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] -->.outcome-list {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.outcome-item {<!-- [et_pb_line_break_holder] --><!-- [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: white;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e2e2e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.outcome-item-number {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] -->.outcome-item h3 {<!-- [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] -->.outcome-item p {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] -->   KEY TAKEAWAYS<!-- [et_pb_line_break_holder] -->========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.takeaway-grid {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3,1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.takeaway-card {<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #e3e3e5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.takeaway-card h3 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.takeaway-card p {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.7;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [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] -->.onboarding-final {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 60px 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] --><!-- [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] -->.onboarding-final h2 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-final p {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    max-width: 680px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin: 0 auto 28px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.onboarding-button {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: inline-flex;<!-- [et_pb_line_break_holder] --><!-- [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] --><!-- [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] -->.onboarding-button:hover {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: var(--purple-dark);<!-- [et_pb_line_break_holder] --><!-- [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] -->   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] -->    .onboarding-case-study {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        padding: 40px 20px 80px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-hero,<!-- [et_pb_line_break_holder] -->    .onboarding-section {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        padding: 45px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-snapshot {<!-- [et_pb_line_break_holder] --><!-- [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] -->    .problem-grid,<!-- [et_pb_line_break_holder] -->    .workflow-grid,<!-- [et_pb_line_break_holder] -->    .system-grid,<!-- [et_pb_line_break_holder] -->    .takeaway-grid {<!-- [et_pb_line_break_holder] --><!-- [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] -->    .overview-grid,<!-- [et_pb_line_break_holder] -->    .outcome-grid {<!-- [et_pb_line_break_holder] --><!-- [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] -->    .onboarding-case-study {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        padding: 25px 14px 60px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-hero,<!-- [et_pb_line_break_holder] -->    .onboarding-section {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        padding: 30px 22px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border-radius: 20px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-hero {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        padding-top: 38px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-case-study h1 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        font-size: 40px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        letter-spacing: -1.8px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-case-study h2 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        font-size: 29px;<!-- [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] -->    .onboarding-case-study p {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        font-size: 16px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        line-height: 1.75;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-hero-description {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        font-size: 17px !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-snapshot,<!-- [et_pb_line_break_holder] -->    .problem-grid,<!-- [et_pb_line_break_holder] -->    .structure-grid,<!-- [et_pb_line_break_holder] -->    .workflow-grid,<!-- [et_pb_line_break_holder] -->    .decisions-grid,<!-- [et_pb_line_break_holder] -->    .system-grid,<!-- [et_pb_line_break_holder] -->    .outcome-grid,<!-- [et_pb_line_break_holder] -->    .takeaway-grid,<!-- [et_pb_line_break_holder] -->    .outcome-list,<!-- [et_pb_line_break_holder] -->    .overview-side {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-section-heading {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        grid-template-columns: 55px 1fr;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        gap: 15px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-number {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        width: 48px;<!-- [et_pb_line_break_holder] -->        height: 48px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border-radius: 14px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .decision-card {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        grid-template-columns: 42px 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-final {<!-- [et_pb_line_break_holder] --><!-- [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] -->   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] -->    .onboarding-case-study h1 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        font-size: 35px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .onboarding-case-study h2 {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        font-size: 26px;<!-- [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] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"onboarding-case-study\"><!-- [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=\"onboarding-hero\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-eyebrow\"><!-- [et_pb_line_break_holder] -->            Case Study 02 \u00b7 Enterprise Employee Onboarding<!-- [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] -->            Making employee <span>onboarding<\/span><!-- [et_pb_line_break_holder] -->            structured and effortless.<!-- [et_pb_line_break_holder] -->        <\/h1>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <pee class=\"onboarding-hero-description\"><!-- [et_pb_line_break_holder] -->            Designing an enterprise onboarding experience that helps<!-- [et_pb_line_break_holder] -->            teams coordinate pre-joining and post-joining activities<!-- [et_pb_line_break_holder] -->            while giving employees and internal teams clear visibility<!-- [et_pb_line_break_holder] -->            into every step.<!-- [et_pb_line_break_holder] -->        <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-tags\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span>UI\/UX Design<\/span><!-- [et_pb_line_break_holder] -->            <span>Enterprise Product<\/span><!-- [et_pb_line_break_holder] -->            <span>HRMS<\/span><!-- [et_pb_line_break_holder] -->            <span>Workflow Design<\/span><!-- [et_pb_line_break_holder] -->            <span>Design System<\/span><!-- [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] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         PROJECT SNAPSHOT<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"onboarding-snapshot\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"snapshot-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-label\"><!-- [et_pb_line_break_holder] -->                Product<!-- [et_pb_line_break_holder] -->            <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-value\"><!-- [et_pb_line_break_holder] -->                Enterprise HRMS<!-- [et_pb_line_break_holder] -->            <\/span><!-- [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=\"snapshot-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-label\"><!-- [et_pb_line_break_holder] -->                My Role<!-- [et_pb_line_break_holder] -->            <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-value\"><!-- [et_pb_line_break_holder] -->                UI\/UX Designer<!-- [et_pb_line_break_holder] -->            <\/span><!-- [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=\"snapshot-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-label\"><!-- [et_pb_line_break_holder] -->                Focus<!-- [et_pb_line_break_holder] -->            <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-value\"><!-- [et_pb_line_break_holder] -->                Onboarding Workflow<!-- [et_pb_line_break_holder] -->            <\/span><!-- [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=\"snapshot-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-label\"><!-- [et_pb_line_break_holder] -->                Platform<!-- [et_pb_line_break_holder] -->            <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <span class=\"snapshot-value\"><!-- [et_pb_line_break_holder] -->                Web Application<!-- [et_pb_line_break_holder] -->            <\/span><!-- [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] --><!-- [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=\"onboarding-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"onboarding-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] -->                    Turning a multi-team process into one clear experience.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Employee onboarding involved multiple departments,<!-- [et_pb_line_break_holder] -->                    tasks, approvals and documents. The challenge was<!-- [et_pb_line_break_holder] -->                    to bring these activities into a structured workflow<!-- [et_pb_line_break_holder] -->                    without overwhelming users with 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] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"overview-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"overview-main\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    The design challenge was not simply creating<!-- [et_pb_line_break_holder] -->                    onboarding screens.<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    It was about creating a system where People, IT,<!-- [et_pb_line_break_holder] -->                    Admin, Legal and employees could understand what<!-- [et_pb_line_break_holder] -->                    needed to happen, who was responsible and what<!-- [et_pb_line_break_holder] -->                    remained pending.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    I focused on creating a clear information hierarchy,<!-- [et_pb_line_break_holder] -->                    role-based visibility and a predictable step-by-step<!-- [et_pb_line_break_holder] -->                    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=\"overview-side\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"overview-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span><!-- [et_pb_line_break_holder] -->                        CHALLENGE<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Multiple stakeholders<!-- [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 were responsible for different<!-- [et_pb_line_break_holder] -->                        onboarding activities.<!-- [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=\"overview-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span><!-- [et_pb_line_break_holder] -->                        COMPLEXITY<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Sequential tasks<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Several activities depended on previous steps<!-- [et_pb_line_break_holder] -->                        being completed.<!-- [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=\"overview-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span><!-- [et_pb_line_break_holder] -->                        USER NEED<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Clear 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 to quickly understand progress<!-- [et_pb_line_break_holder] -->                        and pending actions.<!-- [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=\"overview-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span><!-- [et_pb_line_break_holder] -->                        DESIGN GOAL<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Reduce complexity<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Make a complex enterprise process feel<!-- [et_pb_line_break_holder] -->                        straightforward.<!-- [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] -->    <!-- =====================================================<!-- [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=\"onboarding-section purple\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"onboarding-label\"><!-- [et_pb_line_break_holder] -->                    Problem<!-- [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] -->                    Onboarding involved too many moving parts.<!-- [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 process needed to coordinate different teams,<!-- [et_pb_line_break_holder] -->                    tasks and documents while maintaining a simple<!-- [et_pb_line_break_holder] -->                    experience for users.<!-- [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=\"problem-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"problem-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"problem-number\"><!-- [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] -->                    Multiple Departments<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    People, IT, Admin and Legal teams each owned<!-- [et_pb_line_break_holder] -->                    different onboarding activities.<!-- [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=\"problem-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"problem-number\"><!-- [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] -->                    Distributed Tasks<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Activities such as verification, asset allocation,<!-- [et_pb_line_break_holder] -->                    agreements and system setup had to happen in sequence.<!-- [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=\"problem-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"problem-number\"><!-- [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] -->                    Limited 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 simple way to understand completed,<!-- [et_pb_line_break_holder] -->                    active and upcoming onboarding tasks.<!-- [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] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         03 \u2014 ONBOARDING STRUCTURE<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"onboarding-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"onboarding-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] -->                    Dividing the journey into two meaningful stages.<!-- [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 presenting every onboarding activity<!-- [et_pb_line_break_holder] -->                    together, I structured the experience into two<!-- [et_pb_line_break_holder] -->                    major stages: Ready to Join and After Joining.<!-- [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=\"structure-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- READY TO JOIN --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"structure-card ready\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"structure-title\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"structure-icon\"><!-- [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] -->                        Ready to Join<!-- [et_pb_line_break_holder] -->                    <\/h3>\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=\"structure-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Background Verification<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Managed by People function<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Asset Allocation<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Managed by IT function<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Asset Dispatch<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Managed by Admin function<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [et_pb_line_break_holder] -->                            04<!-- [et_pb_line_break_holder] -->                        <\/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] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Asset Delivery<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Managed by Admin function<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [et_pb_line_break_holder] -->                            05<!-- [et_pb_line_break_holder] -->                        <\/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] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Legal Agreement<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Managed by Legal function<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [et_pb_line_break_holder] -->                            06<!-- [et_pb_line_break_holder] -->                        <\/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] -->                            <strong><!-- [et_pb_line_break_holder] -->                                System Configuration<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Managed by IT function<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- AFTER JOINING --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"structure-card after\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"structure-title\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"structure-icon\"><!-- [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] -->                        After Joining<!-- [et_pb_line_break_holder] -->                    <\/h3>\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=\"structure-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Induction Planning<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Managed by People team<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Document Uploading<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Employee submits required documents<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Document Signing<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Employee completes required agreements<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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=\"structure-step\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"structure-step-number\"><!-- [et_pb_line_break_holder] -->                            04<!-- [et_pb_line_break_holder] -->                        <\/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] -->                            <strong><!-- [et_pb_line_break_holder] -->                                Completion<!-- [et_pb_line_break_holder] -->                            <\/strong><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <span><!-- [et_pb_line_break_holder] -->                                Onboarding reaches final completion state<!-- [et_pb_line_break_holder] -->                            <\/span><!-- [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] -->            <\/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] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         04 \u2014 ROLE BASED WORKFLOW<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"onboarding-section blue\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [et_pb_line_break_holder] -->                04<!-- [et_pb_line_break_holder] -->            <\/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=\"onboarding-label\"><!-- [et_pb_line_break_holder] -->                    Workflow Design<!-- [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 ownership visible at every step.<!-- [et_pb_line_break_holder] -->                <\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Since several departments participate in onboarding,<!-- [et_pb_line_break_holder] -->                    the experience needed to communicate responsibility<!-- [et_pb_line_break_holder] -->                    clearly without adding unnecessary complexity.<!-- [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=\"workflow-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"workflow-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"workflow-role\"><!-- [et_pb_line_break_holder] -->                    People<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Employee &#038; Process Coordination<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Handles background verification, induction planning<!-- [et_pb_line_break_holder] -->                    and overall onboarding coordination.<!-- [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=\"workflow-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"workflow-role\"><!-- [et_pb_line_break_holder] -->                    IT<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Assets &#038; System Setup<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Responsible for asset allocation and system<!-- [et_pb_line_break_holder] -->                    configuration required before joining.<!-- [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=\"workflow-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"workflow-role\"><!-- [et_pb_line_break_holder] -->                    Admin<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Asset Dispatch &#038; Delivery<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Coordinates physical asset dispatch and delivery<!-- [et_pb_line_break_holder] -->                    to the employee.<!-- [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=\"workflow-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"workflow-role\"><!-- [et_pb_line_break_holder] -->                    Legal<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Agreements<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Manages legal agreements and ensures required<!-- [et_pb_line_break_holder] -->                    documentation is completed.<!-- [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=\"workflow-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"workflow-role\"><!-- [et_pb_line_break_holder] -->                    Employee<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Documents &#038; 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] -->                    Completes personal tasks such as document uploads<!-- [et_pb_line_break_holder] -->                    and signing.<!-- [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=\"workflow-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <span class=\"workflow-role\"><!-- [et_pb_line_break_holder] -->                    System<!-- [et_pb_line_break_holder] -->                <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Progress 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] -->                    Provides a consistent way to understand completed,<!-- [et_pb_line_break_holder] -->                    active and pending activities.<!-- [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] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         05 \u2014 DESIGN DECISIONS<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"onboarding-section orange\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [et_pb_line_break_holder] -->                05<!-- [et_pb_line_break_holder] -->            <\/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=\"onboarding-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] -->                    Designing for clarity instead of adding more information.<!-- [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 main design challenge was presenting a large<!-- [et_pb_line_break_holder] -->                    amount of process information without making the<!-- [et_pb_line_break_holder] -->                    interface feel complicated.<!-- [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=\"decisions-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"decision-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"decision-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Clear Stage Separation<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Dividing onboarding into Ready to Join and<!-- [et_pb_line_break_holder] -->                        After Joining helped users understand where<!-- [et_pb_line_break_holder] -->                        they were in the overall journey.<!-- [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=\"decision-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"decision-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Step-Based Progress<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Breaking large workflows into individual steps<!-- [et_pb_line_break_holder] -->                        made the process easier to scan and understand.<!-- [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=\"decision-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"decision-number\"><!-- [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<div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Role 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] -->                        Showing the responsible function alongside tasks<!-- [et_pb_line_break_holder] -->                        created clearer ownership across departments.<!-- [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=\"decision-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"decision-number\"><!-- [et_pb_line_break_holder] -->                    04<!-- [et_pb_line_break_holder] -->                <\/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<h3><!-- [et_pb_line_break_holder] -->                        Consistent Status 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] -->                        Reusing predictable visual patterns for task<!-- [et_pb_line_break_holder] -->                        states helped users understand progress 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] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"decision-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"decision-number\"><!-- [et_pb_line_break_holder] -->                    05<!-- [et_pb_line_break_holder] -->                <\/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<h3><!-- [et_pb_line_break_holder] -->                        Progressive 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] -->                        Important information was prioritized first,<!-- [et_pb_line_break_holder] -->                        while secondary details remained available<!-- [et_pb_line_break_holder] -->                        without competing for 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] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"decision-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"decision-number\"><!-- [et_pb_line_break_holder] -->                    06<!-- [et_pb_line_break_holder] -->                <\/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<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 layout was designed so additional onboarding<!-- [et_pb_line_break_holder] -->                        steps could be added without redesigning the<!-- [et_pb_line_break_holder] -->                        entire 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] -->        <\/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] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         06 \u2014 DESIGN SYSTEM<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"onboarding-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [et_pb_line_break_holder] -->                06<!-- [et_pb_line_break_holder] -->            <\/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=\"onboarding-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] -->                    Creating consistency across a growing HRMS product.<!-- [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 onboarding experience was designed using reusable<!-- [et_pb_line_break_holder] -->                    patterns so that the same visual language could work<!-- [et_pb_line_break_holder] -->                    across other enterprise HRMS modules.<!-- [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=\"system-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"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 UI Components<!-- [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, buttons, status indicators, tags and form<!-- [et_pb_line_break_holder] -->                    patterns were designed to remain consistent across<!-- [et_pb_line_break_holder] -->                    the 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=\"system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"system-code\"><!-- [et_pb_line_break_holder] -->                    02 \/ 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] -->                    Clear Information 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] -->                    Typography, spacing and visual emphasis were used<!-- [et_pb_line_break_holder] -->                    to make important actions and information easy to<!-- [et_pb_line_break_holder] -->                    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=\"system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"system-code\"><!-- [et_pb_line_break_holder] -->                    03 \/ PATTERNS<!-- [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 Workflow 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] -->                    Reusable patterns helped maintain a familiar<!-- [et_pb_line_break_holder] -->                    experience when users moved between HRMS modules.<!-- [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=\"system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"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] -->                    Meaningful 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] -->                    Visual states were structured to communicate<!-- [et_pb_line_break_holder] -->                    progress, pending work and completed activities.<!-- [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=\"system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"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] -->                    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] -->                    Layout patterns were considered for different<!-- [et_pb_line_break_holder] -->                    screen sizes while preserving 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=\"system-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"system-code\"><!-- [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 for Growth<!-- [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 system could support additional workflows,<!-- [et_pb_line_break_holder] -->                    departments and onboarding activities over time.<!-- [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] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         07 \u2014 OUTCOME<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"onboarding-section green\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [et_pb_line_break_holder] -->                07<!-- [et_pb_line_break_holder] -->            <\/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=\"onboarding-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 complex enterprise workflow became easier to understand.<!-- [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 experience brought multiple onboarding<!-- [et_pb_line_break_holder] -->                    activities into a structured journey while keeping<!-- [et_pb_line_break_holder] -->                    responsibility, progress and next steps visible.<!-- [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=\"outcome-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"outcome-main\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    The biggest improvement was clarity.<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    Instead of treating onboarding as a collection of<!-- [et_pb_line_break_holder] -->                    unrelated tasks, the experience presented it as one<!-- [et_pb_line_break_holder] -->                    connected journey.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee><!-- [et_pb_line_break_holder] -->                    This approach also created a foundation that could<!-- [et_pb_line_break_holder] -->                    be extended to other employee lifecycle 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=\"outcome-list\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span class=\"outcome-item-number\"><!-- [et_pb_line_break_holder] -->                        01<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Better 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 can understand where an employee is<!-- [et_pb_line_break_holder] -->                        within the onboarding journey.<!-- [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=\"outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span class=\"outcome-item-number\"><!-- [et_pb_line_break_holder] -->                        02<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Clear Ownership<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Department responsibilities become easier<!-- [et_pb_line_break_holder] -->                        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=\"outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span class=\"outcome-item-number\"><!-- [et_pb_line_break_holder] -->                        03<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Reduced Cognitive Load<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Information is presented in smaller,<!-- [et_pb_line_break_holder] -->                        understandable stages.<!-- [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=\"outcome-item\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <span class=\"outcome-item-number\"><!-- [et_pb_line_break_holder] -->                        04<!-- [et_pb_line_break_holder] -->                    <\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                        Scalable 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] -->                        The structure can accommodate additional<!-- [et_pb_line_break_holder] -->                        workflows and activities.<!-- [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] -->    <!-- =====================================================<!-- [et_pb_line_break_holder] -->         08 \u2014 KEY TAKEAWAYS<!-- [et_pb_line_break_holder] -->    ====================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"onboarding-section\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"onboarding-section-heading\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"onboarding-number\"><!-- [et_pb_line_break_holder] -->                08<!-- [et_pb_line_break_holder] -->            <\/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=\"onboarding-label\"><!-- [et_pb_line_break_holder] -->                    Key Takeaways<!-- [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 design.<!-- [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 onboarding reinforced the importance of<!-- [et_pb_line_break_holder] -->                    designing systems rather than isolated screens.<!-- [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=\"takeaway-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"takeaway-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Complexity needs 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] -->                    When workflows involve multiple teams, strong<!-- [et_pb_line_break_holder] -->                    information architecture becomes as important<!-- [et_pb_line_break_holder] -->                    as visual design.<!-- [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=\"takeaway-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Visibility builds confidence.<!-- [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 progress, ownership and next actions helps<!-- [et_pb_line_break_holder] -->                    users feel more confident while completing complex<!-- [et_pb_line_break_holder] -->                    business processes.<!-- [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=\"takeaway-card\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3><!-- [et_pb_line_break_holder] -->                    Systems create scalability.<!-- [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 workflow patterns make it<!-- [et_pb_line_break_holder] -->                    easier to extend a product without losing consistency.<!-- [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] --><\/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-271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/pages\/271"}],"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=271"}],"version-history":[{"count":51,"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/pages\/271\/revisions"}],"predecessor-version":[{"id":1273,"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/pages\/271\/revisions\/1273"}],"wp:attachment":[{"href":"https:\/\/pranitauiuxdesigner.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}