Skip to content

What would your kimono look like? Concept by graphic designer Euphemia Franklin, development by Alex Franklin, promoted by the Victoria and Albert Museum.

Notifications You must be signed in to change notification settings

aajfranklin/Playful-Kimono

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

98 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Playful Kimono

Playful Kimono asks the question, what would your kimono look like?

Contents

Background

Drawing inspiration from kimono sample books, or hinagata-bon from the Edo and Meiji periods, the project reinterprets the kimono design process through a digital template and invites users to bring their own unique designs to life.

Playful Kimono has been promoted by the Victoria and Albert Museum and is supported by the Kingston University Business School.

Concept and design by Euphemia Franklin.

Development by Alex Franklin.

Technologies

The Playful Kimono website was built with React and Redux. The kimono design editor was built with the Fabric.js canvas library.

Playful Kimono is hosted on Heroku and backed by a customised Strapi server, Amazon S3 for image storage, and a MongoDb Atlas database.

This stack allows for complete control of the front-end visual design and image editing implementation, simple content management and moderation for the project's designer, and minimal ongoing hosting costs.

Features

Upload, edit, and submit a kimono design:

Click the image below for a video demo:

Playful Kimono video demo

'Infinite' gallery loads more designs as you scroll:

Playful Kimono gallery screen

Expanded gallery view:

Playful Kimono expanded gallery screen

Responsive design and touch support:

Playful Kimono responsive design view 1 Playful Kimono responsive design view 2 Playful Kimono image upload screen with touch instructions

Credits

Playful Kimono uses icons from the Iconify Bootstrap Icons collection.

Zoom range slider styles generated with Daniel Stern's range.css tool.

About

What would your kimono look like? Concept by graphic designer Euphemia Franklin, development by Alex Franklin, promoted by the Victoria and Albert Museum.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published