← Projects & Case Studies
← Projects & Case Studies
CASE STUDY·AI · WEB DELIVERY
abhishekak.site — AI-Assisted Portfolio Build
Independent · Built with Claude Code · 2026
Professional BA and BI experience is difficult to convey through a CV alone — work quality, analytical structure, and delivery approach are invisible without evidence. This portfolio addresses that gap: 15 years of structured analysis work translated into a navigable, evidence-led digital product, combining case studies, project artefacts, CVs, certifications, and process documentation in a single accessible reference. Built and delivered by an analyst with zero coding background using a structured AI-assisted workflow. The project follows one principle: Structured Diagnosis for Business, Systems & AI.
02 / WHY THIS PROJECT EXISTS
- ▸BO-01 — Evidence-Led Portfolio: Present BA, BI, and process improvement experience through structured case studies, documented artefacts, and navigable sections — not through claims alone
- ▸BO-02 — AI Delivery Demonstration: Demonstrate that an analyst with no prior web development background can specify, direct, review, and deliver a production-quality web product using an AI-assisted coding workflow
- ▸BO-03 — Analyst-as-Product-Owner: Show how a business analyst can act simultaneously as product owner, content architect, reviewer, and delivery lead — with AI as the implementation partner
03 / AI IMPLEMENTATION ROLE
- ▸Translated structured requirements into React / Next.js components
- ▸Built and iterated layout, animation, routing, and interaction behaviour
- ▸Structured portfolio content into typed data models
- ▸Accelerated delivery from concept to deployed site
HUMAN PRODUCT OWNER ROLE — ABHISHEK KININGE
- ▸Defined business objectives and product scope
- ▸Supplied domain knowledge, professional context, and case-study content
- ▸Reviewed all outputs for accuracy, tone, and business relevance
- ▸Validated portfolio evidence and directed final user experience
- ▸Authored all session briefs and acceptance criteria
04 / BA & BI SKILLS DEMONSTRATED
| Domain | Skills |
|---|---|
| Business Analysis | Requirements elicitation, process mapping, BRD writing, user stories, stakeholder management, gap analysis |
| Business Intelligence | Power BI (Desktop + Service + DAX), data modelling, dashboard design, KPI definition |
| Process Improvement | Root cause analysis, waste identification, process reengineering, cost optimisation |
| Documentation | Wireframes, use case documentation, validation sheets, process flow diagrams |
| Domain Knowledge | BFSI · Manufacturing · Retail Analytics · Government · Healthcare · Library Systems |
05 / AI & TECHNICAL SKILLS DEMONSTRATED
| Domain | Skills |
|---|---|
| AI-Assisted Delivery | Claude Code prompt engineering, session brief authoring, AI output review and direction |
| Frontend | React 19, Next.js 16 App Router, TypeScript, Tailwind CSS v4 |
| Animation | GSAP + ScrollTrigger (horizontal pin scroll, scroll-triggered entrance), Lenis smooth scroll |
| Routing | App Router dynamic routes, static params generation, async server components |
| Data Modelling | Typed project data structures in TypeScript (projectData.ts) |
06 / PRODUCT FEATURES
- ▸Hero — Canvas particle mesh, animated headline with rotating text, entrance animation
- ▸Work / Experience — GSAP vertical snap timeline, company logo grid (35+ logos)
- ▸Projects & Case Studies — Horizontal pinned scroll track, 10 cards (4 portfolio projects + 6 case studies), individual project detail pages with PDF artefact viewer
- ▸Certifications — Dual horizontal marquee of certificate cards
- ▸About — Count-up stats, personal context section
- ▸Contact — Styled contact form with social links
- ▸Admin Route — /admin pipeline dashboard UI (Phase 2 placeholder; Run buttons disabled)
- ▸PDF Artefact Viewer — Inline PDF popup with download option, image viewer with zoom
- ▸Custom Cursor — Dot cursor with hover expand behaviour
07 / DELIVERABLES REGISTER
| Artefact Type | Contents | Location |
|---|---|---|
| CV Documents | BA-focused CV, BI-focused CV, Cover Letter | public/CV/ |
| Case Study PDFs | 6 BA/BI/Process case studies | public/Projects/Case Studies/ |
| BA Portfolio — Library Portal | Wireframes, BRD, process flows, user stories, validation sheet | public/Projects/library-portal/ |
| BA Portfolio — Procurement Portal | Wireframes, BRD, use cases, validation sheet, process flows | public/Projects/procurement-portal/ |
| BI Portfolio — Maven AW Dashboard | Power BI project files | public/Projects/maven-aw/ |
| BI Portfolio — FinBridge LOS | BFSI lending project documentation | public/Projects/finbridge-los/ |
| Certificates | 12+ professional certificates (PDF and image) | public/Certificates/ |
| Certification Badges | Digital badges from Maven Analytics, McKinsey, Google, IBM | public/Badges/ |
| Organisation Logos | 35+ logos used in Experience and Education sections | public/Logos/ |
08 / TECHNOLOGY STACK
| Category | Technology | Version |
|---|---|---|
| Framework | Next.js | 16.2.9 |
| Language | TypeScript | ^5 |
| UI Library | React | 19.2.4 |
| Styling | Tailwind CSS | ^4 |
| Animation | GSAP + ScrollTrigger | ^ 3.15 |
| Smooth Scroll | Lenis | ^1.3 |
| Utilities | clsx | ^2.1 |
| Utilities | tailwind-merge | ^3.6 |
| Deployment | Vercel | — |
09 / DESIGN DIRECTION
| Token | Value | Usage |
|---|---|---|
| --bg | #0A0A0A | Page background |
| --surface | #111111 | Cards, panels |
| --text | #F2F0EB | Primary text |
| --muted | rgba(242,240,235,0.45) | Secondary text |
| --accent | #FF5A00 | Orange highlight, CTAs |
| --border | rgba(255,255,255,0.07) | Dividers, card borders |
TYPOGRAPHY
- ▸Fraunces — Display headings (serif, optical)
- ▸Geist — Body and UI text (sans-serif)
- ▸JetBrains Mono — Section labels, tags, monospaced UI