FRANCESCO SORRENTINONAPLES / ITALY制作 — BUILDING

SORREDEV開発

Creative developer building digital products, visual systems, and internet-native experiences. Code, design, and internet culture — shaped into fast, useful web.

View Projects →Contact Me

02 / IDENTITY記録 — ABOUT

ABOUT.

自己紹介 — WHO

I build websites, digital products, and visual systems with a mix of code, design, and internet culture.

My work moves across web development, startup ideas, creator platforms, social media systems, experimental interfaces and automation / AI workflows — strong visual identity on top, clean technical execution underneath.

Location: Naples, Italy ●
Focus: Web / Product / Creative Systems
Stack: Next.js · React · TypeScript
Status: Building — open to work

01 / SELECTED PROJECTS00作品

07 PROJECTS

SELECTED
WORK.

A set of products, platforms and identities — shipped pieces and active concepts. Scroll right to move through the archive.

→ DRAG OR SCROLL

PROJECT_001LIVE

VISIT →

PEZZUTO

Multi-brand jewelry and watch commerce. Deep catalog structure, metafields, and product pages shaped to keep customers moving through the purchase flow.

TYPEE-commerce

STACKShopify · Liquid

Digital presence for a media service. Clear layouts, organized content, and navigation designed to move visitors quickly toward contact.

Web project for a brand and community. Structured content, fast pages, and a foundation built to grow without becoming tangled.

Personal portfolio and digital identity built as an interactive Japanese editorial poster magazine.

TYPEPortfolio / Identity

Italian jewelry store. Custom Liquid theme, cleaner product pages, and a checkout flow that makes the catalog feel lighter and the product feel stronger.

TYPEE-commerce

STACKShopify · Liquid

YEAR2024

PROJECT_006PRIVATE

VIEW →

AI AGENTS

Multi-agent systems for autonomous task running and internal workflow automation. Under NDA.

TYPEAI / Automation

STACKPython · AI

YEAR2026

PROJECT_007PRIVATE

VIEW →

AUTOMATIONS

Custom automation pipelines for digital agencies — scheduling, reporting and client workflow systems.

TYPEAgency Tools

STACKNode.js · API

YEAR2025

END OF ARCHIVE

01 / SELECTED PROJECTS作品

PROJECT_001LIVE

VISIT →

PEZZUTO

Multi-brand jewelry and watch commerce. Deep catalog structure, metafields, and product pages shaped to keep customers moving through the purchase flow.

TYPEE-commerce

STACKShopify · Liquid

Digital presence for a media service. Clear layouts, organized content, and navigation designed to move visitors quickly toward contact.

Web project for a brand and community. Structured content, fast pages, and a foundation built to grow without becoming tangled.

Personal portfolio and digital identity built as an interactive Japanese editorial poster magazine.

TYPEPortfolio / Identity

Italian jewelry store. Custom Liquid theme, cleaner product pages, and a checkout flow that makes the catalog feel lighter and the product feel stronger.

TYPEE-commerce

STACKShopify · Liquid

YEAR2024

PROJECT_006PRIVATE

VIEW →

AI AGENTS

Multi-agent systems for autonomous task running and internal workflow automation. Under NDA.

TYPEAI / Automation

STACKPython · AI

YEAR2026

PROJECT_007PRIVATE

VIEW →

AUTOMATIONS

Custom automation pipelines for digital agencies — scheduling, reporting and client workflow systems.

TYPEAgency Tools

STACKNode.js · API

YEAR2025

03 / SKILLS & STACK技術 — STACK

A1フロント

FRONT
END

ReactNext.jsTypeScriptTailwind CSSFramer MotionGSAPRSCServer ActionsCanvas UI

A2インフラ

BACKEND
/ INFRA

Node.jsLinuxNginxPM2DeploymentPostgresPrismaDockerWebhooks

A3デザイン

DESIGN

UI SystemsMotionBrand IdentityEditorial LayoutTypographyInteraction DesignPrototypes

A4プロダクト

PRODUCT

MVP PlanningStartup StrategyAutomationCreator PlatformsAI WorkflowsAnalyticsLaunch Systems

A5コマース

COMMERCE/ CMS

ShopifyLiquidMetafieldsCheckout UXStripeSanityHeadless CMSCatalog Logic

A6オートメーション

AI/ AUTOMATION

OpenAI APIAgent WorkflowsPrompt SystemsPythonPlaywrightScrapingQueuesReporting Bots

04 / EXPERIMENTS実験室 — LABS

CLICKABLE FIELD NOTES

LABS

Style exercises, graphic components, and oversized little animations. They do not need to solve a problem: they need to leave a mark.

STYLE_001LAB_01

MOIRE FIELD

Layered lines, optical interference, and silk-screen poster distortion. Tap it and let the pattern lose its composure.

INTERFERENCE1/4

SOURCE CONSOLELAB_01

.moire {
  background: repeating-linear-gradient(90deg, #0b0b0b 0 6px, transparent 6px 12px);
  animation: lab-drift 6s steps(8) infinite;
  mix-blend-mode: multiply;
}
.moire::after { transform: rotate(19deg) scale(1.2); }

STYLE_002LAB_02

GLYPH CRUSH

Typography crushed until it almost breaks. A compact specimen for logos, social bumpers, and micro-identities.

SORRESORRETYPE PRESSURE

CRUSH5/10

SOURCE CONSOLELAB_02

.glyph b {
  font-family: var(--display);
  transform: scaleX(var(--density));
  text-shadow: 10px 0 0 var(--japan-red);
}
.glyph:hover b { letter-spacing: 0.08em; }

STYLE_003LAB_03

RIBBON CUT

Twelve typographic blades sliding out of register. It feels like a poster sliced apart and rebuilt on a phone.

OFFSET17

SOURCE CONSOLELAB_03

.ribbon i {
  transform: translate3d(calc(var(--i) * 7px), 0, 0) skewX(-14deg);
  animation: lab-slice 1.8s var(--ease) infinite alternate;
}
.ribbon i:nth-child(even) { background: var(--japan-red); }

STYLE_004LAB_04

PRESS SWITCH

A board of graphic switches: modules, holes, stripes, and hard contrast from a brutalist UI on warm glass.

PRESSURELOW

SOURCE CONSOLELAB_04

.switchboard button {
  aspect-ratio: 1;
  background: conic-gradient(from 90deg, #e53835, #0b0b0b, #f4efe6);
  transition: transform .28s var(--ease);
}
.switchboard button:active { transform: scale(.88) rotate(12deg); }

05 / PROCESS工程 — PROCESS

UNDERSTAND

I study the context, the audience, and the real goal behind the project before touching a single pixel.

理解

STRUCTURE

I define the system — pages, components, content hierarchy — so everything has a place and a reason.

構成

DESIGN

I create a strong visual direction with clear UX underneath. Bold on top, usable below.

設計

BUILD

I turn the idea into a fast, responsive, production-ready web experience with clean code.

構築

ITERATE

I refine the product based on feedback, performance, and how it's actually used in the wild.

改良

06 / CONTACT連絡 — GET IN TOUCH

LET'S BUILDSOMETHING THATDOESN'T LOOK LIKEEVERYTHING ELSE.

See Projects →Contact Me

Email: francesco@sorre.dev
GitHub: @justkyurem
Instagram: @sorre.dev
LinkedIn: /in/sorredev/

SELECTEDWORK.

LABS

UNDERSTAND

STRUCTURE

DESIGN

BUILD

ITERATE

LET'S BUILDSOMETHING THATDOESN'T LOOK LIKEEVERYTHING ELSE.

SELECTED
WORK.