PHANTOM HANDS

E-commerce web design project for Phantom Hands, hand crafted furniture based on the Indian mid-century modern design. The concept for the interface in this project follows similar design principles as mid-century modern style.

ROLE

Design - Concept sketches, wireframing, UI design, web development.

DURATION

2 weeks
Aug 2017

TOOLS

Figma
HTML/CSS

TEAM

Srijan Jhanwar

OVERVIEW

THE CONCEPT

Design follows the same principles as mid century modern style. Minimal and clean, purely derived out of function.

This project was an after product of the research and documentation for my undergraduate research thesis, Tracing the history of Indo-Modernist furniture in India : Understanding transcultural modernism in the works of Pierre Jeanneret. This web development project was for Phantom hands, a collective that makes handcrafted furniture based on the Indian mid century modern design. The concept for the interface in this project follows the same design principles as the mid-century modern furniture. Minimal and clean, purely derived out of function, while maintaining neat aesthetics.

Screenshot of webpage
Background image

GRID SYSTEM

Desktop width: 1280px

Offset: 0px

Gutter width: 18px

Container width: 1140px

No. of columns: 14

Column width: 36px

Design system for webpage

INFORMATION ARCHITECTURE

Information architecture diagram

TYPOGRAPHY AND COLORS

Color scheme for webpage
Typeface for webpage
Typeface for webpage

SCREENS

Screenshot from final app prototype
Screenshot from final app prototype
Screenshot from final app prototype
Screenshot from final app prototype
Screenshot from final app prototype
Screenshot from final app prototype