Problem and solution
A professional site needed to present architecture, engineering, tools, and identity as one coherent system—not a résumé page and a collection of unrelated demos. Adcox.AI uses a shared visual shell, crawlable HTML, and focused project/tool routes to keep those concerns connected without adopting a heavy frontend framework.
ChallengeUnify professional identity, technical evidence, tools, and writing without creating a fragmented experience.
SolutionA shared static shell with focused routes, reusable components, and service-backed utilities.
ResultA fast, crawlable platform that turns working software and architecture into visible professional proof.
Architecture
Content
Static semantic HTML
Design
Shared CSS system
Interaction
Vanilla JavaScript
Services
Appwrite functions and hosting
Delivery contract
RoutingHuman-readable, independently crawlable multi-page URLs
RenderingSemantic HTML with a shared CSS and JavaScript shell
ServicesAppwrite hosting and serverless functions where backend behavior is required
QualityResponsive behavior, accessibility, performance, and SEO treated as release constraints
Engineering decisions
- Multi-page URLs remain human-readable and independently crawlable.
- The shared shell standardizes navigation, identity, footer, focus behavior, and responsive presentation.
- Tools remain small and task-specific rather than being folded into an opaque single-page application.
- Performance, accessibility, best-practice, and SEO scores are treated as release constraints.
What this project demonstrates
- Designing a coherent product system across content, interactive tools, and professional identity.
- Choosing simple platform architecture when a framework would add more weight than value.
- Building reusable navigation, responsive layout, accessibility, and evidence patterns.
- Connecting static delivery to serverless services without sacrificing crawlability.