Hi! I’m Shelen!

I'm a passionate Creative Strategist at Adobe, driven by a burning desire to create impactful and engaging experiences. My focus lies in creating work that engage people on a deeper level by weaving intricate storylines regardless of the platform. This dedication has led to the creation of interactive and multi-sensory experiences, fueled by my background in architecture – a field that instilled in me a spatially aware and experimental approach.

know more...


UX/UI and Creative Coding

Publication Design

Branding and Identity

Poster and Visual Design

About Me


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


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”