Design Portfolio

Page 1

ENJOY MY WORKS !

YA S H H . B H A R A N I

PO R TFO LIO 2017 / 2022


Hello !

नमस्ते I'm Yash H. Bharani - a designer, front-end developer, and behavioural researcher hoping to further my career in the design space.

As of 2022, I am also a final year architecture student in IIT Roorkee learning and trying to improve how people interact with the digital world.

I am also the founding designer at Coolage, and working as a UI UX Designer at UniScholarz

Born and raised in Bhopal, India. Growing up, I had always been a creatively inclined person. I represented my school in various art and craft competitions. The college introduced me to digital tools while I worked in the design teams of many campus groups & a few startups. Over the years, I have developed big-picture thinking and found my niche in working on products end to end, from ideation all the way to development adding user empathy and the latest design trends.

Outside of the world of design & art, I am a water polo player, a travel freak and a harry potter fan.


Contents

01.

03. Information and Animation Design

Resume

Cognizance 2019 Coolage Branding Watchout Magazines DAP IITR Font

02. Interaction Design Coolage App

04. Architecture Projects

Petpooja Kiosk Cognizance 2020 Destech Award

05. Artworks


Yash H. Bharani Information + Interaction Designer User Research

Rapid Prototyping

Information Architecture

Content Strategy

Interaction Design

Brand Design

User Interface Design

2D & 3D Illustrations

Wireframes

Character modelling & rigging

Sprints

Motion Graphics

Work Experiences UniScholarz / UI-UX Designer Feb 2022 - Present

Performed UX audits and revamped the web-based fintech products for the student community, Learning how to work with business cases & use product analytic tools.

Coolage / Founding Designer J u n e 2 0 2 1 - P r e s e n t

Achievements Destech Award / Winner

RESUME

A u g 2 0 1 8 - N o v 2 0 1 8 Designed a mobile-based platform targeting architecturally aware Users to capture, and share their journeys. The analysis of data is used to derive meaningful insights alongside the scope for monetisation. Presented in ANC 2019.

GRIHA Trophy / Winner

D e c 2 0 1 9 - J a n 2 0 2 0 Designed a Green Airport Terminal for Bagdogra, West Bengal which satisfied GRIHA requirement, used local sustainable materials and modular building techniques

Started a startup that provides tech products to digitize college functionalities. Trying to build a brand from scratch, Finding product-market fits, Exploring the challenges and trying to become a leader.

SPA Bhopal / Universal Design Researcher July 2020 - Sept 2020

Worked on SABHI project under DIC in CHCR labs at SPA-B. Developed digital maps based on QGIS for differentlyabled persons in heritage sites of Bhopal. Developed working drawings to integrate Universal Design in SPA-B

Petpooja POS / Interaction Designer N o v 2 0 1 8 - J a n 2 0 1 9

Designed android application of Kiosk Ordering System. Did character animations, User Sessions and developed Flows, Wireframing, Style Guide, UI with Motion Graphics and Prototyping.


Campus PORs Education

WatchOut News Agency / Head of Design

M a y 2 0 1 9 - A p r i l 2 0 2 0 The campus news & cultural magazine.

Indian Institute of Technology Roorkee Curious Columns / Designer in Chief

Bachelor of Architecture

J a n 2 0 1 9 - N o v 2 0 2 0

2017 -22

The student body of the architecture & planning department, IIT Roorkee.

Campion School, Bhopal

Cognizance / Animation Team Lead

Matriculation & Intermediate

N o v 2 0 1 8 - M a r 2 0 2 0

2005 -17

Annual Tech fest of IIT Roorkee

Languages

Tools igma

I

A

dobe XD

I

Photoshop

B

F

ter Effects

llustrator

H ML

ndesign

CSS

lender

TypeScript

utoCAD

C++

Af

A

Premier Pro

Sk

etchup

T

A

ngular Framework

www.yashbharani.com yash.h.bharani@gmail.com 91 942-530-2660

+


01


Interaction Design


#1 Coolage App Product Design & Brand Building Jul 2021 - Present

Self Project Brief: I along with my friend started a college campus app making venture from NIT Jalandhar where we created this application over a period of 7 months.

“Coolage” is a Software As A Service, that gives the college community a dedicated platform to channel information, avail services provided by the campus and a local marketplace for on-campus merchants to do business within the college.

View Full Case Study


Online Survey Results

My Role:

4. Prototype

Being the only co-founder with a design

Constructed a Design System for the

background, my responsibilities included everything from finding the problems,

whole platform. Starting with the atomic

ideating a solution, formulating its business

level of the Design System, for primary

case with the team, designing the product,

colour, the complementary colours violet &

shipping it for development, collecting

orange were chosen. . Together, the colour

reviews and then repeating the process to

pallet gives the product a bold, youthful

.

reach PMF while building the brand from

appeal and gels well with our logo

scratch.

The Design Process: 2. Define Empathize

Started with the

“How Might We” rounds to

First the pain points were collected from the

solve the pain points we felt were solvable by

stakeholders of various colleges across India

a single app that could be built with our

by primary qualitative user research

capabilities. Based on those solutions we

methods.

created

“Affinity Maps” of features

a ulty

F c

St

udents

a

Merch nts 3. Ideate

5. Test & Review

A Few Pain Points of Stakeholders Made seven User Flows for 1. Login or register; 2. Order food from the canteen ; 3.

Opted for the Tree Testing Methodology .

Second the quantitative user research by the

accept and execute canteen order

means of online surveys with questions that

(merchant app); 4. Adding a feed event or

validate our hypothesises & help in gauging

blog post; 5. Approving feed/blog form

the market potential.

(admin app), 6. Applying for internship/job,

Tried to remove the hurdles different stimuli variables. The results are being incorporated along with the mountain of suggestions we gathered so far. 7. Selecting a candidate for interview/job (placement portal app).

6. Repeat


#2 Petpooja Kiosk UI/UX Design & Character Animation

Nov 2018 - Jan 2019

Interaction Design Internship

Brief: Petpooja developes POS systems for food serving business and provides tech support to their integrated businesses within it’s data driven ecosystem.

They developed kiosk systems to replace humans in the role of billers and waiters. They needed a versitile interface which is easy to adapt for the Indian as well as international users.

My Role: To design an Interactive User Interface for the Kiosk tasked to digitise Food Ordering Experience of the customers in a medium to the large-sized restaurant. I conducted research on User Behaviour and designed the product in accordance with the cases and scenarios presented to me.

I was also tasked with Branding the company with an animated Mascot. I worked on identifying scope and integrating animations and motion graphics across a variety of it's products to improve general engagement which would be appropriate for users of all demographics.

View Full Project


User Flow Wireframes

A minimal 2D character that guides users in the interface and adds a humane touch to the ordering experience

High Fedelity Mockups


#3 Cognizance 2020 Website Design Nov 2019 - Mar 2020

IIT Roorkee Tech Fest Design Brief:

Cognizance is the annual tech fest of IIT Roorkee. It’s asia’s largest technological festival with 200+ events, seminars, workshops and competitions. My role in 2020 as on of the senior designers was to come up with webpages that enables various functionalities of the fest in accordance with the set theme and the cognizance brand identity along with the latest trends of website design.

View Full Case Study


User Persona

Flows

B e t a We b s i t e

M a i n We b s i t e


#4 Destech Award Research & Product Design Aug 2018 - Nov 2019

National Design Competition Brief: Destech aims to bring creative thinking and digital advancements in the built environment sector challenging participants to explore opportunities within ‘Smart City’ systems.

This year the challenge was to designed a mobilebased platform targeting architecturally aware Users to capture, and share their journeys. Analyse the generated data to derive meaningful insights. This project was presented in ANC 2019 & won the 1st prize. View Full Case Study

Our Solution : A digital app to capture local urban trails through smartphones that would allow one to encapsulate and share his/her journey.

The app gives architects and students the ability to Capture a short journey of theirs on a map through geospatial technologies via smartphones Capture stories and input factual information about a place or a building Tag, classify and record on site, specifics about the type of architecture, details and building elements.

Provide broad themes of elements that the app could capture and organize Suggest how the use of multimedia such as photos, videos etc. could be organized and analyzed to provide meaningful insight into the built environment Suggest visualizations to capture and represent the culture, people, and essence of a place through the app The ability for users to download and refine content through a smartphone onto a web interface.


Search A user can search for information under various categories using this feature. The result of a query depends on the category a user wants to search in and the keyword that he/she has entered.

Maps

Features Capture & Feed Captured data is first organized and then displayed in the form of a post consisting of pictures, videos, and text.

Find out more interesting insights about the place in a visual manner through the aid of maps.

Start a journey to the selected place. The app

It shows the density of humans visiting the site

then suggests the user a number of optimized

on an average, the era of construction of each

routes to reach in accordance with his preferred

site and places nearby, the popularity of site

mode of transportation and intermediate places

among other users, whether of that location,

of interest.

accessibility, mobility and walkability scores of that location.


02


Communication Design

Design

& Animations


#1 Cognizance 2019 Graphics, Branding & Animations Nov 2018 - Mar 2019

IIT Roorkee Tech Fest Design

View Full Project


View Full Project

View Full Project


#2

Coolage Brand Illustrations. Minimal 2D & 3D illustrations for Coolage App & Branding. Used procreate and blender to sketch / model them.

#3

WatchOut Magazines. In the role of head designer, I published 3 magazines for watch out. Following are a few of my artworks for the same.


#4

DAP IIT Roorkee Font Made the typeface for Architecture

Department, IIT-R that has been in use since generations by the hands of caligraphers of the NASA Trophies.

View Project


03


Architectural

Projects


GRIHA Trophy

#1

Designed a Green Airport Terminal for Bagdogra, West Bengal which satisfied GRIHA requirement,

YAC Plastic Monument

used local sustainable materials and modular building techniques.

#3

Surveyed and documented the Kharsali village Presented in ANC 2020 and won Citation (1st

ANDC 2019 - Kharsali

prize)

View Project

#2

rich in kathguni vernacular architecture of Uttarakhand.

Designed a community center there using local

Surveyed and documented the Kharsali village

materials and techniques that solved social

rich in kathguni vernacular architecture of

problems. Was shortlisted in ANC 2020

Uttarakhand.

Designed a community center there using local materials and techniques that solved social problems. Was shortlisted in ANC 2020

View Project

View Project


LIK Trophy 2020

#4

SPA Bhopal

Documented Sultan-Ul-Madaris madarsa in Lucknow for LIK Trophy in NASA 2020.

I did the sketches, sheet compositions and content writing for this project.

#6

Designed the Academic block of the School of Architecture and Planning, Bhopal in accordance with the guidelines of COA as part of the Design Assignment in 4th Semester.

View Project

View Project

Hospital Design

#5

Designed a 200 bedded Multi Speciality Hospital in Dwarka, Delhi in accordance with all the codes and regulations as well as the set standards of Indian Medical Council.

View Project


04


Artworks


A piece of my works, drawn with pen & pixels



Get In touch

160 / 1, Shakti Nagar, BHEL, Bhopal, India

Email

Instagram

LinkedIn

Dribbble

yash.h.bharan@gmail.com

https://www.linkedin.com/in

/yash-bharani-7a249816a/

Behance https://www.behance.net

/yashhbhara7006

GitHub

https://github.com/yhbharani

https://www.instagram.com

/yash.bharani/

https://dribbble.com/yahibro

Pinterest

https://in.pinterest.com

/yashhbharani/_saved/

Medium

https://medium.com/@yashbharani


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.