https://evergreens.com.ua/assets/index-BS_9FX-m.js

1import{j as e}from"./radix-ui-D-nUPS97.js";import{o as i,p,u as f,B as N,H as b}from"./index-CJoc5g0n.js";import{B as v,a as y,b as c,c as h,d as g,e as w}from"./breadcrumb-BMm49YIS.js";import{L as d}from"./react-vendor-KCNz9AAe.js";import{E as k,r as n,T as x,Z as m,K as U,aY as I,al as C,z as P,e as X,x as j,u as B,w as W,b0 as u,I as D,b1 as S,a6 as _,$ as L,A as o}from"./ui-utils-B6GCUQEJ.js";import{C as a,a as t}from"./card-D5I8vWnx.js";import"./utils-CNo-cTEU.js";import"./data-B9WeS5eg.js";import"./forms-DZqI8eVh.js";const z="https://evergreen.storage.evergreen.team/evergreen/case-studies/design-class-case.jpg",A=()=>{const r=[{icon:n,value:"Покращено",label:"Зручність"},{icon:x,value:"Вища",label:"Конверсія"},{icon:m,value:"Гнучке",label:"Управління контентом"}];return e.jsxs("section",{className:"relative bg-gradient-to-br from-background via-secondary/20 to-background pt-8 lg:pt-10 pb-8 lg:pb-12 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,hsl(var(--border))_1px,transparent_1px),linear-gradient(to_bottom,hsl(var(--border))_1px,transparent_1px)] bg-[size:4rem_4rem] opacity-30"}),e.jsx("div",{className:"container mx-auto px-4 relative z-10",children:e.jsxs("div",{children:[e.jsx(v,{className:"mb-6",children:e.jsxs(y,{children:[e.jsx(c,{children:e.jsx(h,{asChild:!0,children:e.jsx(d,{to:"/",className:"text-muted-foreground hover:text-foreground",children:"Головна"})})}),e.jsx(g,{}),e.jsx(c,{children:e.jsx(h,{asChild:!0,children:e.jsx(d,{to:"/case-studies",className:"text-muted-foreground hover:text-foreground",children:"Кейси"})})}),e.jsx(g,{}),e.jsx(c,{children:e.jsx(w,{className:"text-foreground font-medium",children:"Design-class UX/UI Audit"})})]})}),e.jsxs("div",{className:"grid lg:grid-cols-2 gap-8 lg:gap-12 items-center",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"mb-6",children:[e.jsx("div",{className:"flex items-center gap-2 mb-2",children:e.jsx("h2",{className:"text-2xl font-bold text-foreground",children:"Design-class"})}),e.jsxs("a",{href:"https://design-class.com.ua/",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 text-sm text-primary hover:underline transition-colors",children:["design-class.com.ua",e.jsx(k,{className:"w-3 h-3"})]})]}),e.jsxs("div",{className:"flex flex-wrap gap-2 mb-4",children:[e.jsx(i,{variant:"secondary",children:"Освіта"}),e.jsx(i,{variant:"outline",children:"UX/UI Design"}),e.jsx(i,{variant:"outline",children:"WordPress"})]}),e.jsxs("h1",{className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-4 leading-tight",children:["UX/UI аудит та ",e.jsx("span",{className:"text-primary",children:"реструктуризація порталу"})]}),e.jsx("p",{className:"text-lg text-muted-foreground mb-6 max-w-xl",children:"Провели комплексний UX/UI аудит і реструктуризували освітній портал на WordPress, покращивши зручність, підвищивши конверсію та забезпечивши гнучке управління контентом."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3",children:r.map((s,l)=>e.jsxs("div",{className:"flex items-center gap-3 bg-background/80 backdrop-blur-sm border border-border rounded-xl p-3",children:[e.jsx("div",{className:"w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(s.icon,{className:"w-4 h-4 text-primary"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-bold text-foreground text-sm",children:s.value}),e.jsx("div",{className:"text-xs text-muted-foreground",children:s.label})]})]},l))})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"rounded-2xl overflow-hidden shadow-2xl border border-border/50",children:e.jsx("img",{src:z,alt:"UX/UI аудит та реструктуризація освітнього порталу Design-class",className:"w-full h-auto"})}),e.jsx("div",{className:"absolute -bottom-4 -right-4 w-24 h-24 bg-primary/10 rounded-2xl -z-10"}),e.jsx("div",{className:"absolute -top-4 -left-4 w-16 h-16 bg-secondary rounded-xl -z-10"})]})]})]})})]})},E=()=>{const r=[{icon:U,label:"Клієнт",value:"Design-class (design-class.com.ua)",link:"https://design-class.com.ua/"},{icon:I,label:"Галузь",value:"Освіта / Школа дизайну"},{icon:C,label:"Послуги",value:"UX/UI аудит, реструктуризація сайту, оптимізація WordPress, система управління контентом"},{icon:P,label:"Технології",value:"WordPress, UI/UX Design"}];return e.jsx("section",{className:"py-8 border-b border-border",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsx("div",{className:"max-w-4xl mx-auto",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:r.map((s,l)=>e.jsxs("div",{className:"flex gap-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0",children:e.jsx(s.icon,{className:"w-5 h-5 text-primary"})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-muted-foreground mb-1",children:s.label}),s.link?e.jsxs("a",{href:s.link,target:"_blank",rel:"noopener noreferrer",className:"text-foreground font-medium hover:text-primary transition-colors inline-flex items-center gap-1",children:[s.value,e.jsx("svg",{className:"w-3 h-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"})})]}):e.jsx("div",{className:"text-foreground font-medium",children:s.value})]})]},l))})})})})},T=()=>e.jsx("section",{className:"py-12 lg:py-16",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"max-w-4xl mx-auto 

1space-y-16",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx(X,{className:"w-5 h-5 text-primary"})}),e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground",children:"Огляд клієнта"})]}),e.jsx("div",{className:"prose prose-lg max-w-none",children:e.jsx("p",{className:"text-muted-foreground leading-relaxed",children:"Design-class — відома школа дизайну, що пропонує курси в різних напрямах: від графічного дизайну та інтер'єрів до веброзробки та 3D-моделювання. Сайт є головним інструментом для ознайомлення з програмами навчання та реєстрації студентів."})})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-destructive/10 flex items-center justify-center",children:e.jsx(j,{className:"w-5 h-5 text-destructive"})}),e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground",children:"Задача"})]}),e.jsx("p",{className:"text-muted-foreground leading-relaxed mb-6",children:"Незважаючи на якісний контент, сайт мав технічні та візуальні недоліки, які заважали користувачам."}),e.jsx("p",{className:"text-lg font-semibold text-foreground mb-4",children:"Ключові проблеми:"}),e.jsx("div",{className:"grid gap-3",children:["Заплутана навігація: структура сайту була перевантажена, що ускладнювало пошук потрібного курсу","Застарілий інтерфейс: дизайн не повністю відображав сучасний рівень школи дизайну","Адміністративні труднощі: система управління на базі WordPress потребувала оптимізації для швидких змін і коректного відображення оновленого контенту"].map((r,s)=>e.jsxs("div",{className:"flex items-start gap-3 p-4 bg-secondary/50 rounded-lg",children:[e.jsx(j,{className:"w-5 h-5 text-destructive flex-shrink-0 mt-0.5"}),e.jsx("span",{className:"text-foreground",children:r})]},s))})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx(B,{className:"w-5 h-5 text-primary"})}),e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground",children:"Ціль"})]}),e.jsx("p",{className:"text-muted-foreground leading-relaxed mb-6",children:"Провести глибокий UX/UI аудит, розробити нову структуру сайту та зробити технічні покращення WordPress для покращення користувацького досвіду та спрощення управління сайтом."})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx(W,{className:"w-5 h-5 text-primary"})}),e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground",children:"Рішення"})]}),e.jsx("p",{className:"text-muted-foreground leading-relaxed mb-6",children:"Ми застосували аналітичний підхід, щоб перетворити сайт на ефективний інструмент продажів."}),e.jsx("p",{className:"text-lg font-semibold text-foreground mb-4",children:"Ключові елементи рішення:"}),e.jsxs("div",{className:"grid gap-4",children:[e.jsx(a,{className:"border-l-4 border-l-primary",children:e.jsx(t,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(n,{className:"w-5 h-5 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-foreground mb-2",children:"Комплексний аудит"}),e.jsx("p",{className:"text-muted-foreground",children:"Аналіз поведінки користувачів, виявлення вузьких місць у воронці реєстрації на курси."})]})]})})}),e.jsx(a,{className:"border-l-4 border-l-primary",children:e.jsx(t,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(u,{className:"w-5 h-5 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-foreground mb-2",children:"Редизайн структури"}),e.jsx("p",{className:"text-muted-foreground",children:"Створено логічну ієрархію сторінок для швидкого доступу до ключової інформації."})]})]})})}),e.jsx(a,{className:"border-l-4 border-l-primary",children:e.jsx(t,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(m,{className:"w-5 h-5 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-foreground mb-2",children:"Оптимізація WordPress"}),e.jsx("p",{className:"text-muted-foreground",children:"Адаптовано систему управління до нових вимог дизайну та зручності використання."})]})]})})})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx(D,{className:"w-5 h-5 text-primary"})}),e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground",children:"Деталі впровадження"})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"text-lg font-semibold text-foreground mb-4 flex items-center gap-2",children:[e.jsx(n,{className:"w-5 h-5 text-primary"}),"UX/UI аудит"]}),e.jsx("p",{className:"text-muted-foreground pl-7",children:"Ми ретельно проаналізували шлях клієнта від головної сторінки до подання заявки. Виявлено елементи, які відволікали увагу або збивали з пантелику відвідувачів."})]}),e.jsxs("div",{children:[e.jsxs("h3",{className:"text-lg font-semibold text-foreground mb-4 flex items-center gap-2",children:[e.jsx(u,{className:"w-5 h-5 text-primary"}),"Покращення структури"]}),e.jsxs("div",{className:"pl-7 space-y-2",children:[e.jsx("p",{className:"text-muted-foreground",children:"• Реорганізовано меню та каталоги курсів"}),e.jsx("p",{className:"text-muted-foreground",children:"• Створено зрозумілу систему фільтрації та категорій"})]})]}),e.jsxs("div",{children:[e.jsxs("h3",{className:"text-lg font-semibold text-foreground mb-4 flex items-center gap-2",children:[e.jsx(S,{className:"w-5 h-5 text-primary"}),"Покращення WordPress"]}),e.jsxs("div",{className:"pl-7 space-y-2",children:[e.jsx("p",{className:"text-muted-foreground",children:"• Оптимізовано шаблони сторінок на основі результатів аудиту"}),e.jsx("p",{className:"text-muted-foreground",children:"• Покращено систему управління контентом, що дозволяє адміністраторам легко редагувати описи к

1урсів і розклади"})]})]}),e.jsxs("div",{children:[e.jsxs("h3",{className:"text-lg font-semibold text-foreground mb-4 flex items-center gap-2",children:[e.jsx(_,{className:"w-5 h-5 text-primary"}),"Візуальне оновлення"]}),e.jsx("p",{className:"text-muted-foreground pl-7",children:"Впроваджено UI-рішення, які зробили інтерфейс сучаснішим, чистішим і відповідним статусу школи дизайну."})]})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx(x,{className:"w-5 h-5 text-primary"})}),e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground",children:"Результати"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsx(a,{className:"bg-gradient-to-br from-primary/5 to-transparent border-primary/20",children:e.jsx(t,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(n,{className:"w-6 h-6 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-bold text-foreground mb-1",children:"Покращена зручність"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Користувачі витрачають менше часу на пошук інформації, що позитивно вплинуло на глибину залучення на сайті"})]})]})})}),e.jsx(a,{className:"bg-gradient-to-br from-primary/5 to-transparent border-primary/20",children:e.jsx(t,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(x,{className:"w-6 h-6 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-bold text-foreground mb-1",children:"Зростання конверсії"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Зрозуміліша структура та покращені UI-елементи призвели до збільшення заявок на навчання"})]})]})})}),e.jsx(a,{className:"bg-gradient-to-br from-primary/5 to-transparent border-primary/20",children:e.jsx(t,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(m,{className:"w-6 h-6 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-bold text-foreground mb-1",children:"Гнучке управління"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Завдяки покращенням WordPress команда Design-class може швидко оновлювати сайт без допомоги розробників"})]})]})})}),e.jsx(a,{className:"bg-gradient-to-br from-primary/5 to-transparent border-primary/20",children:e.jsx(t,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(L,{className:"w-6 h-6 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-bold text-foreground mb-1",children:"Професійний вигляд"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Сайт отримав дизайн, що відповідає високим стандартам креативної індустрії"})]})]})})})]})]})]})})}),F=()=>{const r=p.filter(s=>s.slug!=="design-class-ux-ui-audit").slice(0,3);return e.jsx("section",{className:"py-12 lg:py-16 bg-secondary/30",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"max-w-5xl mx-auto",children:[e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground mb-8 text-center",children:"Схожі кейси"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8",children:r.map(s=>e.jsx(d,{to:`/case-studies/${s.slug}`,className:"group",children:e.jsxs(a,{className:"h-full overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",children:[e.jsx("div",{className:"relative h-36 overflow-hidden",children:e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105",loading:"lazy"})}),e.jsxs(t,{className:"p-4",children:[e.jsx("div",{className:"flex flex-wrap gap-1 mb-2",children:s.industries.slice(0,1).map(l=>e.jsx(i,{variant:"secondary",className:"text-xs",children:l},l))}),e.jsx("h3",{className:"font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2 text-sm",children:s.title}),e.jsxs("span",{className:"inline-flex items-center text-xs font-medium text-primary group-hover:underline",children:["Переглянути Ð

1ºÐµÐ¹Ñ",e.jsx(o,{className:"ml-1 w-3 h-3 group-hover:translate-x-1 transition-transform"})]})]})]})},s.id))}),e.jsx("div",{className:"text-center",children:e.jsxs(d,{to:"/case-studies",className:"inline-flex items-center text-primary font-medium hover:underline",children:["Переглянути всі кейси",e.jsx(o,{className:"ml-2 w-4 h-4"})]})})]})})})},H=()=>{const{openForm:r}=f();return e.jsx("section",{className:"py-16 lg:py-20 bg-gradient-to-br from-primary/5 via-background to-secondary/30",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center",children:[e.jsx("h2",{className:"text-2xl lg:text-3xl font-bold text-foreground mb-4",children:"Готові трансформувати свій сайт?"}),e.jsx("p",{className:"text-lg text-muted-foreground mb-8 max-w-2xl mx-auto",children:"Обговоримо, як UX/UI аудит і реструктуризація сайту можуть покращити зручність, підвищити конверсію та спростити управління контентом для вашого бізнесу."}),e.jsxs(N,{size:"lg",className:"btn-cta text-base px-8 py-6",onClick:()=>r(),children:["Поговорити з експертом",e.jsx(o,{className:"w-4 h-4"})]})]})})})},O=()=>e.jsxs(e.Fragment,{children:[e.jsxs(b,{children:[e.jsx("title",{children:"UX/UI аудит і реструктуризація: трансформація освітнього порталу Design-class | Кейс | Evergreen"}),e.jsx("meta",{name:"description",content:"Як Evergreen провела комплексний UX/UI аудит і реструктуризувала освітній портал Design-class на WordPress, покращивши зручність, підвищивши конверсію та забезпечивши гнучке управління контентом."}),e.jsx("meta",{name:"keywords",content:"UX audit, UI design, WordPress optimization, educational portal, design school, website restructuring, usability improvement, conversion optimization"}),e.jsx("link",{rel:"canonical",href:"https://evergreens.com.ua/case-studies/design-class-ux-ui-audit"}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:url",content:"https://evergreen.storage.evergreen.team/evergreen/case-studies/design-class-ux-ui-audit"}),e.jsx("meta",{property:"og:image",content:"https://evergreen.storage.evergreen.team/evergreen/case-studies/design-class-case.jpg"}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:image",content:"https://evergreen.storage.evergreen.team/evergreen/case-studies/design-class-case.jpg"})]}),e.jsx(A,{}),e.jsx(E,{}),e.jsx(T,{}),e.jsx(H,{}),e.jsx(F,{})]});export{O as default};