The design approach naturally shifted towards improving the structure of the wordmark. it was decided that The uplift should not be cosmetic; but rather a functional and iterative recalibration. I began by studying the core language of the practice; Redrawing the mark and introducing wider proportions, with a structure more aligned with the visual identity.

The design approach naturally shifted towards improving the structure of the wordmark. it was decided that The uplift should not be cosmetic; but rather a functional and iterative recalibration. I began by studying the core language of the practice; Redrawing the mark and introducing wider proportions, with a structure more aligned with the visual identity.

The design approach naturally shifted towards improving the structure of the wordmark. it was decided that The uplift should not be cosmetic; but rather a functional and iterative recalibration. I began by studying the core language of the practice; Redrawing the mark and introducing wider proportions, with a structure more aligned with the visual identity.

Production was a core consideration in the development of the mark — stitching, laser-cut metal, labelling, stroke thickness, material stress, negative space, and how the mark interacts with textile structures. Digitally, the logotype’s proportions allow it to be scaled across different breakpoints while maintaining presence without the need to rely on graphic excess.

The identity operates on a principle of structural restraint. The logotype behaves less like a graphic asset and more like a component within a spatial system — measured, intentional, and materially aware.

The final identity is a system built to operate fluidly across digital and physical contexts, holding its structure across scale and material. The uplifted logotype feels deliberate, engineered, and aligned with Judas Mordache’s practice, reinforcing her core principles of materiality. + creative direction + brand identity + web design + type customisation + photo retouching

Real-time inventory sync via WebSocket — when a seller updates stock, the change propagates to all active sessions within ~200ms.

Dynamic pricing engine that adjusts based on demand, seller-defined rules, and promotional campaigns.

ML-powered product recommendations using collaborative filtering on purchase history.

Biometric authentication (TouchID/FaceID) via WebAuthn API as the primary auth method. All API requests are signed with HMAC using a per-session derived key. Session tokens are stored in an HTTP-only cookie with Strict SameSite.

The app uses a Content Security Policy that blocks all inline scripts except for the known Svelte bundle hash. This prevents XSS even if user-generated content gets rendered.

Service Worker with a Cache-First strategy for static assets and a Network-First strategy for API calls. Recent transaction history is stored in IndexedDB, allowing users to view their last 30 days of transactions even offline.

Failed transactions (e.g., while offline) queue locally and sync when connectivity returns. The UI shows a clear sync status indicator so users know the state of each pending transaction.

Migrating 500+ pages without breaking existing SEO rankings. Implementing a gradual rollout strategy with feature flags to ensure the old and new sites could coexist during transition.

The legacy CMS had deeply嵌套自定义字段, requiring an extensive data migration pipeline.

42% improvement in Lighthouse performance score (32 → 89). Core Web Vitals all in green zone. Organic traffic increased 28% within 3 months of launch.