Reinexcia Tech

Designed and developed the full brand website for a tech consultancy — from zero to deployed production using Next.js, GSAP, and Framer Motion.

100%
solo design & development
<2s
page load time on Vercel
Role
Web Designer & Developer
Year
2025 – Present
Focus
Brand Motion Next.js
Context

Building a brand presence from scratch

Reinexcia Tech is a Munich-based technology consultancy with no existing web presence. They needed a site that communicated technical credibility and design sophistication — something that would stand out without relying on generic SaaS templates.

The brief was open: own the design direction completely. That meant making decisions on visual identity, motion language, typography, and interaction design — all from a blank canvas.

The site needed to work as a sales tool first. Visitors arriving from outbound campaigns or referrals should immediately understand what Reinexcia does and feel confident in their capability.

Reinexcia Tech Hero
Reinexcia Services
Problem

Generic templates signal average work

Most consultancy websites look the same — stock photos, hero copy, a services grid. For a company positioning itself as technically sophisticated, that kind of site actively undermines credibility.

The core challenge was: how do you make a B2B consultancy site feel alive and premium without it feeling like a startup trying too hard?

The solution had to be opinionated. Clients and prospects should feel the level of craft before they read a single word.

Design

Minimal, dark, and intentionally restrained

The visual direction anchors on near-black backgrounds, warm off-white text, and a single warm accent. Inter at multiple weights does the typographic heavy lifting — no decorative fonts, no gradients for decoration.

The particle network hero was the centrepiece decision. A live canvas animation where nodes connect and shift as the cursor moves — it communicates technical depth without explaining it. The interaction is the message.

Every section follows the same rhythm: generous whitespace, large type, restrained motion. Scroll-triggered reveals use Framer Motion with custom easing — nothing bounces, nothing spins. Elements simply appear with confidence.

Reinexcia Services
Reinexcia Contact Modal
Development

Designed and built end to end

Built entirely in Next.js with Tailwind CSS for utility-first styling, Framer Motion for scroll-triggered animations and page transitions, and GSAP for the particle hero and complex timeline sequences.

The contact modal routes through Resend for email delivery — no backend server, fully serverless. Zoho business email integrated for professional inbox routing.

Deployed on Vercel with automatic preview deployments on every push. The build pipeline is fast and the site scores consistently well on Core Web Vitals — performance was non-negotiable.

This project sits at the edge of design and engineering. Every animation has a purpose, every interaction is considered, and the whole thing was built solo from first sketch to production URL.

Mobile — Footer
Mobile — Hero
Mobile — Services
Impact

A site that earns trust before a word is read

Live
Deployed and active at reinexciatech.com — primary sales asset for the client
<2s
Page load time on Vercel with full animation suite intact
4
Core animation systems built — particle hero, scroll reveals, page transitions, contact modal
Solo
100% solo — design direction, motion system, development, and deployment

The site became the client's primary outbound sales tool immediately on launch. The ongoing contract reflects that — continued development is active.

Next Project
Aevi
Designed and shipped a live AI companion app from zero — solo, from concept to Google Play.
NEXT