Web Development Portfolio

Web builds by Arctyx

Websites and applications with strong visual identity, practical user flows, and the backend pieces needed to operate after launch.

Live web builds

Project types

Next.js

Core framework

Responsive

Delivery

Featured Web Work

Compact case studies for websites and platforms

View AI Portfolio

Gaming Website

Mythspire

A cinematic gaming website for a fantasy and science-fantasy IP, with interactive info, gated systems, email workflows, and production-ready infrastructure.

View case study

Candle Shop Website

Teddy Candles

A warm candle shop website for hand-poured soy wax candles, with product discovery, cart and wishlist flows, Stripe checkout, contact, newsletter, and mobile shopping UX.

View case study

Portfolio Website

Sahel Mokaddem

A sharp personal portfolio website for Sahel Mokaddem, presenting his founder profile, Dripoli Group ecosystem, credentials, background, and business contact path.

View case study

Live

Production

Factions

Email flows

Archivum system

Terminal-style records, access states, hidden content, map mode, and GSAP transitions.

Faction quiz

A shareable quiz flow that scores visitors into one of the world factions.

Email operations

Contact, newsletter, unsubscribe, and admin broadcast flows powered by Resend.

Private tools

Protected HQ and Deep Net areas with auth, message flows, and rate-limited APIs.

Gaming WebsiteLive at mythspire.co

Mythspire

A cinematic gaming website for a fantasy and science-fantasy IP, with interactive info, gated systems, email workflows, and production-ready infrastructure.

Problem

The gaming brand needed more than a simple landing page: it needed a world hub that could introduce the IP, organize lore, collect subscribers, and support private tools.

Solution

We built a Next.js platform with a story-led homepage, an interactive Archivum, faction quiz, intel routes, newsletter operations, admin HQ, and authenticated Deep Net areas.

Impact

Live public gaming website for the Mythspire universe.
Lore and faction content organized into navigable routes.
Contact, newsletter, unsubscribe, and broadcast workflows connected through Resend.

Tech and integrations

Next.js 16React 19TypeScriptTailwind CSS v4GSAPPixi.jsNextAuthResendUpstash RedisVercel Analytics

Visit project Build something similar

Tech and integrations

Next.js 16React 19TypeScriptTailwind CSS v4GSAPPixi.jsNextAuthResendUpstash RedisVercel Analytics

Visit project Build something similar

Store

Website

Stripe

Checkout

Mobile

Shopping

Teddy Candles basket product photography

Storefront flow

Home, store, product detail, cart, wishlist, checkout, about, and contact routes support the buying path.

Product discovery

Search, category filtering, product cards, color choices, and recently viewed items help visitors browse quickly.

Checkout system

Stripe checkout handles payment sessions with gift wrap, promo code, and shipping logic.

Retention details

Wishlist, newsletter signup, testimonials, cookie preferences, and mobile bottom nav round out the store experience.

Candle Shop WebsiteLive at teddycandles.net

Teddy Candles

A warm candle shop website for hand-poured soy wax candles, with product discovery, cart and wishlist flows, Stripe checkout, contact, newsletter, and mobile shopping UX.

Problem

The brand needed an online storefront that could present cute celebration candles, support browsing and purchase intent, and keep the shopping experience simple across mobile and desktop.

Solution

We built a Next.js shop with storefront navigation, product cards and detail pages, search, wishlist, cart drawer, checkout, promo and shipping logic, cookie preferences, and email-backed contact flows.

Impact

Live e-commerce website for Teddy Candles.
Baby shower and gender reveal products presented through a responsive storefront.
Cart, wishlist, checkout, newsletter, and contact paths connected into one shopping experience.

Tech and integrations

Next.js 16React 19TypeScriptTailwind CSS v4StripeResendReact EmailUpstash QStashVercelNext/Image

Visit project Build something similar

Tech and integrations

Next.js 16React 19TypeScriptTailwind CSS v4StripeResendReact EmailUpstash QStashVercelNext/Image

Visit project Build something similar

Companies

Certs

Live

Portfolio

Founder-first hero

A full-screen visual entry point establishes the personal brand immediately.

Company ecosystem

Dripoli Web, Market, Vape, and Academy are grouped into one clear business structure.

Credibility sections

Credentials, certifications, and background details are separated into fast-scanning blocks.

Direct contact path

The page ends with a focused business inquiry route instead of a cluttered form flow.

Portfolio WebsiteLive at sahel.mokaddem.me

Sahel Mokaddem

A sharp personal portfolio website for Sahel Mokaddem, presenting his founder profile, Dripoli Group ecosystem, credentials, background, and business contact path.

Problem

The profile needed to communicate leadership, credibility, company structure, and contact intent in one focused place without feeling like a generic resume page.

Solution

We built a responsive one-page portfolio with a full-screen founder hero, high-contrast editorial sections, company cards, credentials, background, and a direct inquiry route.

Impact

Live personal portfolio for Sahel Mokaddem.
Dripoli Group companies presented in one scan-friendly structure.
Credentials, background, and contact details organized for serious business inquiries.

Tech and integrations

Next.jsReactTailwind CSSNext/ImageVercelStatic prerenderingResponsive typographyCustom font system

Visit project Build something similar

Tech and integrations

Next.jsReactTailwind CSSNext/ImageVercelStatic prerenderingResponsive typographyCustom font system

Visit project Build something similar

Next Step

Have a site that should feel custom instead of templated?

We can shape the structure, interface, content flow, and backend pieces into a web build that is easier to launch and easier to grow.

Start a web project