Connect the public website to the work that happens after an inquiry.

My Role in this Project

Website structure and visitor journeys
Visual design and responsive interfaces
Next.js website development
Assessment and consultation intake workflows
Custom content and submission-management admin

Product and Platform

Next.js, React, and TypeScript
Tailwind CSS and reusable page components
NextEditor with firm-specific page and collection schemas
Inline page editing and rich-text article publishing
Separate consultation and assessment inboxes

Designed Around the Firm

Four connected practice areas
Twelve-question planning assessment with a scored result
Nineteen legal articles carried into structured content
Read tracking and follow-up statuses for submissions
Light and dark admin themes

A closer look.

Explore the screens. Select an image to view it full size.

Paré Law homepage with estate-planning assessment and Boise firm identity — The homepage gives visitors a clear starting point: understand their estate and business planning gaps.

Four Paré Law practice areas presented together — Estate, business, probate, and charitable planning share one visual and information hierarchy.

Paré Law firm story and attorney biography — The firm story and attorney profile establish who visitors will work with.

Paré Law firm story and at-a-glance information — The firm story explains the practice’s focus and its collaborative approach.

The about page carries the firm’s story into a specific attorney introduction.

Paré Law services and estate-planning content — Service pages connect each practice area to the concerns that bring someone to the firm.

Paré Law estate-planning service explanation — Detailed practice content uses readable sections and photography rather than an undifferentiated list of services.

Paré Law consultation form and office information — The consultation page places contact details, practice interests, and an initial message in one intake path.

Paré Law consultation form with name, email, practice interest and message — The public form supplies the fields the team later reviews in its consultation inbox.

Paré Law article archive with categories and publication dates — The article archive turns existing legal resources into a consistent browsing experience.

Paré Law legal article cards grouped in a responsive grid — Article cards surface a topic, category, date, and short introduction before the reader opens a resource.

Paré Law article detail with headline, category and readable text — An article moves from a recognizable headline into a focused reading layout.

Paré Law estate and business planning self-assessment introduction — A separate assessment journey explains its purpose and the twelve-question commitment before it starts.

Paré Law assessment question with four answer choices and progress — One question at a time keeps business-continuity and estate-planning topics manageable.

Paré Law assessment contact step with fictional visitor details — The contact step explains that the firm may follow up; the screenshot uses fictional demonstration details.

Paré Law assessment results for a fictional demonstration score — A locally seeded demonstration result shows the score, explanation, and next step without creating a submission.

Paré Law custom admin dashboard with pages, articles and submission collections — The admin brings page editing, article publishing, and incoming submissions into one workspace.

Paré Law admin page directory — A page directory links staff to the content sections defined for each public page.

Paré Law admin article list with publication state — The article collection exposes titles, slugs, dates, and publication states.

Paré Law article editor with title, category, date, image and body fields — Publishing uses a purpose-built article schema with a rich-text body and separate publication controls.

Paré Law article publication controls — Draft/published status, slug, and publication timing are separate from article composition.

Paré Law consultation inbox with fictional submissions and workflow statuses — Consultation submissions carry read state and follow-up status; every person shown is fictional.

Paré Law consultation detail with fictional contact information and admin controls — A submission keeps the original message beside read-state and workflow controls, without editing the visitor’s answers.

Paré Law assessment inbox with fictional respondents — Assessment responses are reviewed in their own incoming collection rather than mixed with general consultations.

Paré Law fictional assessment submission with score and section answers — The team can review contact information, score, and individual answers together.

Paré Law consultation inbox in its dark theme with fictional records — The same admin workflow supports a dark theme without changing the underlying content model.

Paré Law homepage with its field-based editing sidebar — Staff can edit defined page sections alongside the public layout rather than navigating a generic page builder.

Paré Law homepage on a phone — The mobile site retains the firm identity and assessment starting point.

Paré Law assessment question on a phone — The assessment keeps the question and answer choices readable at a phone viewport.

The rationale

Make the next step clear on both sides of the website.

Paré Law is a boutique Boise firm focused on estate planning, business planning, probate, and charitable planning. This project is a prototype exploring two related needs: helping a visitor understand where to begin, and giving the firm a practical way to maintain its content and review incoming inquiries. It has not launched as the firm’s production website.

The public experience carries those four practice areas through a consistent structure. The homepage establishes the firm’s local identity and introduces the planning assessment. Service explanations, the firm story, an attorney profile, and an article library give visitors more context before they make contact. Warm parchment colors, burgundy accents, serif typography, and Boise photography connect the pages visually without making every section compete for attention.

The assessment is a more specific starting point for business owners who may not know which planning questions to ask. Twelve questions cover business continuity, coordination between business and estate plans, personal estate planning, and wealth preservation. A single-question flow shows progress and leads to a contact step, then a score, an explanation, and a suggested next step. It is a self-assessment that supports an initial conversation, not a substitute for legal advice.

The admin is part of the product rather than an afterthought. I configured NextEditor around the firm’s actual content: four editable pages, a structured article collection, consultation submissions, and assessment submissions. Staff can edit defined page sections alongside the public layout. Article composition has dedicated title, category, image, excerpt, and rich-text fields, with publication controls kept separate from the writing surface.

Consultations and assessment responses have different contexts, so they have separate inboxes. Both carry read state and follow-up status. A consultation keeps the visitor’s contact details, practice interest, and message together. An assessment retains the score and individual answers, giving the team something concrete to review before a follow-up. The incoming answers remain distinct from the admin controls used to manage the response.

The implementation uses Next.js, React, TypeScript, and Tailwind CSS, with the firm-specific editing schemas defined in the application. Nineteen existing legal resources are represented in the article content import. The aim is a coherent website and operational workspace that can evolve together, with less friction between updating content, receiving an inquiry, and understanding what someone needs.

These screenshots show the prototype running locally, including the real public components and NextEditor admin interface. All admin identities, consultation messages, and assessment submissions shown are fictional demonstration data; the example result was rendered locally without submitting a form. The firm’s public domain shows its existing website, separate from this prototype. No conversion or client-outcome improvements are being claimed.