Skip to content
CHRISTOPHER KILO.
Back to Projects

Integrated Campaign · 2026

NIGHTSHIFT

Create after dark.

An integrated campaign for a nighttime festival combining digital art, electronic music, creative technology, and immersive media— one concept adapted across posters, social, environment, merch, and motion.

Dates / Location
October 17–18, 2026
Harbor Arts District
Role / Tools
Campaign Designer, Art Director, and Motion Designer
Photoshop · Illustrator · InDesign · After Effects · Figma
Art DirectionCampaign DesignTypographyAdvertisingMotion Design
Festival2026
NightShift wordmark

One weekend. Infinite after-hours.

October 17–18, 2026

Harbor Arts District

nightshift.example · sponsors

01 · Project overview

One campaign system for an entire after-dark festival

NightShift needed immediate attention without collapsing into nightclub-flyer tropes. The work proves that a single nocturnal concept can stay recognizable across print, digital, environment, credentials, merchandise, and motion.

NightShift reveals the city’s second creative layer—the work, sound, and systems that only become visible after dark.

02 · Campaign challenge

Be mysterious and energetic—without becoming unreadable

Constraints

  • Create night-energy without generic club aesthetics.
  • Keep dates and venue readable at poster distance.
  • Adapt for artists and activities without redesigning from scratch.
  • Serve designers, developers, and musicians with one visual language.

Opportunity

Cropped letterforms, layered grids, and luminous directional lines can feel experimental while still protecting hierarchy. The system treats darkness as negative space—not as a place to dump effects.

03 · Audience

Creative and technical crowds in one district

Young designers
Artists
Developers
Musicians
Students
Gamers
Technology enthusiasts
Creative professionals
04 · Creative strategy

Night as a second creative layer

The festival transforms the city after dark, revealing activity that is usually invisible during the day.

Night as creative freedom

Technology as a medium

Hidden energy

Shifting perspectives

Collision of art and systems

05 · Campaign identity

A flexible nocturnal system

Wordmark, date-location lockup, frames, type hierarchy, and category labels stay stable while artist imagery and accents change.

NightShift wordmark
Date + location lockup

October 17–18, 2026

Harbor Arts District

FestivalInstallationsLiveLearn

NIGHT

SHIFT

Display type carries impact through scale and crop. Source Sans handles body clarity. JetBrains Mono protects schedules, badges, and technical labels.

Gate B · 21:40 · Workshop 04

Accent palette
06 · Main poster

Distance-readable hierarchy with nocturnal atmosphere

Festival2026
NightShift wordmark

One weekend. Infinite after-hours.

October 17–18, 2026

Harbor Arts District

nightshift.example · sponsors

Close-up detail

CREATE
AFTER
DARK.

Festival2026
NightShift wordmark

One weekend. Infinite after-hours.

October 17–18, 2026

Harbor Arts District

nightshift.example · sponsors

NightShift festival poster displayed in a street-side setting
07 · Poster series

Related variations, not identical crops

Festival2026
NightShift wordmark

One weekend. Infinite after-hours.

October 17–18, 2026

Harbor Arts District

nightshift.example · sponsors

08 · Digital advertising

Reformatting by space, not by crop

SHIFT
NightShift wordmark

October 17–18, 2026

Square ad

N
S

CREATE
AFTER
DARK.

Vertical mobile

NIGHT

CREATES

LIGHT

Harbor Arts District
Email header / venue screen

Full schedule now live

04 stages · 28 sessions · 02 nights

09 · Social media system

Phase-aware templates for the full campaign arc

Square post

Create after dark.

NightShift wordmark
Schedule release

Create after dark.

NightShift wordmark
10 · Tickets and credentials

Access levels inside one visual system

General admission

NightShift

October 17–18, 2026

Non-functional QR mark

VIP

NightShift

October 17–18, 2026

Non-functional QR mark

Digital wallet

NightShift

October 17–18, 2026

Non-functional QR mark

Staff badge

NightShift

October 17–18, 2026

Non-functional QR mark

Artist badge

NightShift

October 17–18, 2026

Non-functional QR mark

Media badge

NightShift

October 17–18, 2026

Non-functional QR mark

Wristband
NIGHTSHIFTGA · 2026
11 · Environmental graphics

Scale without losing essential information

12 · Merchandise

Simplified graphics derived from the system

Merchandise avoids dumping the full poster onto every surface. Marks, cropped type, and accent lines become the wearable language.

T-shirt
NightShift wordmark
Tote bag
NS
Sticker sheet
NS17SHIFTLIVE
Wristband
NightShift wordmarkGA / 2026
Hoodie
SHIFT
Limited poster
NightShift wordmark
13 · Motion campaign

A deliberate 6–10 second poster reveal

Animation plays only when you ask it to. Reduced-motion users get a static final frame.

Festival2026
NightShift wordmark

One weekend. Infinite after-hours.

October 17–18, 2026

Harbor Arts District

nightshift.example · sponsors

NightShift motion poster keyframe still
Keyframe still
14 · Campaign rollout

Messaging tightens as the weekend approaches

  1. 01 · 6 weeks out

    Launch announcement

    Establish the world and the promise of after-dark creation.

  2. 02 · 5 weeks out

    First artist reveal

    Introduce names while keeping the campaign frame intact.

  3. 03 · 4 weeks out

    Workshop promotion

    Shift toward makers, students, and skill-building.

  4. 04 · 3 weeks out

    Full schedule

    Prioritize clarity—dense information with strong hierarchy.

  5. 05 · 2 weeks out

    Ticket urgency

    Increase signal yellow sparingly for scarcity moments.

  6. 06 · Final week

    Countdown

    Compress messaging into date, venue, and CTA.

  7. 07 · Event days

    Live updates

    Cyan becomes the live-state accent across screens and stories.

  8. 08 · After

    Recap

    Archive the weekend without losing the nocturnal system.

15 · Process

From brief to nocturnal system

Moodboards, type experiments, and rejected directions show how the system moved from atmosphere to a repeatable campaign language.

Image treatment exploration
Untreated NightShift campaign image
NightShift image with campaign color treatment
UntreatedCampaign grade
Process study

Moodboard

Nocturnal references and luminous urban textures

Process study

Typography tests

Cropped display vs readable lockups

Process study

Rejected direction

Too close to generic club-flyer neon

16 · Results and reflection

What this campaign taught me

Consistency across formats

I kept the grid, date lockup, and accent logic stable, then varied crop, category color, and information density. That let every adaptation feel related without becoming a lazy crop of the hero poster.

Experimentation vs readability

Oversized type and layered grids create energy, but dates, venue, and access information always needed a protected reading path— especially on environmental graphics.

Hardest adaptation

Leaderboard and email formats. With almost no vertical space, the system had to communicate identity through lockup, accent, and compressed hierarchy rather than atmospheric composition.

Future improvement

I would replace composed mockups with photographed environments, finalize After Effects exports for the motion poster, and build a stricter component library for social production speed.