Website Design

Page 1

SELF INITIATED PROJECT Topic: Portfolio Website

Student Name: Anisha Bhujbal Mentor Name: Titu Mili

Programme: Bachelor of Design Visual Communication Semester 6 2019



PORTFOLIO WEBSITE :

documentation

Self Initiated/Live Project by Anisha Bhujbal ~ Guided by Prof. Titu Mili


Copyright Š 2019 Student document publication, meant for private circulation only. All rights reserved. Visual Communication 2016-2020Unitedworld Institute of Design,Gandhinagar, India. No part of this document will be reproducedor transmitted in any form by any means electronically or mechanically, including photocopying, xerography and videography recording without written permission from the publisher, Anisha Bhujbal of UnitedworldInstitute of Design, India. Trademark names are used throughout this document. Rather than putting a trademark symbol in every occurence of a trademarking, it is stated that the names are usedonly in an editorial manner and to the bene fit of the trademark holder with no infringement of the trademark. All photography in this document are copyright Š 2019-20 by respective people/ organizations.


Originality Statement: I, Anisha Bhujbal, certify that this work is of my own and that any ideas or quotations from the work of others are fully acknowledged. All work is to be kept confidential and cannot be used without written persmission from myself.

Disclaimer: This documentation is intended solely for acadamic purposes,and no commercial use in any form is intended. While every care is taken to credit all sources,any exception to it is not intentional and is regretted. All content is original unless stated otherwise.



Acknowledgement I would like to express my gratitude to the many people who saw and helped me learn through this assignment ; to all those who provided, talked things over, read, wrote, commented , allowed me to quote their remarks and assisted in the editing, proofreading and the design. I would like to thank my faculties for enabling me to choose the right subject as my topic. Above all I want to thank my mother and father, who supported and encouraged me inspite of all the time it took me away from them.


C O N T E N T S Primary Research Field Study Chats

Introduction Project Brief Project Background Project Context

Synopsis

Tentative timeline and plan

Secondary Research Notion: Kinds of Websites Interview/Chat Format (Client) Interview/Chat Format (Customers) Types of fashion photography Famous fashion photographers in the market Website Study


Research Methodology

Field Study/Research Proposition Possible applications in the project

Ideation Site Map Layout Brainstorm Iteration 1 Iteration 2

Final Design Wireframe Typeface Colour Pallet

Conclusion Refrences


INTRODUCTION


Project Brief Project Background Project Context


Project Brief

Client:

The self initiated project that had been chosen was a also a live project. A portfolio website for a famous fashion photographer in Nasik. To cater to this project it required in depth research and development of ideas. Execution of these ideas with validation helped produce an ideal website as per the client’s needs. A design process was followed and now documented. The project will help the client widen his spread in the industry and also help him organise and depict his profession online.

Logo: Name: Kiran Mali Occupation : Fashion/Commercial Photographer Project : Portfolio Website Location : Nasik, Maharashtra


Project Background

Project Context

Kiran Mali is known to be as one of the best fashion and wedding photographers in Nasik. To sustain the competition and remain on the top, creating a portfolio website will give Kiran (client) his own identity and platform. A portfolio website will help Kiran’s customers to get an insight of his profession and work life.The website will also act as a proof of social existence.Through the means of the website the client will be able to put into words what he would want his customers to read about him.The most significant feature of the website will be to showcase the client’s work.The idea for this project was propelled as it will help Kiran (client) organise, display and document. Also a portfolio in a form of a website instead of a print media will enable room for updating and upgrading the website content.

A portfolio website will be beneficial when the client would want to update his work from time to to time when he has new new and better data. The process of showcasing work and samples to the client’s customers will easier. The website will make the client more approachable by adding a contact options. The website will also speak of the client and his his life, and will be made sure that it is constantly updated. Organising and documenting works from the past will get easier for the client. Having a portfolio website will also add up more character to an image the client carries in the industry along with promoting his works.


S Y N O P S I S


Tentative timeline and plan


Title Target Audiance

Portfolio Website Potential clients, Fashion Models, Design Labels, Product designer, Magazine Editors

Research Material

Interviews, https://www.glamflame.net/ photography/top-8-fashion-photographersof-india-in-2018/

Deliverables

Website, Mobile Application, Publication

Research Area

Types of fashion photography, competing fashion photographers, types of websites, client expectations, his(client) customer’s expectations


Tentative timeline and plan Phase 1 week 1

Phase 2 week 2

Phase 3 week 3

Study/Research about client and his customers Data gathering And business websites Collection of opinions and views from Mentors, experts and peers

Study and segregation of usable data Client meet for preferences and collection of Graphic data for the website Investigation of different tools (softwares) For execution Development of ideas

Production of content Comparison of ideas Development of concept/ themes Display of mock up and prototype

Phase 4 week4 Validation Rectification User Testing Final prototype

Phase 5

Documentation


P R I M A R Y R E S E A R C H


Field Study Chats


Field Study Field study included live chats and interviews with the client and his customers so as to get the basic insigts as to what they will be expecting out of this project.

Chats



S E C O N DA RY R E S E A R C H


Notion: Kinds of Websites Types of fashion photography Interview/Chat Format (Client) Interview/Chat Format (Customers) Famous fashion photographers in the market Website Study


Notion: Kinds of Websites E-commerce-an online shop where people can order goods and make payments from the comfort of their own homes. Blogs and Personal-to document the big occasions of their lives such as weddings, new babies or their travels. Informational; Online Community; Photo Sharing; Resume; Portfolio-Ideal for showcasing your work, everyone from landscape photographers to fashion models have an online portfolio these days to show off their talent to potential employers. Catalogue and Brochure- If you have a product or a service that does not require payment online, then an online catalogue or brochure will enable you to display what you have on offer and attract potential clients. Business Directory; Bio

Types of fashion photography Catalogue photography- Depends on the type of product you are selling, may or may not require models, a strongly themed concept that will show off the product really well. Look book photography- Collection of photographs complied to show off a model, photographer, stylist or a style on a clothing line. Portraiture - Portrait photography or portraiture in photography is a photograph of a person or group of people that captures the personality of the subject by using effective lighting, backdrops, and poses High end Fashion Photography - Devoted to displaying clothing and other fashion items and majorly practiced for the purpose of advertisements. Portraiture - Portrait photography or portraiture in photography is a photograph of a person or group of people that captures the personality of the subject by using effective lighting, backdrops, and poses Product photography- branch of photography, which accurately and attractively represents a product in advertising. Editorial photography - Refers to the pictures in a magazine that aren’t ads - photographs that go along with articles including magazine.


Interview/Chat Format (Client)

Interview/Chat Format (Customers)

The style of interview - Informal The information used will be confidential but the mains will be produced to the audience as per the likes of the client.

The style of interview - Informal

Motive To find out The background and clients personality Finacial/ Economic Status so as to cater to their likes/ dislikes Interview questionnaire for the client’s customers About work A typical work day Questions What aspect of your job do you and most challenging/rewarding? Do you more often work individually or as part of a team? Can you describe the typical work/life balance in this field? How did your career path take you to this job with this company? What are the major components of your job on a daily basis? What do you enjoy the most about the job? What kinds of work samples should my portfolio have? Who else would you recommend that I speak with about this career?

Motive To find out The background Finacial/ Economic Status so as to cater to their likes/ dislikes Overall experience with Kiran Mali Photography Gain Insights Questions What is your occupation? What is your daily routine? How many times have you worked with Kiran Mali photography? How was your personal experience with Kiran? Mention some negatives in Kiran’s work. What phone do you use? What would you expect out of Kiran’s Portfolio website? Please give some insights/ ideas if any. A one like description about Kiran and his work. Rate Kiran out of 5 stars.


Famous fashion photographers in the market Arjun Mark Tarun Khiwal Rohan Shrestha Suresh Natarajan Ashish Gurbani

Sameer Belvalkar Vikram Bawa Ashish Chawla Jatin Kampani

Website Study Navigation Menu: To understand the segregation of different kinds of photography. Conclusions at the bottom: To understand how to mention copyrights and site map Website Lay out: To learn different kinds of layouts for the display of photography Picture Display format: To understand how to mention copyrights and site map


ROHAN SHERSTHA Navigation Menu: Comissioned work; Personal; Headshots; About; Contact Conclusions at the bottom: None

TARUN VACHHAR Picture Display Format/ Website Lay out:

Navigation Menu: Gallery; Skills; Projects; About; About; Conact; Social Media

Picture Display Format: One scroll display Website Layout:

Conclusions at the bottom: None

JATIN KAMPANI: Navigation Menu: Work (Fashion; Conceptual; Jwellery; Beauty; Celebrity; Potraits; Archive) News; About; Contact. Conclusions at the bottom: None

Picture Display Format/ Website Lay out:


ASHISH GURBANI Navigation Menu: Fashion( Editorial; Lookbook; Beauty) Jwellery; Black& White; Comissioned(Ads; Still Life; Calander); Films; BTS; Contact/Bio; Social Media

Picture Display Format/ Website Lay out:

VISHAL KULLARWAR Navigation Menu: Home; Featured; Comissioned; Poloroid book; Personal; Video; Clients; Blog; About; Contact; Client Access; Social Media

Conclusions at the bottom: None

Conclusions at the bottom: None

SAMEER BELVALKAR

VIKRAM SINGH BAWA

Navigation Menu: Work(All;Ads;Celeb;Editorial;Fashion;Films;Headshots;Personal;Sports); About; Workshops; Media; BTS; Clients; Contact; Blog; Social Media Conclusions at the bottom: Testamonial, Home, About, Site Map, Rating

Picture Display Format/ Website Lay out:

Navigation Menu: Films; Galleries( Fashion; Editorial; Movie Stars; Comissioned, Celeb Portraits; Automotive; 3D photography) Conclusions at the bottom: None

Picture Display Format/ Website Lay out:

Picture Display Format/ Website Lay out:


VIJAY SAWANI Navigation Menu: Fashion; Fine Art; Conceptual; Portrature; About; Contact; Search bar

Conclusions at the bottom: None

Other explored fashion photography websites: Rid Burman Arjun Mark Daboo Ratnani Subi Samuel Sandesh Jaykar

Picture Display Format/ Website Lay out:


R E S E A R C H METHODOLOGY


Field Study/ Research Proposition Possible applications in the project


Field Study/Research Proposition The client is a resident of the city Nasik, to conduct the research and collect data it required a visit to Nasik (field visit). Since the project had a limited time period for production, the task was to make the most out of the visit of a minimum number of days. To achieve this productivity the following time table was produced and and followed:

DAY 1 Interview with the client on his -professional life -photography -personality -his (client’s) insights on the portfolio and design process that is to be followed -his strongs in the field of photography -kinds of photography the client practices

DAY 2 Image sourcing from the client

DAY 3

DAY 4

Study of similar websites along with the client

Discussion of sketches with the client

Addition of personal insights by the client to his portfolio website

Selection of colour pallet and elements on the website

Layout Sketching Finalising the tool for the building mock ups

Segrigration of data as per the clien’ts wish Interview/ Chats with 3 customers of the client (telephonic/personal) List of insights expected and solutions to the pain points

Selection of icons/ si


Possible applications in the project -an elegant theme with warn shades for the website to match the client’s personality and likings respectively -a segment mentioning his previous clients and achievements -addition of testamonials and ratings by peers and famous people -faq -a content option for Wedding Mantra (Client’s other Company)


I D E A T I O N


Site Map Layout Brainstorm Information architecture Iteration 1 Iteration 2


Site Map Home Page: About/Bio Contact Social Media Extras: Previous Clients Testamonials Wedding Mantra

Layout Brainstorm Website Menu : Featured Fashion Jwellery Comissioned Work (Adv; Still Life) BTS


Iteration 1 Pros: -Clean Layout -Legible Texts -Simple Mapping Cons: -Wasteage of space -Lack of aesthetic sense -Less user ineractive -Not much waitage give topictures due to small display -Common grid layout -No space for testamonials -Lack of theme


Iteration 2 Pros: -Clean Layout -Legible Texts -Simple Mapping -Bigger display of pictures for better showcase Cons: -Lengthy -Complicated -Flat looking -Over use of some content -No space for testamonials -Pictures too big for display of multiple photos



F D

I E

N S

A I G

L N


Mockups Wireframe Typeface Colour Pallet




Wirerames


Baskervilla Old Face (Regular)

{

Typeface

Headings Subheading Body copy

Colour Pallet

#7BA5A5

#EEECDA


CONCLUSION


It was an exciting experience to take up a live project as my self initiated project as a college assignment. It was a very energy consuming process to plan everything and making sure of its execution. The whole experience also gave me an insight to what it would take and be like to work in the real time industry. Since the client was from another city, the biggest challenge was to coordinate with him. It took a lot of phone calls and a physical visit to the city to collect data and information for the project. Due to the shortage of time, making an effective plan and sticking to it was very mandatory. It was also important to learn how to conduct interviews so as to understand your subject’s personality. Building a set of right questions was also crucial. With the completion of this project I understood the need of understanding the client before starting with the design construction. The project also taught me how to research for a particular topic methodically followed by how to then segregate the acquired data accurately as per your requirements. The project also gave me a sense to deal with real time clients and how to conduct self as a graphic designer in the industry.


R E F R E N C E S


http://fashionphotographersmumbai.com/blog/2017/12/12/ top-10-fashion-photographers-of-india/ https://www.glamflame.net/photography/top-8-fashion-photographers-of-india-in-2018/ http://infobharti.com/indias-top-10/top-10-bollywood-and-fashion-photographers-of-india-10-most-popular-indian-fashion-and-bollywood-ceebrities-photographers.php


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.