A vertical scroll website for TEDX

Ulejra is an institutional financial workflow infrastructure and marketing platform that serves treasury, compliance, settlement, and operational governance teams. Built with Next.js 16 and deployed via Cloudflare, it provides a light-only bordered institutional interface for managing digital asset programs, treasury coordination, and governed AI-assisted operations—with product-led storytelling through workflow mockups, dashboard previews, and audit trail visuals.

Build StackNext.js 16, React 19, TypeScript, Tailwind CSS 4, Radix UI, Lucide Icons, Motion, OpenNext + Cloudflare Workers, Shadcn/ui

Challenges

  • Keeping full-width bordered bands, side rails, and max-w-7xl containers consistent across responsive landing sections.

  • Embedding dashboard mockups, workflow previews, and ledger visuals as focal points without hurting performance or accessibility.

  • Converting dense desktop splits into clean mobile stacks while preserving institutional hierarchy and visual structure.

  • Using motion components like SectionReveal, ShimmerText, and grid effects without drifting into crypto-glow aesthetics.

Solutions

  • Standardized a w-full border-y band with an inner mx-auto max-w-7xl border-x container and repeated GridSeparator rhythm.

  • Placed product visuals inside controlled card containers using bg-surface, selective shadows, and minimal decorative layers.

  • Used responsive Tailwind layouts: md:hidden mobile cards, desktop split views, and single-column benefit stacks.

  • Kept motion restrained with short reveal transitions, prefers-reduced-motion, low-opacity grids, and limited shimmer usage.

Grateful you're here! Always happy to chat ^^

I'm open to new opportunities – full-time roles, freelance projects, and collaborations. If you're working on something interesting, I'd love to hear about it.

ayusshsoni04@gmail.com
+91 8728061501