Hi! I’m shelen!


My focus lies in creating impactful works that engage people using their various senses. Thus, my work is interactive, print or digital, and always has an intricate storyline. My background in architecture helps me think spatially and experimentally, making my designs unique. 

know more...


︎︎︎Email
︎︎︎LinkedIn
︎︎︎Instagram
︎︎︎Behance

Publication Design


Branding and Identity


UX/UI and Creative Coding


Poster and Visual Design


Home
About Me
Archive
Illustrations


Typefaces used—VG5000 designed by Justin Bihan and Helvetica Neue by Linotype

©2022 shelenvirani



Institutional Layers


This project is based on research of institutional websites, which was divided into 4 different signatures, experimenting with various book sizes and type layouts. All these signatures were compiled into a final book which I call “Institutional Layers.” This is an interactive book that contains a hint of a website. For example, scrolling became fold-out pages, pop-up screens became a little booklet inside the book, and the website back-end coding became strip pop-ups.
Software Used—Procreate, Adobe InDesign, Adobe Illustrator and Adobe Photoshop Categories—Book Design, Interaction Design, Interactive Book Design, Pop-up Book
Project Completion—March 2022



Concept:


I researched about an institutional website, looking at it critically and comparing it to other institutional websites. I also looked for the accessibility features that the website provides or should provide as per the guidelines.

The research was compiled into 4 different signatures, experimenting with various sizes and placement of type. All these signatures got compiled into a final book that contains the research for these websites, which I call Institutional Layers. For the final compilation, I took a few elements from websites that helped me design the structure of my book.

Therefore, my final book contains a hint of a website, using some elements from it like scrolling became fold-out pages, pop-up screens became a little booklet inside the book and the website coding became strip pop-ups that will need to be read from below the popped up strips.The following shows my final compilation followed by the process and research that went into the designing of the book.



Initial Signatures:


Signature 1—15.23”x6.25”


Signature 1 revised—6”x9”


Signature 2—6”x9”


Signature 2 revised—6”x9”


Signature 3—4.25”x7”


Signature 4—8.5”x11”