top of page

Research driven designer focused on motion design, visual identities, and UX/UI, based in Montreal, QC. Available worldwide.
Co-founder of Hans Studio.

All

Motion

Web

Photography

Lisanne Haack logotype

Research driven designer focused on motion design, visual identities, and UX/UI, based in Montreal, QC. Available worldwide.
Co-founder of Hans Studio.

Project : Lisanne Haack

Location : Barcelona, Es

Year : 2023

An identity system driven by dynamic color analysis, processed through a custom JavaScript tool extracting the average hue of each artwork—continuously recalibrating as new works emerge. A structured typographic framework ensures archival precision, assigning unique inventory numbers across web2 and web3, preserving context while enhancing digital presence. A visual signifier adapts seamlessly to individual works and series, anchoring the identity within the fluidity of artistic progression.

Services

Visual Identity

Website Design (UX/UI)
Motion System

Client

Website

Credits

Website Development: George Teglas

Lisanne Haack monogram
Large-Display-2.jpg

Location : Barcelona, Es
Year : 2023

An identity system driven by dynamic color analysis, processed through a custom JavaScript tool extracting the average hue of each artwork—continuously recalibrating as new works emerge.

A structured typographic framework ensures archival precision, assigning unique inventory numbers across web2 and web3, preserving context while enhancing digital presence. A visual signifier adapts seamlessly to individual works and series, anchoring the identity within the fluidity of artistic progression.

Services

Visual Identity
Website Design (UX/UI)
Motion System

Client

Website

Project : Lisanne Haack

Logotype
Custom wordmark balancing serif tradition with typographic nuance.

Archive system animation
A dynamic index assigning inventory codes to each artwork.

Dynamic color extraction
Average hue calculated from a single work. Forms the basis for brand color and value alignment.

Typographic system
Defined hierarchies establish clarity across formats.

Website launch announcement
Promotional animation shared with collectors.

Color extraction overview
Pixelation isolates average hues, combined to define the brand’s base color.

Monogram
Secondary mark derived from initials.

Website interface

Built around the color and archive systems. Each work indexed by hue and collection.

1

2

3

4

5

6

7

8

bottom of page