https://lehnerdigitalwebsite.replit.app/assets/case-study-csmart-BRlzPKfs.js

1import{r as n,j as e,L as t,l as r,g as o,C as d,U as c,T as m,G as h,a as x,X as p}from"./index-D0ytri6Z.js";import{S as g,F as u}from"./share-buttons-Cnu8LxtC.js";import{A as w}from"./arrow-left-Do6ZUn1z.js";import{L as f}from"./lightbulb-_rnncMq3.js";import{G as b}from"./git-branch-DG382Cjt.js";import{P as j}from"./pen-tool-mpi99o9V.js";import{S as N}from"./smartphone-awNISK1y.js";import"./link-2-BKfNnhQY.js";function P(){const[i,l]=n.useState(null);return e.jsxs("div",{className:"bg-slate-950 text-slate-400 antialiased selection:bg-indigo-500 selection:text-white overflow-x-hidden relative min-h-screen font-sans",children:[e.jsxs("div",{className:"fixed top-0 left-0 w-full h-full -z-10 pointer-events-none bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950",children:[e.jsx("div",{className:"absolute top-1/4 left-1/4 w-96 h-96 bg-indigo-600/10 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-1/4 right-1/4 w-80 h-80 bg-purple-600/10 rounded-full blur-3xl"})]}),e.jsx("nav",{className:"fixed top-0 w-full z-50 glass-nav transition-all duration-300",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 h-14 flex items-center justify-between",children:[e.jsx(t,{href:"/",className:"group flex items-center gap-2.5",children:e.jsx("img",{src:r,alt:"Lehner Digital",className:"h-8 w-auto"})}),e.jsxs("div",{className:"hidden md:flex items-center gap-8",children:[e.jsx(t,{href:"/capabilities",className:"text-xs font-medium text-slate-400 hover:text-white transition-colors uppercase tracking-wider",children:"Capabilities"}),e.jsx(t,{href:"/clients",className:"text-xs font-medium text-slate-400 hover:text-white transition-colors uppercase tracking-wider",children:"Clients"}),e.jsx(t,{href:"/process",className:"text-xs font-medium text-slate-400 hover:text-white transition-colors uppercase tracking-wider",children:"Process"}),e.jsxs("div",{className:"relative group h-14 flex items-center cursor-pointer",children:[e.jsx(t,{href:"/company",className:"text-xs font-medium text-slate-400 group-hover:text-white transition-colors uppercase tracking-wider flex items-center gap-1",children:"Company"}),e.jsx("div",{className:"absolute top-full left-1/2 -translate-x-1/2 pt-1 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200",children:e.jsxs("div",{className:"bg-slate-900/90 backdrop-blur-xl border border-white/10 rounded-lg p-1 min-w-[120px] shadow-xl",children:[e.jsx(t,{href:"/company",className:"block px-3 py-2 text-xs text-slate-400 hover:text-white hover:bg-white/5 rounded-md transition-colors whitespace-nowrap",children:"About Us"}),e.jsx(t,{href:"/articles",className:"block px-3 py-2 text-xs text-slate-400 hover:text-white hover:bg-white/5 rounded-md transition-colors whitespace-nowrap",children:"Articles"})]})})]}),e.jsx(t,{href:"/contact",className:"text-xs font-medium text-slate-400 hover:text-white transition-colors uppercase tracking-wider",children:"Contact Us"})]})]})}),e.jsxs("main",{className:"relative pt-24 pb-20 px-6 max-w-5xl mx-auto",children:[e.jsxs("div",{className:"flex items-center justify-between mb-8",children:[e.jsxs(t,{href:"/work",className:"inline-flex items-center gap-2 text-sm text-slate-400 hover:text-white transition-colors",children:[e.jsx(w,{className:"w-4 h-4"}),"Back to Work"]}),e.jsx(g,{title:"C-SMART - Case Study | Lehner Digital",description:"Campaign Finance Management Application"})]}),e.jsxs("div",{className:"mb-16 flex flex-col md:flex-row md:items-center md:justify-between gap-8",children:[e.jsxs("div",{children:[e.jsx("div",{className:"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-emerald-500/10 border border-emerald-500/20 backdrop-blur-md mb-6",children:e.jsx("span",{className:"text-xs font-medium text-emerald-300 tracking-wide",children:"Case Study"})}),e.jsx("h1",{className:"text-4xl sm:text-5xl lg:text-6xl font-medium tracking-tighter text-white leading-[0.95] mb-6",children:"C-SMART"}),e.jsx("p",{className:"text-xl text-slate-300 font-light",children:"Campaign Finance Management Application"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("img",{loading:"lazy",src:"http://lehnerdigital.net/wp-content/uploads/2020/01/C-Smart_Cover.png",alt:"C-SMART Cover",className:"w-64 md:w-80 rounded-xl shadow-2xl border border-slate-700/50 cursor-pointer hover:scale-105 transition-all",onClick:()=>l("http://lehnerdigital.net/wp-content/uploads/2020/01/C-Smart_Cover.png"),"data-testid":"img-app-screenshot"})})]}),e.jsxs("section",{className:"mb-20",children:[e.jsxs("h2",{className:"text-2xl font-medium text-white mb-6 flex items-center gap-3",children:[e.jsx(u,{className:"w-6 h-6 text-indigo-400"}),"Overview"]}),e.jsxs("div",{className:"glass-card rounded-xl p-8",children:[e.jsx("p",{className:"text-slate-300 leading-relaxed mb-6",children:"C-SMART is the Campaign Finance Board's web-based application for campaigns to disclose the

1ir financial activity. By law, all contributions made to a candidate, as well as expenditures and vendor payments made by the candidate/campaign are required to be tracked by New York Campaign Finance board to ensure that proper compliance adhered to."}),e.jsx("p",{className:"text-slate-300 leading-relaxed mb-6",children:"The current system was designed in a piecemeal fashion over a number of years as new laws were created. Each time a new campaign finance law was created, managers at the CFB would have to quickly design and build new functionality to comply with the new laws."}),e.jsx("p",{className:"text-slate-300 leading-relaxed",children:"Over time as the C-Smart system grew, many parts of its functionality were no longer seamlessly integrated. Furthermore, the frontend designs were outdated and obsolete compared to the new frameworks that were currently available."})]})]}),e.jsxs("section",{className:"mb-20",children:[e.jsxs("h2",{className:"text-2xl font-medium text-white mb-6 flex items-center gap-3",children:[e.jsx(o,{className:"w-6 h-6 text-emerald-400"}),"Business Goals"]}),e.jsxs("div",{className:"glass-card rounded-xl p-8",children:[e.jsx("p",{className:"text-slate-300 leading-relaxed mb-8",children:"The overarching business goals were twofold. The first was to redesign the application to enhance the user experience in a way that fostered ease of use and increased user awareness of key performance indicators related to managing their campaign. The second was to redesign the application using the most modern development and UI frameworks, which would facilitate a better UX and faster, higher quality development by leveraging code frameworks and establishing standards."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:["Improved User Experience","Reduction of Support Calls","Faster System Performance","Consistent Statement Submissions"].map((s,a)=>e.jsxs("div",{className:"bg-slate-800/50 rounded-lg p-4 border border-slate-700/50 flex items-start gap-3",children:[e.jsx(d,{className:"w-5 h-5 text-emerald-400 flex-shrink-0 mt-0.5"}),e.jsx("span",{className:"text-slate-300",children:s})]},a))})]})]}),e.jsxs("section",{className:"mb-20",children:[e.jsxs("h2",{className:"text-2xl font-medium text-white mb-6 flex items-center gap-3",children:[e.jsx(f,{className:"w-6 h-6 text-yellow-400"}),"Approach"]}),e.jsx("div",{className:"glass-card rounded-xl p-8",children:e.jsx("p",{className:"text-slate-300 leading-relaxed",children:"The first initial step in this project was to setup meetings with key stakeholders and take notes about what improvements should be prioritized and how they would measure the success of the project. Afterward this was accomplished the next step was to conduct perform some UX research and analysis. Finally, upon having a clear strategy for the design phase, work could begin creating wireframes, user flows, and visual designs."})})]}),e.jsxs("section",{className:"mb-20",children:[e.jsxs("h2",{className:"text-2xl font-medium text-white mb-6 flex items-center gap-3",children:[e.jsx(c,{className:"w-6 h-6 text-cyan-400"}),"User Research"]}),e.jsx("div",{className:"glass-card rounded-xl p-8",children:e.jsx("p",{className:"text-slate-300 leading-relaxed",children:"Insights related to the user's needs, wants, and pain points had been previously captured in focus groups that were conducted by the product owner."})})]}),e.jsxs("section",{className:"mb-20",children:[e.jsxs("h2",{className:"text-2xl font-medium text-white mb-6 flex items-center gap-3",children:[e.jsx(b,{className:"w-6 h-6 text-violet-400"}),"User Flows"]}),e.jsx("div",{className:"glass-card rounded-xl p-8",children:e.jsx("div",{className:"bg-slate-800/50 rounded-lg p-6 border border-slate-700/50",children:e.jsx("img",{loading:"lazy",src:"http://lehnerdigital.net/wp-content/uploads/2020/01/add-contribution.png",alt:"User Flow - Add Contribution",className:"w-full rounded-lg cursor-pointer hover:scale-[1.02] transition-all",onClick:()=>l("http://lehnerdigital.net/wp-content/uploads/2020/01/add-contribution.png")})})})]}),e.jsxs("section",{className:"mb-20",children:[e.jsxs("h2",{className:"text-2xl font-medium text-white mb-6 flex items-center gap-3",children:[e.jsx(j,{className:"w-6 h-6 text-purple-400"}),"Wireframes"]}),e.jsx("div",{className:"glass-card rounded-xl p-8",children:e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:["http://lehnerdigital.net/wp-content/uploads/2020/01/1-9-202

10-12-42-20-PM.png","http://lehnerdigital.net/wp-content/uploads/2020/01/1-9-2020-12-43-31-PM.png","http://lehnerdigital.net/wp-content/uploads/2020/01/1-9-2020-12-45-09-PM.png","http://lehnerdigital.net/wp-content/uploads/2020/01/1-9-2020-12-45-55-PM.png","http://lehnerdigital.net/wp-content/uploads/2020/01/1-9-2020-12-46-19-PM.png","http://lehnerdigital.net/wp-content/uploads/2020/01/1-9-2020-12-47-50-PM.png"].map((s,a)=>e.jsx("img",{src:s,alt:`Wireframe ${a+1}`,className:"rounded-lg border border-slate-700/50 cursor-pointer hover:border-indigo-500/50 hover:scale-105 transition-all",onClick:()=>l(s)},a))})})]}),e.jsxs("section",{className:"mb-20",children:[e.jsxs("h2",{className:"text-2xl font-medium text-white mb-6 flex items-center gap-3",children:[e.jsx(N,{className:"w-6 h-6 text-sky-400"}),"Visual Designs"]}),e.jsx("div",{className:"glass-card rounded-xl p-8",children:e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:["http://lehnerdigital.net/wp-content/uploads/2020/01/C-SMART_Home_3.png","http://lehnerdigital.net/wp-content/uploads/2020/01/Contribution_Detail-1.png","http://lehnerdigital.net/wp-content/uploads/2020/01/Add_Campaign-1.png","http://lehnerdigital.net/wp-content/uploads/2020/01/C-SMART_Monetary_Contribution_Detail_View.png","http://lehnerdigital.net/wp-content/uploads/2020/01/C-Smart_Reporting-1.png"].map((s,a)=>e.jsx("img",{src:s,alt:`Visual Design ${a+1}`,className:"rounded-lg border border-slate-700/50 cursor-pointer hover:border-indigo-500/50 hover:scale-105 transition-all",onClick:()=>l(s)},a))})})]}),e.jsxs("div",{className:"relative rounded-2xl overflow-hidden border border-white/10 bg-gradient-to-b from-slate-900 to-slate-950 p-12 text-center",children:[e.jsx("div",{className:"absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-indigo-500/50 to-transparent"}),e.jsx("h2",{className:"text-3xl font-medium text-white mb-4",children:"Ready to build something amazing?"}),e.jsx("p",{className:"text-slate-400 text-sm mb-8 max-w-lg mx-auto",children:"Let's discuss how we can help bring your project to life."}),e.jsxs("div",{className:"flex items-center justify-center gap-4 flex-wrap",children:[e.jsx(t,{href:"/contact",className:"h-10 px-6 rounded-full bg-white text-slate-950 text-sm font-semibold hover:bg-slate-200 transition-all inline-flex items-center",children:"Start a Project"}),e.jsx(t,{href:"/work",className:"h-10 px-6 rounded-full bg-slate-800 text-white text-sm font-medium hover:bg-slate-700 transition-all border border-slate-700 inline-flex items-center",children:"View More Work"})]})]})]}),e.jsx("footer",{className:"border-t border-white/5 bg-slate-950 pt-16 pb-8",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 mb-16",children:[e.jsxs("div",{className:"col-span-2 lg:col-span-2 pr-8",children:[e.jsx("div",{className:"flex items-center gap-2 mb-4",children:e.jsx("img",{src:r,alt:"Lehner Digital",className:"h-8 w-auto"})}),e.jsx("p",{className:"text-xs text-slate-500 leading-relaxed mb-6",children:"We build the digital infrastructure that powers the world's most ambitious companies."}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx("a",{href:"#",className:"text-slate-500 hover:text-white transition-colors",children:e.jsx(m,{className:"w-4 h-4"})}),e.jsx("a",{href:"#",className:"text-slate-500 hover:text-white transition-colors",children:e.jsx(h,{className:"w-4 h-4"})}),e.jsx("a",{href:"https://www.linkedin.com/company/lehnerdigital",target:"_blank",rel:"noopener noreferrer",className:"text-slate-500 hover:text-white transition-colors",children:e.jsx(x,{className:"w-4 h-4"})})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-xs font-semibold text-white mb-4",children:"Product"}),e.jsxs("ul",{className:"space-y-2 text-xs text-slate-500",children:[e.jsx("li",{children:e.jsx(t,{href:"/capabilities",className:"hover:text-indigo-400 transition-colors",children:"Capabilities"})}),e.jsx("li",{children:e.jsx(t,{href:"/clients",className:"hover:text-indigo-400 transition-colors",children:"Clients"})}),e.jsx("li",{children:e.jsx(t,{href:"/work",className:"hover:text-indigo-400 transition-colors",children:"Our Work"})})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-xs font-semibold text-white mb-4",children:"Company"}),e.jsxs("ul",{className:"space-y-2 text-xs text-slate-500",children:[e.jsx("li",{children:e.jsx(t,{href:"/company",className:"hover:text-indigo-400 transition-colors",children:"About"})}),e.jsx("li",{children:e.jsx("a",{href:"#",className:"hover:text-indigo-400 transition-colors",children:"Careers"})}),e.jsx("li",{children:e.jsx(t,{href:"/contact",className:"hover:text-indigo-400 transition-colors",children:"Contact"})})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-xs font-semibold text-white mb-4",children:"Legal"}),e.jsxs("ul",{className:"space-y-2 text-xs text-slate-500",children:[e.jsx("li",{children:e.jsx(t,{href:"/privacy",className:"hover:text-indigo-400 transition-colors",children:"Privacy"})}),e.jsx("li",{children:e.jsx("a",{href:"/terms",className:"hover:text-indigo-400 transition-colors",children:"Terms"})})]})]})]}),e.jsxs("div",{className:"flex flex-col md:flex-row justify-between items-center pt-8 border-t border-white/5 gap-4",children:[e.jsx("p",{className:"text-xs text-slate-600",children:"© 2024 Lehner Digital. All rights reserved."}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-emerald-500 animate-pulse"}),e.jsx("span",{className:"text-xs text-slate-500 font-medium",children:"All systems operational"})]})]})]})}),i&&e.jsxs("div",{className:"fixed inset-0 z-[100] bg-black/90 backdrop-blur-sm flex items-center justify-center p-4",onClick:()=>l(null),"data-testid":"modal-image",children:[e.jsx("button",{className:"absolute top-6 right-6 text-white hover:text-indigo-400 transition-colors",onClick:()=>l(null),"data-testid":"button-close-modal",children:e.jsx(p,{className:"w-8 h-8"})}),e.jsx("img",{src:i,alt:"Enlarged view",className:"max-w-full max-h-[90vh] rounded-lg shadow-2xl",onClick:s=>s.stopPropagation()})]})]})}export{P as default};