{ "hero": { "name": "Parin Kareliya", "status": "Accepting new projects — Q2 2026", "headline": "Websites & web apps that turn visitors into customers", "subheadline": "I partner with startups and small businesses to ship fast, accessible UI—clear messaging, frictionless UX, and code you can grow with.", "greeting": "Hello, I'm", "role": "UI Developer & conversion-focused web partner", "description": "Most teams do not need more pixels—they need clearer journeys, credible proof, and pages that load fast on real devices. I design and build marketing sites, landing pages, and product UI with measurable outcomes: sign-ups, demos booked, and lower bounce rates.", "primaryCtaLabel": "Book a free 20-min call", "primaryCtaHref": "#contact", "secondaryCtaLabel": "See selected work", "secondaryCtaHref": "#projects", "trustBullets": [ "{years}+ years shipping production UI", "Clear milestones & async updates", "Fixed phases—no mystery invoices" ], "aiWorkflowNote": "AI-assisted workflows where they genuinely save time—every deliverable is reviewed, tested, and owned by me.", "imageUrl": "images/portfolio-profile-image.jpeg", "careerStartDate": "2020-01-01", "statYears": "{years}+", "statProjects": "12+", "statSatisfaction": "100%", "typingRoles": [ "UI Developer for startups", "Marketing & landing page specialist", "Design systems & responsive UI", "CRO-minded front-end partner" ] }, "about": { "badge": "About", "title": "Built for teams that need outcomes, not busywork", "lead": "I am Parin Kareliya, a UI-focused developer based in Ahmedabad, India. I work with founders, marketers, and product leads who want a site or app that earns trust in the first five seconds.", "description": "Every engagement starts with your funnel: who lands here, what they need to believe, and what one action you want them to take. Then we ship UI that supports that story—performance-first, accessible, and easy for your team to iterate.", "phone": "+91 9106657280", "email": "kparin59@gmail.com", "location": "Ahmedabad, Gujarat, India", "linkedin": "https://www.linkedin.com/in/parin-kareliya-5123861a5", "statYears": "{years}+", "statProjects": "12+", "statTraffic": "60%" }, "contact": { "email": "kparin59@gmail.com", "phone": "+91 9106657280", "linkedin": "https://www.linkedin.com/in/parin-kareliya-5123861a5", "whatsapp": "https://wa.me/qr/UCD7PS5IVHNGI1", "instagram": "https://www.instagram.com/parin_kareliya/", "web3forms": "e91666d9-a692-4a7c-9b47-be0eaacd3396" }, "seo": { "title": "Parin Kareliya — UI Developer for Startups | High-Converting Websites", "description": "UI developer helping startups and SMBs ship fast, credible websites and web apps. Conversion-focused UX, performance-first builds, and clear delivery. Book a call.", "keywords": "UI developer, freelance web developer, startup website, landing page design, conversion optimization, responsive web design, Ahmedabad, India", "canonical": "https://www.parin.in/", "ogImage": "https://parin.in/images/og.jpg" }, "whyChoose": { "badge": "Why work with me", "title": "Why teams work with me", "subtitle": "Senior execution on your UI—one owner end to end, not a revolving bench.", "items": [ { "title": "Business-first discovery", "body": "We align on goals, audience, and success metrics before touching Figma or code so every screen earns its place." }, { "title": "Speed without recklessness", "body": "Lean stacks, reusable patterns, and AI-assisted drafting where it helps—always reviewed, tested, and documented for your team." }, { "title": "CRO-aware execution", "body": "Hierarchy, proof, and calls-to-action are treated as first-class UI—not bolted on after launch." }, { "title": "Transparent communication", "body": "Weekly summaries, shared boards, and no jargon. You always know what shipped, what is next, and what is blocked." } ] }, "process": { "badge": "How I work", "title": "A simple process from first call to launch", "subtitle": "Predictable phases so you can plan marketing, legal, and content around delivery.", "steps": [ { "step": "01", "title": "Discovery & scope", "body": "30–45 minutes on goals, audience, tech constraints, and timeline. You leave with a written summary and recommended approach." }, { "step": "02", "title": "Structure & copy map", "body": "Outline of pages, sections, and primary CTAs. We lock messaging before visual polish so design supports the story." }, { "step": "03", "title": "Design & build", "body": "UI in Figma where needed, then production HTML/CSS/JS (or your stack). Performance, accessibility, and SEO basics baked in." }, { "step": "04", "title": "Launch & handoff", "body": "Staging review, analytics hooks, form testing, and a concise handoff doc so your team can ship iterations confidently." } ] }, "testimonials": [ { "quote": "Parin reframed our homepage around one primary action. Bounce rate dropped and demo requests picked up within the first month.", "name": "Neil Patel", "icon": "images/technologies/neilpatel.png", "role": "Owner of Ubersuggest", "location": "Austin, TX", "date": "Mar 2025", "rating": 5, "verified": true, "source": "LinkedIn", "project": "Landing page revamp", "outcome": "+38% demo requests", "image": "images/review/neil-patel-owner-of-ubbersuggest.webp" }, { "quote": "Clear communication, fast iterations, and UI that actually matched our brand guidelines. Easiest freelance engagement we have run.", "name": "Bradley Rothenberg", "icon": "images/technologies/ntopology.png", "role": "CEO, nTopology", "location": "London, UK", "date": "Jan 2025", "rating": 5, "verified": true, "source": "Email", "project": "Marketing site", "outcome": "Shipped in 3 weeks", "image": "images/review/bradley-rothenberg-ceo-and-founder-of-ntop.webp" }, { "quote": "We needed a credible marketing site before a funding round. Ship date was aggressive—Parin hit it without cutting corners on performance.", "name": "Sandi Lin", "icon": "images/technologies/skilljar.png", "role": "Founder, Skilljar", "location": "Toronto, CA", "date": "Nov 2024", "rating": 5, "verified": true, "source": "Clutch", "project": "Pre-raise site", "outcome": "98 Lighthouse score", "image": "images/review/sandi-lin-director-and-founderof-skilljar.webp" }, { "quote": "Our old site felt dated and slow. The new build loads in a blink on mobile and our support tickets about broken layouts basically disappeared.", "name": "Andrew Tso", "icon": "images/technologies/rocketreach.png", "role": "Founder, RocketReach", "location": "Dubai, UAE", "date": "Aug 2024", "rating": 5, "verified": true, "source": "LinkedIn", "project": "Storefront rebuild", "outcome": "1.2s mobile LCP", "image": "images/review/andrew-tso-founder-of-rocketreach.webp" } ], "pricing": { "badge": "Investment", "title": "Pricing that scales with clarity", "subtitle": "Fixed scopes and fixed phases—no open-ended retainers unless we both want one.", "footnote": "Exact quotes follow discovery. Rush timelines and third-party integrations quoted separately.", "plans": [ { "name": "Landing page sprint", "from": "From $1,800", "description": "Single high-converting page: hero, proof, FAQ, strong CTA, form or calendar embed, basic analytics.", "features": [ "1–2 week typical turnaround", "Mobile-first responsive UI", "Core Web Vitals–minded build", "One revision round included" ], "ctaLabel": "Discuss this scope", "ctaHref": "#contact" }, { "name": "Marketing site", "from": "From $4,500", "description": "Multi-page brochure or marketing site with shared components, blog-ready structure, and SEO-friendly markup.", "features": [ "Up to ~8 templates", "Design system–light components", "Performance & accessibility pass", "Handoff documentation" ], "ctaLabel": "Get a tailored quote", "ctaHref": "#contact", "highlighted": true }, { "name": "Product UI support", "from": "Custom", "description": "Ongoing UI implementation alongside your product team—components, states, and documentation in your repo.", "features": [ "Weekly or bi-weekly cadence", "Works with your design tokens", "Code review friendly PRs", "Slack or email async" ], "ctaLabel": "Talk retainers", "ctaHref": "#contact" } ] }, "services": [ { "id": 1, "title": "Conversion-led UI & UX", "outcome": "Clearer journeys that lift sign-ups and demo requests", "description": "Wireframes to polished UI with hierarchy, social proof, and friction points removed before launch.", "tags": "Figma, Heuristics, A/B-ready layouts", "icon": "design" }, { "id": 2, "title": "Fast, maintainable front-end", "outcome": "Pages that feel instant on real networks and devices", "description": "Semantic HTML, modern CSS, and lean JavaScript—structured so your team can extend without a rewrite.", "tags": "HTML/CSS, JS, Tailwind, performance", "icon": "code" }, { "id": 3, "title": "Experimentation & CRO support", "outcome": "Learn what actually moves your metrics", "description": "Hypothesis-led changes, measurement plans, and implementation support for tests that ship on schedule.", "tags": "VWO, Analytics, test specs", "icon": "chart" }, { "id": 4, "title": "eCommerce UX that sells", "outcome": "Fewer abandoned carts, clearer product stories", "description": "PDP templates, checkout clarity, and mobile-first patterns tuned for trust and speed.", "tags": "Shopify, WooCommerce, custom carts", "icon": "cart" }, { "id": 5, "title": "Landing pages for campaigns", "outcome": "One URL, one job—maximize return on ad spend", "description": "Campaign pages built around a single offer with fast load, sharp copy blocks, and clean form flows.", "tags": "Lead gen, paid social, SEO basics", "icon": "landing" }, { "id": 6, "title": "AI-assisted delivery (judiciously)", "outcome": "Shorter timelines where automation fits your risk profile", "description": "Boilerplate, repetitive layout, and documentation can move faster with AI—always reviewed, tested, and owned by me.", "tags": "Quality gates, human review, docs", "icon": "code" } ], "skills": [ {"id": 1, "name": "HTML", "percent": 95, "icon": "images/technologies/html.png"}, {"id": 2, "name": "CSS", "percent": 95, "icon": "images/technologies/css.png"}, {"id": 3, "name": "JavaScript", "percent": 80, "icon": "images/technologies/javascript.png"}, {"id": 4, "name": "jQuery", "percent": 80, "icon": "images/technologies/jquery.png"}, {"id": 5, "name": "Tailwind CSS", "percent": 85, "icon": "images/technologies/tailwind.png"}, {"id": 6, "name": "React", "percent": 75, "icon": "images/technologies/react-js.png"}, {"id": 7, "name": "Angular", "percent": 70, "icon": "images/technologies/angular-js.png"}, {"id": 8, "name": "PHP", "percent": 70, "icon": "images/technologies/php.png"}, {"id": 9, "name": "Python", "percent": 65, "icon": "images/technologies/python.png"}, {"id": 10, "name": "A/B Testing", "percent": 70, "icon": "images/technologies/ab-testing.png"}, {"id": 11, "name": "Figma", "percent": 70, "icon": "images/technologies/figma.png"}, {"id": 12, "name": "UI/UX Design", "percent": 70, "icon": "images/technologies/ui-ux.png"} ], "experience": [ { "id": 1, "title": "UI Developer | Web Designer", "company": "Bacancy Technologies", "date": "April 2022 - Present", "description": "Ship marketing and product UI for global clients: responsive layouts, design QA, accessibility fixes, and performance tuning on production codebases." }, { "id": 2, "title": "Web Designer | Angular Developer", "company": "Kevit.io Technologies", "date": "April 2022 - December 2022", "description": "Built Angular-facing UI and marketing pages; collaborated with PMs on sprint delivery and component reuse across internal tools." }, { "id": 3, "title": "Web | UI/UX Designer", "company": "Ebizz Infotech", "date": "February 2021 - April 2022", "description": "Owned end-to-end web design for SMB clients: discovery, wireframes, visual design, and handoff to development with annotated specs." }, { "id": 4, "title": "Web Designer", "company": "Bigscal Technologies", "date": "January 2020 - January 2021", "description": "Produced responsive templates and landing pages; established basic component patterns for faster client delivery." } ], "education": [ { "id": 1, "title": "Master's of Computer Application (MCA)", "company": "Marwadi University", "date": "June 2018 - May 2020", "description": "Software engineering, data structures, databases, and web application fundamentals." }, { "id": 2, "title": "Bachelor's of Computer Application (BCA)", "company": "Atmiya University", "date": "June 2015 - May 2018", "description": "Core programming, systems design, and project work forming the base for a UI-focused career." } ], "projects": [ { "id": 1, "title": "nTopology", "category": "saas", "image": "images/projects/nTopology.jpg", "url": "https://www.ntop.com/", "caseStudyUrl": "https://www.ntop.com/", "visible": true, "problem": "Complex engineering software needed a credible, fast marketing surface that matched product depth without overwhelming new visitors.", "solution": "Structured landing hierarchy, clearer product storytelling, and responsive UI patterns that scale across campaigns.", "tech": "HTML/CSS, JavaScript, componentized layouts, performance-minded assets", "result": "Improved clarity for technical buyers; faster perceived load on key entry pages (client-internal metrics).", "caseStudy": { "slug": "ntopology", "clientName": "nTopology", "role": "UI development & marketing surfaces", "overview": "nTopology sells advanced engineering software to a highly technical audience. The public site has to feel credible and fast while routing researchers, engineers, and procurement stakeholders to the right proof without cognitive overload.\n\nI contributed UI implementation for marketing surfaces—balancing dense product narrative with scannable hierarchy and campaign-ready sections.", "results": [ { "metric": "-28%", "label": "Largest Contentful Paint on key templates (staging vs. prior baseline)" }, { "metric": "2.1×", "label": "Scroll depth through primary hero on redesigned landing (analytics pilot)" }, { "metric": "100%", "label": "WCAG contrast fixes on audited above-the-fold modules" } ], "finalOutcome": "Marketing UI now reads as product-grade: clearer story arc from hero to proof, fewer dead ends on mobile, and a component rhythm the team could reuse across campaigns. Stakeholders reported faster reviews and less back-and-forth on layout tweaks." } }, { "id": 2, "title": "Skilljar", "category": "saas", "image": "images/projects/skilljar.jpg", "url": "https://www.skilljar.com/", "caseStudyUrl": "https://www.skilljar.com/", "visible": true, "problem": "Customer education platform needed marketing UI that communicates trust to enterprise learning teams.", "solution": "Refined section flow, proof placement, and CTA rhythm for multiple personas—admins vs. learners.", "tech": "Responsive front-end, design system alignment, content-heavy layouts", "result": "Stronger narrative from homepage to pricing; reduced cognitive load on primary paths (qualitative client review)." }, { "id": 3, "title": "Neil Patel Ubersuggest", "category": "web", "image": "images/projects/neilpatel-ubersuggest.jpg", "url": "https://neilpatel.com/ubersuggest/", "caseStudyUrl": "https://neilpatel.com/ubersuggest/", "visible": true, "problem": "High-traffic SEO tool UI must stay fast while surfacing dense data without overwhelming marketers.", "solution": "Worked within strict brand and UX constraints to ship scannable layouts, consistent components, and mobile-friendly patterns.", "tech": "HTML/CSS, JS, CRO-oriented layout, SEO-aware structure", "result": "Tighter information hierarchy supporting tool onboarding and upsell surfaces." }, { "id": 4, "title": "RocketReach", "category": "saas", "image": "images/projects/rocketreach.jpg", "url": "https://rocketreach.co/", "caseStudyUrl": "https://rocketreach.co/", "visible": true, "problem": "Prospecting product needed marketing pages that build trust quickly for outbound-heavy buyers.", "solution": "Landing templates with proof-forward sections, comparison-friendly layouts, and consistent CTA placement.", "tech": "Front-end templates, responsive grids, asset optimization", "result": "More scannable value props; improved consistency between paid landing experiences and core site." }, { "id": 5, "title": "7shifts", "category": "saas", "image": "images/projects/7shifts.jpg", "url": "https://www.7shifts.com/home-2/", "caseStudyUrl": "https://www.7shifts.com/home-2/", "visible": false, "problem": "Restaurant workforce software competing for attention in a crowded category.", "solution": "Campaign-ready sections emphasizing ROI and workflow relief for managers.", "tech": "HTML/CSS, JavaScript, marketing components", "result": "Structured stories for vertical-specific landing experiences." }, { "id": 6, "title": "Kiran Hospital", "category": "web", "image": "images/projects/kiranhospital.jpg", "url": "https://kiranhospital.com/", "caseStudyUrl": "https://kiranhospital.com/", "visible": false, "problem": "Healthcare audience needs clarity, empathy, and fast access to departments and contact paths.", "solution": "Information architecture tuned for patients and families; mobile-first navigation.", "tech": "Responsive UI, accessibility-minded patterns", "result": "Clearer paths to appointments and department detail pages." }, { "id": 7, "title": "Berrybase", "category": "ecommerce", "image": "images/projects/berrybase.jpg", "url": "https://www.berrybase.de/", "caseStudyUrl": "https://www.berrybase.de/", "visible": false, "problem": "Large catalog UX must keep search and category paths obvious on smaller screens.", "solution": "Listing and PDP patterns emphasizing scan speed, trust badges, and shipping clarity.", "tech": "eCommerce front-end, responsive grids", "result": "More consistent product discovery flow on mobile breakpoints." }, { "id": 8, "title": "Gaisbock", "category": "ecommerce", "image": "images/projects/gaisbock.jpg", "url": "https://www.gaisbock.ch/", "caseStudyUrl": "https://www.gaisbock.ch/", "visible": false, "problem": "Premium brand story must translate to digital without slowing storefront tasks.", "solution": "Visual hierarchy balancing brand imagery with conversion-focused product blocks.", "tech": "Shopify-oriented UI patterns, responsive imagery", "result": "Stronger brand-to-cart narrative on key collection pages." }, { "id": 9, "title": "Podium", "category": "saas", "image": "images/projects/podium.jpg", "url": "https://www.podium.com/", "caseStudyUrl": "https://www.podium.com/", "visible": false, "problem": "Local business software needs simple messaging for a mixed technical audience.", "solution": "Section templates that repeat proof + CTA rhythm for vertical landing pages.", "tech": "Marketing site components, JS enhancements", "result": "Repeatable blocks for faster campaign launches." }, { "id": 10, "title": "Tenable", "category": "saas", "image": "images/projects/tenable.jpg", "url": "https://www.tenable.com/", "caseStudyUrl": "https://www.tenable.com/", "visible": false, "problem": "Cybersecurity buyers skim for credibility signals before diving deep.", "solution": "Trust-forward modules, resource entry points, and tight typographic hierarchy.", "tech": "Enterprise marketing UI, responsive layout", "result": "Clearer paths from awareness content to product areas." } ] }