# jalbright.dev

> Freelance web design and development for small businesses that need a fast, clear, conversion-focused website.

## Overview
jalbright.dev is the portfolio and lead-generation site for Jacob Albright, a freelance web designer and developer.
The business primarily serves Raleigh, NC, Durham, NC, Chapel Hill, NC and also works remotely.

## Primary Pages
- Home: https://jalbright.dev | Jacob Albright is a Raleigh-based freelance web designer building fast, conversion-focused websites for small businesses in Raleigh, Durham, and Chapel Hill, NC. Packages from $3,500.
- Services & Pricing: https://jalbright.dev/services | Custom web design packages for Triangle-area small businesses. Launch Site from $3,500, Custom Growth Site from $7,500, and full Custom & Commerce builds. Serving Raleigh, Durham, and Chapel Hill.
- Portfolio: https://jalbright.dev/portfolio | Web design work by Jacob Albright — concept demos and custom sites built for small businesses in the Raleigh-Durham-Chapel Hill Triangle. Fast, modern, and built to convert visitors into customers.
- Free Website Audit: https://jalbright.dev/audit | Get a free instant performance and SEO scan for your small business website. No signup required. Find out what's holding your site back — serving businesses in Raleigh, Durham, and Chapel Hill, NC.
- About: https://jalbright.dev/about | Jacob Albright is a freelance web designer based in Raleigh, NC, helping small businesses across the Triangle get fast, clear, conversion-ready websites. Solo practice — every project gets full attention.
- Contact: https://jalbright.dev/contact | Start a web design project with Jacob Albright. Book a free consultation or send a message. Based in Raleigh, NC — available in-person across the Triangle or remotely for the right fit.

## Service Packages
### Launch Site
- Price: $3,500
- Best for: salons, contractors, consultants, and solo practices that need a professional web presence quickly
- Summary: A clean, professional site that gives customers a strong first impression and a clear way to reach you.
- CTA: https://jalbright.dev/contact?tier=launch
- Features: Up to 5 pages; Custom page design matched to your brand; Looks great on phones, tablets, and desktop; SEO setup so local customers can find you on Google; Contact form so leads can reach you directly; 2 rounds of revisions; ~1–2 week turnaround

### Custom Growth Site
- Price: $7,500
- Best for: restaurants, law firms, real estate agents, and established businesses ready to grow their online leads
- Summary: A fully custom site built to turn visitors into customers — designed around your business, content, and goals.
- CTA: https://jalbright.dev/contact?tier=growth
- Features: Up to 10 pages; Fully custom design built from scratch; Admin panel so you can update content yourself; Page layout designed to guide visitors toward contacting you; Local SEO foundation so nearby customers find you first; Forms and key integrations (scheduling, CRM, etc.); 3 rounds of revisions; ~3–4 week turnaround

### Custom & Commerce
- Price: $15,000+
- Best for: businesses that need online ordering, appointment booking, AI-powered features, or a larger site with multiple moving parts
- Summary: A fully scoped build for businesses that need more than a brochure site — online sales, booking flows, AI features, or complex integrations.
- CTA: https://jalbright.dev/contact?tier=premium
- Features: Custom sitemap and page designs scoped to your needs; Online store, booking system, or member portal as needed; AI chatbot trained on your business (included); Third-party tool connections (payments, scheduling, email, etc.); Priority support throughout the launch window; Revision process defined upfront based on project scope; ~4–6 week turnaround

## Maintenance Plans
- Maintain ($200/mo): Keep your site running, secure, and up to date without lifting a finger.. Includes Hosting & uptime monitoring; Security patches & dependency updates; Monthly performance checks; Email support for small fixes & questions.
- Grow ($500/mo): Everything in Maintain, plus ongoing improvements to help your site bring in more business.. Includes Everything in Maintain; Content updates & copy changes; Monthly SEO & performance reporting; Design tweaks & minor feature additions; Priority response time.
- Grow + AI ($1,000/mo): Full site management plus AI chatbot hosting, monitoring, and ongoing optimization.. Includes Everything in Grow; AI chatbot hosting & API costs included; Bi-weekly prompt tuning & accuracy reviews; Conversation analytics & insights; AI search maintenance (if applicable).

## AI Offer
- AI Assistant Add-On: $2,500 setup + $250/mo.
- Summary: Add an AI-powered chatbot to any existing site — trained on your business, branded to match your design, and managed for you.
- Features: Custom AI chatbot trained on your business info; Branded chat widget that matches your site; Answers customer questions 24/7; Monthly prompt tuning & accuracy improvements; API costs included — no surprise bills; Optional: AI-powered site search

## Portfolio
- These are fictional concept demos built to show design/development range.
### Lumina Coffee Co.
- Case study: https://jalbright.dev/portfolio/lumina-coffee-co
- Live demo: https://jalbright.dev/demo-lumina
- Type: Premium eCommerce Showpiece
- Description: A concept demo showcasing modern eCommerce web design, featuring glassmorphism, dynamic scroll animations, and immersive cinematic aesthetics. Lumina Coffee Co. is a fictional brand — not a real business.
- Challenge: The goal of this concept demo was to design a digital storefront for a fictional premium coffee roaster that feels simultaneously accessible to local customers and luxurious enough to compete with high-end eCommerce brands. The core challenge involved balancing a relatable, community-focused brand story with a state-of-the-art interface that leverages complex aesthetics — like glassmorphism and magnetic scroll animations — without sacrificing page load speeds or mobile responsiveness.
- Approach: I architected the demo using the Next.js App Router to ensure lightning-fast edge delivery alongside dynamic shopping cart capabilities. On the frontend, I utilized a custom Tailwind CSS design system coupled with highly choreographed Framer Motion animations. This allowed me to build rich, layered visual elements — such as kinetic product carousels, soft-blur floating navbars, and interactive shopping drawers — resulting in a buttery-smooth, premium experience.
- Results: Lighthouse performance score: 98; Mobile-first responsive design across all breakpoints; Sub-2s page load with edge-optimized delivery; Animated cart drawer with real-time item management; Glassmorphism UI with zero layout shift (CLS: 0)

### Terravane Studio
- Case study: https://jalbright.dev/portfolio/terravane-studio
- Live demo: https://jalbright.dev/demo-terravane
- Type: Architecture & Design Portfolio
- Description: A concept demo showcasing an immersive architecture portfolio, featuring parallax scroll storytelling, project filtering with animated grid transitions, and a multi-step consultation booking flow. Terravane Studio is a fictional brand — not a real business.
- Challenge: Architecture studios occupy a unique tension between art and engineering — their digital presence must communicate creative daring while instilling the confidence that comes with technical precision. For this concept demo, I designed a portfolio for a fictional Pacific Northwest studio that feels as tactile and considered as real built work: warm materials, deliberate pacing, and an emotional throughline connecting forest-framed residences to urban commercial renovations. The core challenge was designing an experience rooted in earth tones, natural textures, and unhurried storytelling — without sacrificing the structured navigation and clear calls-to-action that convert visitors into consultation bookings.
- Approach: I built the demo on Next.js App Router with an earth-tone design system rooted in six semantic color tokens (umber, sage, copper, stone, parchment, mist) and the Cormorant typeface for an editorial, monograph-like feel. The homepage opens with a full-bleed hero and a floating frosted-glass panel that scrolls naturally over the pinned photograph, creating depth without parallax fatigue. Alternating dark and light sections establish cinematic rhythm as visitors move through a horizontal-scroll project carousel, an animated filtering grid, and a multi-step consultation form with radio-group semantics and real-time validation. Framer Motion drives entrance animations, layout transitions, and accordion reveals — all respecting prefers-reduced-motion — while five static components were converted to server components via a shared FadeInView wrapper, cutting client-side JavaScript significantly.
- Results: Lighthouse performance score: 96; Mobile-first responsive design across all breakpoints; Sub-2s page load with server component optimization; Multi-step consultation form with real-time validation; Animated project filtering grid with layout transitions

### Northstar Home Services
- Case study: https://jalbright.dev/portfolio/northstar-home-services
- Live demo: https://jalbright.dev/demo-northstar
- Type: Service Business Portal & Dispatcher UI
- Description: A concept demo for a fictional home services company, combining a lead-generation website with a customer portal and dispatcher workspace built on Material UI. Northstar Home Services is a fictional brand — not a real business.
- Challenge: Most service businesses need more than a brochure website: they need intake forms that collect usable job details, a customer portal that reduces back-and-forth with the office, and an internal interface that makes dispatch work easier instead of noisier. For this concept, the challenge was designing a system that could feel trustworthy and conversion-focused on the public-facing side while still supporting denser operational workflows like appointment tracking, invoice management, and live job triage.
- Approach: I built the demo on Next.js App Router and introduced Material UI in an isolated route segment so the design system could power a distinct application-style experience without bleeding into the rest of the site. The public pages use a restrained blue-and-orange service brand with subtle motion and clear calls-to-action, while the portal and dispatch surfaces shift into a calmer, utility-first layout built from MUI primitives like AppBar, Drawer, Stepper, Table, Chip, and DataGrid. Shared mock data keeps the marketing, booking, customer, and admin views connected so the whole demo reads like one believable product instead of a set of disconnected screens.
- Results: Isolated Material UI integration inside a Next.js App Router demo; Multi-step service request flow with validation and review states; Customer portal for appointments, invoices, and property history; Dispatcher dashboard with technician coverage and job queue management; Responsive experience across marketing, portal, and admin surfaces

## Accuracy Notes
- The business information on the marketing pages is canonical.
- Demo brands in the portfolio are fictional and should not be represented as real client companies.
- Pricing shown is starting-point pricing; larger scopes and integrations are quoted separately.

## Contact
- Contact page: https://jalbright.dev/contact
- About page: https://jalbright.dev/about
- Free audit page: https://jalbright.dev/audit
- Site root: https://jalbright.dev