website.docnil.com | UX/UI, Motion & Search Case Study | Gabriel Daniels

Skip to content

DOC N.I.L.CREATIVE SERVICES

DN Websites UX case study cover showing the painted homepage and its headline.

Experience

The work spans site structure and UX, scroll-led scenes centered on two masterworks, a planning calculator, and a public brand system. The case study also documents page-level search setup.

Project gallery.

DN Websites project overview with a Renaissance artwork hero and site metrics

Website brief organized around research, structure, and measurement

Design and development plan from initial site map to launch

Motion plan describing the artwork-led scroll sequences and their purposes

Hero screenshots showing Renaissance artwork and layered website previews

Proportion diagrams and website work previews on a dark green layout

School of Athens hero and three detail panels from the artwork walkthrough

Website design details mapped into a connected diagram

Service page screenshots covering planning, design, and development

Website scope calculator and estimated project cost preview

DN Websites color, type, and component guide in warm paper tones

Search readiness board with page totals and structured data examples

Mobile screens showing the homepage, artwork sequence, and project estimator

Project summary for DN Websites covering UX, UI motion, and search

In motion.

Homepage artwork and hero motion

Interactive website portfolio preview

Proportion study and portfolio showcase

Services and visitor journey

School of Athens motion study with Pythagoras

School of Athens motion study with Plato and Aristotle

Site planning and information architecture

From the brief to the build

Project scope and pricing estimator

Website color system

Mobile site walkthrough

Homepage composition and artwork