top of page
Asset 7-min.jpg

INK CULTURE

A one-page website showcasing 19th-20th century contemporary tattoo art—a pivotal era that profoundly influenced modern tattooing

Duration
5 weeks
Designer
koan sun
Works
responsive web design
ui design
html
css
java script

BACKGROUND

The United States and Japan emerged as the focal points of tattoo culture.

These two regions cultivated unique tattoo styles that flourished independently and engaged in a symbiotic exchange, profoundly influencing each other throughout the 19th and 20th centuries.

Artboard 1.jpg
Grid.png

DESIGN
CONCEPT

Design Fusion:
Two Images, One Tattoo Art

The United States and Japan emerged as the focal points of tattoo culture. These regions cultivated unique tattoo styles that flourished independently and engaged in a symbiotic exchange, profoundly influencing each other throughout the 19th and 20th centuries.

Screen Shot 2024-08-24 at 12.02.53 PM.jpg
Western
Eastern
Asset 35.png
LOGO_2.png

In tattooing, clients trade temporary pain for the beauty of their ink. To capture this blend of pain and artistry, the design uses vibrant red to highlight the aesthetic of discomfort.

 

The logo features interconnected dots that create a flowing, liquid effect, symbolizing punctures and blood. Images are rendered in stippling to reflect the dotwork technique used in tattoos.

WEB DESIGN

Page_History_new.gif
Asset 16.png
Screen Shot 2024-08-24 at 11.56.23 AM.jpg
Page_style.gif
Asset 15.png

Display colorful image  while mouse hover. 

Click the image to zoom in and view details.

Asset 17.png
Page_legends.gif

The third section introduces three 19th-20th legendary  tattoo artists,

Sailor Jerry, Horiyoshi III, and Vyvyn Lazonga

LifeShare.png
Asset 22.png
Asset 23.png

MOBILE
VERSION

BG_Typo.jpg
Phone01.png
Phone02.png
Phone03.png
Phone04.png
Phone05.png

BEHIND THE SCENE

desktop.png

Dreamweaver, as a supportive tool, was used to build this one-page web design with customized scripting by using HTML, CSS, and javascript

html.jpg
css.jpg
desktop.png
RESPONSIVE
ONE-PAGE
WEB DESIGN
Phone05.png
bottom of page