docnil.com | Website UX/UI, Motion, Search & Dashboard | Gabriel Daniels

Skip to content

DOC N.I.L.CREATIVE SERVICES

DOC N.I.L. website case study cover with black, orange, and gray signal squares.

Site structure

The project organizes six specialist teams within one marketing company. Scroll-led scenes introduce the business while the site structure helps visitors find the right service.

Search and planning

The case study documents live search across 72 services, pricing tools, and page-level search setup across 84 pages.

Client experience

The work includes the mobile experience and a private client dashboard. The published case study follows the site from its initial structure through the live system.

Project gallery.

DOC N.I.L. website overview with the black-and-orange homepage hero

Design brief for one homepage serving six specialist teams

Project table tracing the site from architecture to launch

Website map showing the parent company and six specialist teams

Motion plan showing the purpose and behavior of each scroll sequence

Homepage screenshots showing the shift from particles to the three-square mark

Campaign process and next steps with an animated homepage preview

Black, white, and orange design tokens with screenshots of the resulting interface

DOC N.I.L. service search organized by specialist team

Pricing scope and estimator screens with range and scale factors

Quote builder interface with service options and pricing breakdown

Search readiness board with page counts and structured data examples

Search documentation covering llms.txt, service areas, image sitemap, and local site search

Side-by-side homepage images comparing reduced and full motion

Mobile screenshots of service search, pricing, quotes, and contact

Client dashboard entry and permissions overview

Project summary covering UX, UI motion, search, and operations

In motion.

Homepage hero motion

From first idea to market

The specialist-team network

Campaign process walkthrough

Service search in use

Project scope and pricing estimator

Service selection and quote builder

Mobile site walkthrough

Homepage closing sequence