Hitesh Singh Bisht - Portfolio 2022

Page 1

Graduate Portfolio

1
Hitesh Singh Bisht

hitesh.s.bisht@gmail.com

Hitesh Singh Bisht

“ I love design and everything related to the project. I approach design in a rational and pragmatic way, trying with it to solve a problem in the simplest and most functional way possible that contributes to the transformation of groups and organizations seamlessly.

This portfolio is a curated collection of my architectural design, product design as well as graphics design. The projects are chosen to highlight the diverse scale and approaches encompassed in my design education and experiences upto this point. ”

2
Hitesh Singh Bisht Hitesh Singh Bisht

AUG 2015

MAY 2020

JUNE 2020

FEB 2023

BACHELOR OF ARCHITECTURE | NATIONAL INSTITUTE OF TECHNOLOGY

- Created thesis design proposal for museum of Film and Cinema as a hybrid of art, interaction design & architectural in Noida, India.

ARCHITECTURAL DESIGNER | Freelance | we the BAD

Himachal Pradesh

Managing small and medium-scale projects, forming relationships and coordinating design decisions with consultants, engineers and contractors. Working in both AutoCAD and Rhinoceros across residential, commercial and mixed-use projects. Designing across all phases, from conceptual design through to construction documentation.

I have also developed graphics and layouts for product illustrations and logos mirroring company brand style.

I Have successfully taken on many roles gaining experience in project marketing, business development, client handling, f irm branding and financials.

JULY 2020

JAN 2021

GRAPHIC DESIGNER | AQUA GASEOUS CONTROLS (INDIA)

JAN 2020

MAY 2020

MAY 2018

JULY 2018

2021

New Delhi

- Led the re-branding of smart product series, creating and implementing innovative design strategies which increased sales traff ic by 30%.

- Redesigned magazine interface to enhance customer experience, this led to improved satisfaction ratings from customers.

- Created designs, concepts and 3D sample layouts, based on knowledge of layout and esthetic design concepts.

- Prepared illustrations and rough sketches of material, discussing them with clients and making necessary changes.

- Creating print magazine layouts and brand identity assets, as well as managing product deadlines.

INTERN ARCHITECT | KARAN GROVER AND ASSOCIATES Gujrat

- Worked primarily in the design development phase of several retail and residential projects. Drafted various design drawings and made subsequent adjustments based on both client and principal feedback. Also helped to create a standardized library of construction detail drawings. Created presentational renderings of projects. Had the opportunity to accompany firm partners to assorted construction sites to oversee the construction process and take part in architectural competition at international level.

INTERN ARCHITECT | KAKKAR BUILDWELL Almora

- Assisted with the production of construction drawings, such as architectural and electrical plans, architectural schedules and interior elevations. Also helped to create a standardized library of construction detail drawings.

NAARI Sagan Award

Voluntarily collaborated with team of Himalayan Education Foundation to work on a architectural project for the women to improve their lives and strengthen the local communities & create a sustainable global business. Himalayan NAARI, Chaukori, India | USA |

61st Annual NASA Team Representative

SJB School of Architecture and Planning, Bangaluru

Vibrant Riverfront Development Project : Special Mention

61st Annual NASA HUDCO Trophy, Bangaluru

President & Mentor

Design O Crats [Architecture Department, NITH]

Excellent Technical Fest Expo Award

NIMBUS, National Institute of Technology Hamirpur

Wilderness Pavilion |Kenya| : World Top 50

ARCHASM Design Competition

JULY 2022

GOOGLE UX DESIGN PROFESSIONAL CERTIFICATE | COURSERA |

I designed & developed 1 application for people to explore wedding venues through virtual tour and 1 application along with a website for a rap artist MC Stan, an album listening and ordering f low platform.

MAY 2022

UI DESIGN KICKSTARTER

An online course offered by GrowthSchool, learning the princilples of making business-led designs with real industry techniques and strategies.

Design: Illustration & UI graphics

• Strategy & visual presentations

• Persona

• Concept sketches

• User flows

• Wireframes & mock ups with Sketch & Illustrator

• 2D & 3D Fabrication

• Style guides & pattern library

Adobe Creative Suite

Prototyping: Rapid prototyping using Figma & Adobe XD

• Frameworks

Adobe XD Figma Procreate & Sketch

Research: Interview

• Contextual inquiry

• Usability testing

Collaboration: Facilitating

design critique

• Self starter

• Comparative analysis

• Task analysis & persona hypothesis

Cognitive walkthrough

• Survey

Detail oriented

• Flexible

Communicative

• Leadership

3D Softwares:AutoCAD

Lumion

Rhino 3D & Trimble Sketch Up

3
2019
2019
2018 2018
2018
education_ work experience_ recognitions_ competencies_ Tools workshops_
4 06 - 21 22 - 35 36 - 49 50 - 65 2018 2019 2020 02 01 Himalayan NAARI 02 मेला 03 Solution Product Broucher 04 Wednue 07 03 08
5 66 - 79 80 - 81 82 - 83 84 - 85 05 MC Stan 06 Shooting Star 07 I am a 90’s kid 08 Code - 1 7 5 1 3 0 04 06 05 01 2021 2022 2023

Himalayan NAARI Retail and Workcentre

Himalayan NAARI is one of my projects from professional architecture practice, the most delightful work I have done during my tenure in the hills of Kumaon region. NAARI (nā́rī) meaning female. Himalayan NAARI proposes professional facility of a retail shop alongside a homely work centre for the women (artisans) to display as well as continue the knitting and weaving practices inspired by the traditions and aesthetics of the Himalayan landscape.

Type

Time Team

Concept, Modelling, Management, Reserach, Site Execution

September 2020 - March 2021

individual

6
01
7
8
1. 2. 3. 4. 5.

About Himalayan NAARI

In three remote villages, tucked into the Indian Himalayan mountains, members of the self-help collective called Himalayan Naari are revitalizing traditional woolen crafts. Through this regeneration of knitting and weaving practices, over 1000 Naari artisans are improving their lives and strengthening local communities while creating a sustainable global business.

The women of Naari create beautiful handmade products by combining traditional techniques and natural materials with modern designs. The artisan knowledge that has been passed down from generation to generation is now being shared with the world, thanks to Himalayan Naari. Customers receive unique, high quality items inspired by the traditions and aesthetics of the Himalayan landscape.

9
The process can be explained in 5 important images, arranged chronologically from left to right.
6. In association with Fair Trade Federation, US 7.

Project Brief

The client, Himalayan NAARI Foundation was very much clear with their fundamental requirements. They necessitated for a retail store with a hall for the artisans, besides an office area. The design is entirely about NAARI. Who NAARI is, and where NAARI comes from.

The complex provides feeling of abode with it’s earthy planning and the locally-available materials for the area. The tea gardens corresponds to the avenues. The centre provides classroom for learning new techniques along with a big unrestrained working area, an office-store floor and a huge backyard (verandah) especially to work amid winters. The building has been ingeniously driven from the vernacular style architecture of the region, incapsulating the foreground’s with incumbent interior spaces.

Challenges

• A “freeway” master plan design with industrial techniques that permit slow construction on site, if required.

• Design a space that bridge the retail shop with the work-centre but not inversely.

• Design with scope for future constructions, coherent to the proposed design.

Site Analysis

The site for the project is located opposite to Himalayan Inter College at NH309A, Chaukori, in the state of Uttarakhand. According to the specific location, the site is analysed on three aspects, road axes, surrounding terrain and contour intervals. The site is characterised by the regular one meter contour intervals spread across the valley. It hosts a wide range of natural vegetation embracing famous British-era tea gardens, entertainment activities and scenic views of national significance. Around the area, there are similar building types but have contrary architectural styles.

Due to the essential location at the “whistle-stop”, the following issues need to be considered :-

• Less excavation and exploitation of contours

• The views of the building

• Circulation around the building

• Consistency with the environment

10

Spatial Arrangement Z O N I N G

The idea was to narrate the story of the Himalayan NAARI, the artisans.

11

The idea behind Himalayan NAARI initiative towards the women’s of remote areas had a kind impression on me while conceptualising distinguished facets of the project. It was then the early site visits, geographical conditions and native lifestyle cognate with vernacular architecture of the region that initiated the approach.

1. 2. 3. 5. 4. 6. 7. 8. c. Right sectional elevation of the proposed design of the Retail and Workcentre.
2.
3.
4.
5.
6.
8.
Concept
LEGENDS : 1. Retail
Store Open Classroom Workcentre Balcony Office and Store Area Staircase to Workcentre
7. Verandah
Scope for Future Expansion
Site Plan 0 1 2 3 4m

Isometric Exploration of the mass

third floor (road side)retail store / porch area / town view / tea garden view / balcony view of NAARI working downstairs / parking area / road connectivity

second floorhall / NAARI classroom / pantry / himalaya view / tea garden / balcony

first flooroffice / adminstration area / toilets / store area / verandah / play area / himalaya view / tea garden / hall entrance

ground floorfuture expansion / tea garden

14

The study and use of locally-available materials was the primary concern here. The site naturally had two laterals, one to the road side and other facing the valley. The road side facade was evidently proposed for the retail shop for public comfort. The other side was then settled-up for private use. The different levels owing to the contours vacated area for a classroom with a big working area, an office-store area and a winter backyard (verandah).

15

Architectural Facade

16
Road side and Front elevation of the retail shop Back side elevation of the workcentre

Design principles

Design is influenced by structuralism

As little as possible

As good design is

Area coverage

38% ground coverage area with an outdoor landscape area of 62%

Material selection

Locally available timber and random rubble masonary with on-site excavated stone

Internal space

Retail store with workcentre and adminstration area with a scope for future construction

17
The building is a classic reflection of the artisans, talking about their cultural values, beliefs, their lifestyle and preserving a homely coworking space.
18
19

Takeaway

As an arhitect, Himalayan NAARI is the project that is near and dear to my heart. I wanted to communicate the importance of cultural beliefs and values. This was my first time using the natural local materials, re-creating our traditional history and I can definitely see it being an impactful design for the future. The project made me realize just how difficult it can be to design a dedicated style of building that you know very little about. I had very little knowledge about vernacular architecture of Uttarakhand coming into the project, so that became problematic when designing phase started. Luckily, my college professor Dr. I P Singh (Associate Professor & former Head, Department of Architecture) was able to guide the direction of my process. This made me realize just how important it is to have somebody who knows A LOT about the subject of the project you are developing in order to create a well-rounded experience for the users.

20
21

The project was developed in a technical fest organized at the university, carried out together with a team of friends. It is focused on the theme of the Design for All, where we transformed the conventional fair tent design.

Type Time Team

Team Lead, Computational Programming, Execution, Visuals

2 months

5 people

22 मेला (meh .lah)
02
23

Traditional fair tent design often designs for an unconscious abstraction: the standard group. Doing so penalizes real people with their diverse wants and needs. Design for All is design for human diversity, social inclusion and equality, it develops solutions starting from the needs of the most needy users, in this way even the needs of the simplest users will be automatically satisfied.

Design for All Challenges

• Design an easy to carry tent for users.

• Design a tent capable of enclosing an area of 100 sq.ft

• A nature responsive tent, providing comfort to the users in all weather conditions.

• A hassle-free tent, easy to assemble and take down, especially for rural-Indian users.

Context Analysis

Fair has it’s ancient history in India but with an exponentially growing phenomenon of big concrete building’s over years, it has somewhere lost its significance. Despite the importance of fair, the issue of a respectful roof for small vendors remains little considered. There are few products designed in the market. Many vendors have to adapt to existing products or create home-made solutions, which are not comfortable with all weather conditions.

We have chosen to design a special roof tent that can be transformed into distinctive dimensions as per the user need and bring back the vibrant nature of a Indian fair.

6 million are fair vendors in India, of which 96% do not have a proper roof to their stalls

How can a conventional fair roof tent be improved for vendors with anything sustainable?

24
Project Brief
25 Concept
A tent that allows you to interact fully and precisely with all weather conditions, using just one hand.

Story Board

By designing solutions for the most needy users, even the simplest one is satisfied.

26
27

carefully cutting-out the wooden sectors and rectangular planks in the workshop

connecting all the sectors with 6mm fasteners

28
Prototype

The planks and sectors are joined only by screws, so Roof can be easily disassembled and reassembled, without causing much effort to transport.

29
connecting sectors along the planks assembling structure around a core with a handle on one sides

The idea stems from the desire to give importance to a structural element usually camouflaged, the structural joint, placing it at the axial core.

The concept takes up the use of steel body planks (here, ply board for the prototype), that naturally reflects the playful style colour themes during daylight. These planks are controlled by a maual rolling handle at the end. An additional of a transparent sheet, especially for rainy seasons, if required.

30 Development P A T T E R N I T E R A T I O N V I A G R A S S H O P P E R
Steel Section Waterproof polyurethanecoated polyester fabric Rolling Handle 6mm Fastener Colour Theme

How it’s made?

The rectangular planks and the sectors interlocked together with a 6mm fastener, the entire structure is held in position by a core through the length. The core is attached to a handle on one side to manually channelise the roof.

A rolling handle attached to the modules allows to adjust sunlight and shade.

31
Single M O D U L E break down. 59 individual rectangular planks 26 sectors for rotating mechanism 52 fastner to connect planks with sectors
Tent Assembly

Design principles

Design based on Rationality

As little as possible

A good comfort design bag carrying modules. Takable tent

A 10ft. x 10ft. module can be easily taken inside a bag with all it’s essentials.

Responsive nature

Sustains comfortably during various weather conditions. The operational handle on the back side to control the module planks manually.

100 square feet coverage

Collapsible module design allows an area of 10 ft. x 10ft. Stable

Use of steel makes it the most stable during the use

Hassle-Free

Easy to assemeble and dismantle by two people.

32
Each dimension is suited to have an efficient shelter, able to solve better the brief.
33
Single module elevation
2.5 feet 2.5 feet Un-Folded Plank 2.5 feet 2.5 feet 5 feet 10 feet 5 feet 5 feet 10 feet 5 feet 10 feet 5 feet 5 feet 10 feet
Single module cross-section

Takeaway

After logging over 300+ hours of user-focused research, interviews and design, I believe that मेला (meh .lah) fulfills the goals of the assignment and satisfies the expectations of the user. With that in mind, I would like to improve the portabilty feature of the product. Currently, it’s functionality within the prototype works, but I feel like its potential and economics should be a more prominent feature as originally brainstormed. For myself, designing मेला (meh .lah) taught me the real value of great research and the benefits of listening. Overall, this entire design process has helped shaped me into a more empathetic and open-minded designer.

34
35
The roof is delivered disassembled, it can be easily assembled by two person.

Solution Product Broucher

AGC is an Indian brand founded in the year 1984 in New Delhi. The company is closely linked to the Water & Sewage Treatment plants. Amid COVID-19, AGC launched a smart-product series which were produced through eco-sustainable technology to fight against the pandemic.

Reserach, Visulas 3 months individual

36
Type Time Team 03
37

Project Brief

Unfortunately, the pandemic had arrived and many of us lost our known ones. We first got a hunch of designing a series of smart-products when we noticed people and organizations asking for these products that lacked in the market. We confirmed that by running a survey which showed almost 86% of our users wanted these products to restart their life with all measure of safety.

Assumptions

Declaring my assumptions was imperative to the process because it would allow me to decipher what was actually accurate and what wasn’t. I established a starting point where I had the ability to ask specific questions about AGC audience, issues that may arise, and how we might go about solving them.

Business Goals : How the business strives to succeed in the market?

Users : Who is our audience? (Behavioral Archetypes, personas, etc.)

User Goals : What goals will the users want to accomplish when using the magazine and products?

Potential Features : How might we bridge the gap between our users and their goals during the time of Covid-19?

38 AFFINITY MAP
ATTRIBUTE IDEATION
PRELIMINARY

About Aqua Gaseous Controls

AGC envision a country that is self reliant and this motto helps it to provide prime services in the field of Water Science across the subcontinent. It was only in the year 1984 that their visionary founder Late Sh. V.K. Goswami established the company ‘ Aqua Gaseous Controls (India) ’ in the capital city. He started his journey by repairing Electro-mechanical equipments and this path gradually lead AGC into the field of Water / Sewage Treatment plants.

One of the milestones by AGA was reached when ‘ Aqua Gaseous Controls (India) ’ discovered it’s keen interest in developing the chlorination equipment used at a specific stage in clear water treatment process. Today they operate and maintain various WTP/STP’s along with complete electrical/ mechanical and civil works across the subcontinent. AGA is a proud team of above 150+ core employees ,and many of them are associated with it since the beginning of this venture and who work with passion in the direction of our Nation’s motto.

39
Even a simple product can have a evocative and original asthetic, if presented efficiently.
in India
“Cleanliness is Godliness” Make

The asthetics of the magazine is simple and straight forward, yet the products emerge out proficiently.

40 P&P Wireframe
41

The magazine integrates graphics, reaserch and contrasting images to engage the readers.

Takeaway

The project was a great opportunity for me to comprehend what is user experience design and gain a wealth of knowledge about the field by creating a responsive product design and magazine design from beginning to end. It was a long, bumpy and challenging journey and I pretty much enjoyed it. But it’s just a beginning of my life as an Experience Designer and I still have a long way to go. I am ready to set out the next journey !

A user experience mobile application to help people explore wedding venues through virtual tour.

Type Time Team

Concept, Interactions, Reserach, Visuals

7 weeks individual

50
Wednue
04
51 Wednue ...tour and choose

Project Brief

People have difficulties organizing schedules to look for multiple venues due to time constraints and scattered availability. Wednue is great to use for quick venue searchs that allows user to take up virtual tour, explore each corner of the venue. Wednue is a free platform which is also useful for booking appointments and even finalisimg them for events. By designing a both compact and accessible interface, I feel that anyone can use it.

project timeline.

August

Week 01

UNDERSTANDING

Kickoff

problem definition

listing assumptions

affinity mapping

send out questionnaire

analyze data

form personas

DESIGN

information architecture

validation scenario

mobile wireframes

initial iterations

final iterations

POLISH

style guide motion comps

Week 02

52

Challenges

• Create easy-to-understand data visuals for users

• Create a interface capable of exploring venues and endlessly

• Design a hassle-free virtual tour interface

• Bridge the gap between users searching for their desired venues

53

In Wednue’s design process, I opted for a goal-directed design approach that helped me move along through the timeline smoothly. Qualitative research methods proved to be the most effective during our design process, most notably my user interviews and usability testing sessions. Whenever I encountered an issue that I was trying to solve, it’s smart to build a good foundation. In Wednue’s case, I did this by asking some generic but useful internal questions.

Kickoff Research Insights

I conducted a user questionnare to gauge wedding-planning impact on people in terms of convenience, as well as which part they played during the planning process itself. On the right are the highlights of the insights I discovered when working through the questionnaire results and feedback.

54

Preliminary Ideation

I found data from my self interview to be the most effective understandings I garnered. I then used an affinity diagram to separate the data into groups of tasks which were further categorized by high level goals for improvement in efficiency, process, depth, and familiarity Recognizing the conflicts of interest from each perspective allowed me to focus on shaping user goals and how those goals would in-turn also affect the business’ goals.

75% of participants stated that they usually prefer those venue’s where, they have already attended the wedding’s.

More than 90% of participants stated that they never used their smart-phone when deciding or selecting a wedding venue.

Participants mostly get-together with friends, family or relative for finalizing a wedding venue. No such user-friendly application is popular for organizing virtual tour’s helping users to finalize the wedding venue’s.

Most participants stated that they want to discover and find new venues for the wedding.

Most participants claims to have pain points mostly when travelling to different venue’s and selecting one out of all

55 AFFINITY MAP
SOLUTION ITERATION
POSSIBLE

PRIMARY

Name: Ian Clark

Age: 37

Occupation: Event Manager

Ian is a well-established professional who has organised different scales of events. He has an elaborate team of professionals who have been working conventinally. So he wants an efficient way to view numerous options in his screens at a glance for his upcoming projects. He also wants to be able to incorporate Wednue into his office to have countless options for an event everytime.

Meet the Users Information Architecture

PRIMARY

Name: Tenzin Dolma

Age: 20

Occupation: Event Management Student

Tenzin is a university student who enjoys her academics as well as her on-field opportunities. She desire to have a platform in the interest of unexplored, isolated, small size venues. An application that display multiple venues from different parts of the world on a singal click.

To better understand how I would construct the core experience for Wednue, I designed a user flow. This helped me focus more on the experience and needs of the user and less so on the details that I would solidify later on. It also allowed me to communicate the entries and exits more clearly so I would have a better understanding moving forward.

SPLASH SCREEN

• Login

• Register

REGISTER

• Phone Number

• Email

• Apple

• Facebook

HOME

• Feature Photos

• Feature Videos

EXPLORE

• Custom Virtual Tour

• Find Venues

• Tour’s of the week

• Popular Stories

LIST

• Venues

• Discription

• Photos / Videos

• Achievements, if any

• Share

• Wishlist

• Capacity

VENUE

• Virtual Tour

• Details

• Photos / Videos

• Whihlist

STUDIO

• Custom Virtual Tour

• Find Venues

• New Posts

• Recommendations

56

SECONDARY

Name: Lia

Age: 39 Occupation: House Wife

Lia is a hard-working single mom and is looking for a wedding venue for her little sister’s marriage. However, her time is scarce due to working a full time job and taking care of her child, so she needs an easy way to find venues she can select with the budget the family already has.

SUPPLEMENTARY

Name: Wayne

Age: 51

Occupation: Shopkeeper

Wayne is a small business man in the town who loves to cook in his free time. He needs a way to find an economic wedding venue for his son. Wednue allows him to access to numerous venues around his locality that are under his finanial budget, serving the best possible services on their big day.

PROFILE

• Show Profile

• Account Settings

• Referrals & Credits

• Tools

• Support

• Legal

• Log Out

• Personal Information

• Translations

• Notifications

• Privacy & Sharing

LEGAL

• Terms of Service

• Privacy Policy

ACCOUNT SETTINGS SUPPORT

• How WEDNUE Works

• Safety Centre

• Contact Support

• Feedback

WHISHLIST

• Selected Venue’s

• Comparision

• Share

• Select Date & Time

CONFIRMATION

• Appointment Card

• Date & Time

• Contact Number

• Location

• Map

• Confirm Appointment welcome screens main screens option screens

57 Student

Preliminary Wireframes

Creating a higher fidelity but still fairly preliminary version of our wireframes, I was able to workout some of the technical issues that would not be viable as well as tone down my “graphic” screens into more realisitic images. It was important for me to start big and scale down so that I could work around that I really wanted to have, rather than working upwards and maybe missing something that would’ve been really cool to see as a user.

58 Login Home Search Options

viable in Wednue, the features

59 Venue Wishlist Checkout Confirmation

CHALLENGE 3

Calm and composed Tour

The heart and soul of Wednue; displaying each and every corner of the venue possible for users, and essential information for users to read. I wanted to create a subtle a experience for users to tour around the venue with additional photos and videos.

CHALLENGE 1

Comprehending the Data

Creating easy-to-understand data visuals for userss was a goal that helped drive this project as far as it did. A lot of the time, users don’t know how to read or comprehend the data that apps throw at them. I solved this issue by using live images to help the user understand on a more familiar level.

CHALLENGE

4

“What venues do you like?” or “What kind of venues do you prefer?” Answering this question is no longer an issue as users are able to easily export their profile with one tap, allowing you to share with others the venue for better decisions.

CHALLENGE 2

Endless Exploration

With so many venues on this planet, it would be near impossible for someone to individually search for each one. I attempted to solve this issue by creating a browse feature with numerous filters and categories. With this, I believe users will be able to find exactly what they are looking for.

“What kind of venue are you looking for?”

Style Guide

Using matching playful tones of calm white and grey, I was able to sell the identity of Wednue as a minimal, laid-back, intuitive application. I utilizated color sparingly throughout the app to convey which elements were interactable and should be paid attention to within the product. The main typeface of choice for the app logo is Morgen. I also opted to use the typefaces Inter and Roboto within the interface as they played the pivotal role of matching the laid-back environment I had built in Wednue’s interface.

64 H1 32pt - Regular, Morgen H1 32pt - Regular, Morgen #757575 #FF0000 #000000 Colors Type Buttons Button #FFFFFF Button Large H1 AaBbCc 32pt - Regular, Morgen Wednue Wednue H2 a 19pt - Semi Bold, Inter Normal Navigation Button #757575 Button #F2F2F2 Button Logo #F3F3F3 #E0E0E0 H3 17pt - Regular, Roboto H4 10pt - Regular, Inter Pressed #545454 #BABABA

#F5F5F5

Filters not apllied Filters apllied

Takeaway

Wednue as a concept is something that I feel society would greatly benefit from. The current options and tools out there to perform the same task don’t cut it. The primary difficulty I had while designing this product was the task of creating a screen that could display up to a maximum of 24 hours a day, 7 days a week, for everyone. I feel that although there may be a better solution out there, I designed an experience that works well for most users.

65

MC Stan

An album listening and ordering flow platform for a rising rapper in the Indian Hip Hop scene.

Role Time Team

Concept, Interactions, Reserach, Visuals

1 month individual

66
05
67

Project Brief

MC Stan application is beyond music discovery service that is primarily for his fans to listen to Stan’s music and get his updates with the press of a button. With current applications, everything concerning to an individual artist is grueling that seems to be erratic. The application aims to fix that by bridging the gap between music enthusiasts and miscellaneous heads themselves.

Design Process

Persona User Journey Maps

Define

Product Architecture

Prototype

Summary

68 Days 02 08 14 04 10 06 12
Emphasize User Reaearch & Pain Points
User Flow

Challenges

• Create easy to eplore artist’s track & albums

• Design a cohesive interface for artist fan’s & unfamiliar users

• Create a artist temperament based UI while keeping conent as the focus

• Provide a seamless & linear purchasing experience

Usability Study

Mockups

69 Architecture 20 26 16 22 28 18 24 30
High-Fidelity Prototype Takeaway

Kickoff

In this project, I took a goal-directed design approach that proved to be quite effective in my design efforts. I found qualitative research methods to be the most useful, consisting of a kickoff questions in my head, competitive analysis, user interviews, and most important my persona hypothesis construction. I started out by asking myselves some initial key questions.

After interviewing participants to establish archetypes later on, it became evident that the goals they wanted to accomplish all fell within the same categories; finding out more about their listening habits & identifying more of the information they would like to explore.

Prioritization Plotting

Plotting a list of the possible features onto a graph helped narrow down what was absolutely crucial for delivering the mvp and what could be built upon further down the road. A big draw of using this application is to be able to share with others how you listen to music, and what else than music. We can help users reach this goal by creating what is essentially a business card for each user.

HIGH PRIORITY

platform integration; registration, profile, contacting

HIGH EFFORT

LOW PRIORITY

70
push notifications
search social media integration
LOW EFFORT various exploration; music, news, shop, tours ,settings

Evaluating the activity

Just how popular is music streaming in general? According to Statista, across all platforms including Spotify, Apple Music, Pandora and more, close to 1.2 billion users streamed in 2017 alone. Streaming services are projected to be used by close to 1.4 billion users in 2022.

With this in mind, it became clear that people’s passion for listening to music isn’t going anywhere, anytime soon.

Source: Statista, June 2018.

Meet the Users

- Organized

- Hard Working

- Leader

Perry is social media head at a marketing business, but is a Stan enthusiast at heart. She loves to listen to his music, read about Stan’s life but has a hard time finding an application that lets her easily do that.

-

-

-

Rachel is a journalist in a news media company. She is sincere about her job, which at times take her long working hours to complete her journals on celebrities. Meanwhile, she is bit frustrated with the broadcasting of false news. So she needs something that doesn’t require much effort in order to get her facts correct.

71
Perry (22) Social Media Head Rachel (26) Celebrity Journalist Inquisitive Sincere Follower
Tours Upcoming Dates Buy Tickets See my Tickets All - Album - Singles - Last Played - Statistics - Listen/Watch Search Music Contact - Management - Social Media Open App Preparing the
Contact Management Media Shop - Merch - Articles Wishlist Media Checkout the Journey
version of the actual sitemap.
Biography About News News Letter
*Simplified
Only happy paths.

P&P Wireframes

Before moving onto high fidelity wireframes and mocks, I wanted to get a feel for what the core of the app and website would look like when put in front of me.

CHALLENGE

1

Seamless Exploration

Before establishing a familiar navigation throughout the app, I had to decide what kind of navigation would work best for the user (fans). I decided to test a sub navigation similar to the ones in apps like Spotify and Apple Music. Placing the navigation between the cover and the main content of the screen allowed me to create a natural bridge between contents of the screen.

CHALLENGE 2 A Familiar Experience

While MC Stan’s primary audience is intended to explore more about the artist, those outside of the context need to be able to use the app as well and get to know Stan. With recognizable iconography, intuitive gestures, and a linear purchase process, I feel that the app has achieved just that.

Wireflow

After sketching out some p&p wireframes and thinking through the preliminary flow, I reviewed what was nessecary, unessecary , and what areas needed improvement. I poured a lot of my time into this step to make sure I had the finishing touches on the underlying UX before moving onto the final presentaion.

CHALLENGE 3 Staying Focused

The UI consists of a neutral, two-toned black and white color scheme with the exception of contasting images/videos. Using color sparingly throughout the application’s interface, it allows for the items to be the focus point during user engagement.

CHALLENGE 4 Quick, Simple, & Secure

The app offers a range of Stan’s merch to the users to buy with payment method and shipping specifics being accessible within a single screen, it doesn’t allow for the user to second guess their purchase after the review screen. This design allows for minimal screen usage and a quicker checkout.

Style Guide

Utilizing a soft gradient consisting of cool and calm colors felt like the perfect fit for Stan’s branding. The blue to mix green confirmation link helps evoke a happy feeling out of users. The main typeface of choice for the app is Calibri. I felt this typeface best fit the app do to it’s extreme versatility through uppercase and lowercase styling, as well as dark and light text fills.

78 #2D2D2D #000000 #1B1B1B #A2A2A2 Colors Type Buttons Normal Normal Large H2 Aabbcc 45pt-50pt - Bold, Rosewood Std 95pt - Regular, Rio Pesonal Use H3 AaBbCc 11pt-50pt - Regular, Calibri H4 AaBbCc 40pt - Regular, Filters not apllied Filters apllied Navigation Button Pressed Pressed Logo

Takeaway

Being a music enthusiast myself, so working on Stan was incredibly rewarding as I came across Stan unlike before. I got to experiment with Adobe XD, and narrow down my design process. Although I was not able to fully flesh out other features and designs I wanted to within Stan due to time constraints, it’s not to say I won’t try to incorporate them in future projects down the line.

79 #FFFFFF AaBbCc
Regular, Times New Roman

Shooting Star

The aim of the project was to design a visiting card by giving a nomenclature to the studio. I have chosen “Shooting Stars” as they shine with a bright light on entering the earth’s atmosphere. Similarly, the studio hope to bright up the “stars” and their prestigious moments.

Role Time Team

Branding, Concept, Research, Visuals, R

2 weeks individual

80
06
81

I am a 90’s kid

The T Shirt was developed during the cultural fest at the college in 2018. “Halcyon Hues” was the tagline for the HILLFFAIR. The goal was to design a unisex T Shirt for the students that incorporated our childhood memories. The T Shirt was associated to real-life and based on the 90’s gadgets. It was characterised by comfortable relaxed fit, often as oversized clothing that is still mainstream, with major designers and fashion houses. It was a symbolic trope acting as a reminder of the 90s era.

Role Time Team

Branding, Concept, Research, Visuals, R

3 weeks individual

82
07
83

Code - 1 7 5 1 3 0

I was assigned to design a cover page for the UCP Trophy in time for the 61st Annual NASA convention 2019. It was a documentation on the craftman species of the western Himalayas. The potrait was a main focus, and the main parts of the visual style (illustrations, colors, etc.) were kept intact for the cover.

National Association of Students of Architecture N A S A 84
Role Time Team Graphic Designs R 1 week individual 08
85

Amid my architectural practice, I loved hearing from my clients and receiving feedback of all kinds. I constantly seeked ways to improve my services in an effort to make user experience the best that it can be.

Here is a letter of appreciation I have received from Dr. Kathleen Bollerud, Founder and Director of Himalayn NAARI, a project that taught me more than architecture, the real experience of an indigenous life.

86
87
88 Thank you hitesh.s.bisht@gmail.com Hitesh Singh Bisht Hitesh Singh Bisht

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.