All examples

Paré Law

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

A custom website prototype for a Boise estate and business planning firm, connecting practice-area content, legal resources, a twelve-question assessment, and consultation intake with a dedicated editing and submission-review admin.

Visit the firm(opens in a new tab)

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

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.

A closer look.

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.
Paré Law attorney profile and firm background
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.