Nocturna — GLEBALISATION

identity · Ongoing — 2026–present

Year: 2026
Role: Creative Direction, Brand Identity Design, Logo Design, Poster Design, Motion Concepts, UX/UI Concept Development
Deliverables: Logo and identity system, Poster and campaign language, Artist announcement graphics, Motion / video content, NOCTURNA Compass — interactive platform (in development)
Tools: Adobe Photoshop, Adobe Illustrator, Adobe After Effects, Figma (UX/UI concepts)

An independent underground identity became a system flexible enough to carry a scene that changes every week — and disciplined enough to now extend into an interactive platform.

The challenge

Underground music culture changes constantly — new venues, artists, and collaborations appear every week, making consistency difficult without losing spontaneity. The brief NOCTURNA set for itself was a flexible identity system that could adapt to different formats and campaigns while preserving a distinctive visual character.

The process

The project started with the NOCTURNA logo and the core visual language, then expanded into a growing collection of promotional materials — event posters, social graphics, and motion concepts. Editorial composition, experimental typography, chrome-inspired elements, abstract symbols, and a restrained palette were explored throughout. Each new design refined the system rather than reinventing it.

NOCTURNA Compass

The next stage is NOCTURNA Compass, an interactive platform currently in development. Rather than a conventional event-listing site, it's conceived as a curated navigation system for underground culture — exploring how branding, interaction design, motion, and sound can work together as one immersive digital experience, and carrying the original identity into a new discipline. Beta screenshot below — designed end to end, currently in development.

System details

NOCTURNA Instagram highlight icon, detail 1 — NOCTURNA — highlight icon I. Illustrator, chrome symbol mark.

NOCTURNA Instagram highlight icon, detail 2 — NOCTURNA — highlight icon II. Illustrator, chrome symbol mark.

NOCTURNA Instagram highlight icon, detail 3 — NOCTURNA — highlight icon III. Illustrator, chrome symbol mark.

NOCTURNA Instagram highlight icon, detail 4 — NOCTURNA — highlight icon IV. Illustrator, chrome symbol mark.

NOCTURNA Instagram highlight icon, detail 5 — NOCTURNA — highlight icon V. Illustrator, chrome symbol mark.

Artist announcements

The same system applied to lineup announcements — logo mark, name, date, and city held to one consistent layout no matter who the artist is or what their own photography looks like.

NOCTURNA artist announcement — MIRO, 03.14, LA — MIRO — artist announcement, 03.14, LA. Photoshop, layout system.

NOCTURNA artist announcement — $COE, 05.30, LA — $COE — artist announcement, 05.30, LA. Photoshop, layout system.

NOCTURNA artist announcement — Kana Hishiya — Kana Hishiya — artist announcement. Photoshop, layout system.

NOCTURNA artist announcement — Capes — Capes — artist announcement. Photoshop, layout system.

NOCTURNA artist announcement — Fun2bJane — Fun2bJane — artist announcement. Photoshop, layout system.

SoundCloud cover — layout studies

The full working set for one SoundCloud upload: Hedonismbot's live set for NOCTURNA, Chapter 001 — every layout pass from the first rough placements through to the refined selects, shown as they were made rather than narrowed down to a single final pick. Same photograph, same four elements (logo, chapter badge, artist name, date) tested in every arrangement until one held together.

Layout study 1 — tall crop. Photoshop.

Layout study 2 — square crop established. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 3 — chapter badge upper right, name and tagline lower left — Layout study 3. Photoshop.

Layout study 4 — hierarchy flipped top-to-bottom. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 5 — chapter badge full-width banner across the top — Layout study 5 — full-width chapter banner. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 6 — chapter banner top, name and date centered lower — Layout study 6. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 7 — chapter banner top, name and tagline centered mid-frame — Layout study 7. Photoshop.

Layout study 8. Photoshop.

Layout study 9. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 10 — alternate spacing on the top-left name lockup — Layout study 10. Photoshop.

Layout study 11. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 12 — alternate weighting on the top name lockup — Layout study 12. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 13 — chapter badge and date top-right corner, name and tagline lower-left — Layout study 13. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 14 — alternate crop on the corner-badge arrangement — Layout study 14. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 15 — framed with a cream border, chapter badge and date top — Layout study 15 — first pass with a border frame. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 16 — full-bleed return, chapter banner top-right — Layout study 16. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 17 — cream border returns, name and tagline lower-left — Layout study 17. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 18 — alternate spacing on the bordered arrangement — Layout study 18. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 19 — bordered frame, name lockup bottom-right — Layout study 19. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 20 — name lockup top-right, chapter badge rotated on the left edge — Layout study 20 — rotated side badge introduced. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 21 — rotated chapter badge left edge, name and date bottom-left, clean hierarchy — Layout study 21 — refined select. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, layout study 22 — mirrored variant of study 21, rotated badge on the right edge — Layout study 22 — mirrored refined select. Photoshop.

Revised layout v2. Photoshop.

Hedonismbot × NOCTURNA SoundCloud cover, revised version 2.1 — same lockup as v2 with adjusted spacing — Revised layout v2.1 — final adjustment pass. Photoshop.

Motion

Early motion concepts filmed on location — testing how the identity holds up moving, not just printed.

NOCTURNA — motion concept, pavilion I. On-location videography.

NOCTURNA — motion concept, pavilion II. On-location videography.

NOCTURNA — short-form motion reel. On-location videography, edit.

NOCTURNA Instagram campaign visual, edition 2 — NOCTURNA — campaign visual, edition II. Photoshop, chrome type treatment.

NOCTURNA Instagram campaign visual, edition 3 — NOCTURNA — campaign visual, edition III. Photoshop, chrome type treatment.

NOCTURNA promotional graphic with editorial typography — NOCTURNA — promotional graphic. Photoshop, editorial typography layout.

NOCTURNA taught me that a strong identity is not a logo or a collection of visuals — it is a system capable of evolving over time. The project shifted my approach from designing individual assets to designing relationships between typography, composition, motion, interaction, and atmosphere. That way of thinking continues to shape my work across branding, digital experiences, and creative direction.

Instagram — NOCTURNA ↗