BChamp | graduation Project | UI UX

Page 1

GRADUATION PROJECT VISUAL COMMUNICATION (BACHELOR OF DESIGN)

Vol. 1 of 1

Project Title:

Online Ecosystem for Badminton (Mobile Application)

Name:

Parshwa Panchwatkar Project Mentor:

Rajeev Kumar

2022



The Graduation Project Evaluation Jury recommends PARSHWA PANCHWATKAR from Visual Communication for the Master’s/Bachelor’s Graduation Degree of Unitedworld Institute of Design, Karnavati University, Gandhinagar, India herewith, for the project titled Mobile Application for Online Ecosystem of Badminton. The project is complete in every aspect in accordance to the guidelines set by the institution.

Chairperson Signature

Name

Organization

Signature

Name

Organization

Signature

Name

Organization

Signature

Name

Organization

Members

*Subsequent remarks regarding fulfilling the requirements


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

COPYRIGHT © 2022

Student document publication, meant for private circulation only. All rights reserved. No part of this document will be reproduced or transmitted in any form or by any means including photocopying, xerography, photography and videography recording without written permission from the publisher, Parshwa Panchwatkar and Unitedworld Institute of Design. All Illustrations and photographs in this document are Copyright © 2022 by respective people and organizations. Written and designed by Parshwa Panchatkar, under the guidance of Rajeev Kumar. Printed digitally in Name the Place March, 2018.

4


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

ORIGINALITY STATEMENT

COPYRIGHT STATEMENT

I hereby declare that this submission is my own work and it contains no full or substantial copy of previously published material, or it does not even contain substantial proportions of material which have been accepted for the award of any other degree or diploma of any other educational institution, except where due acknowledgment is made in this degree project. Moreover I also declare that none of the concepts are borrowed or copied without due acknowledgment. I further declare that the intellectual content of this degree project is the product of my own work, except to the extent that assistance from others in the project’s design and conception or in style, presentation and linguistic expression is acknowledged. This degree project (or part of it) was not and will not be submitted as assessed work in any other academic course.

I hereby grant the Unitedworld Institute of Design the right to archive and to make available my degree project/thesis/dissertation in whole or in part in the Institutes’s Knowledge Management Centre in all forms of media, now or hereafter known, subject to the provisions of the Copyright Act. I have neither used any substantial portions of copyright material in any document nor have I obtained permission to use copyright material. Student Name in Full: Date:

Student Name in Full: Signature: Date:

5


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

6


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Online Ecosystem for

Badminton

7


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

TABLE OF CONTENT

01

INTRODUCTION About UID About VC2018-22 About Mentor About Me Project Synopsis Project Timeline Project Brief

8

14 15 16 17 18 19 20

02

03

RESEARCH Pre Research Primary Research Secondary Research Research analysis Problem Statement

IDEATION 24 26 58 68 69

Application Brief Information Hierarchy Information Architecture User Personas Navigation Flow

72 74 75 76 82


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

04

05

DESIGN

Branding Style Guide Low Fidelity Wireframes Medium Fidelity Wireframes

06

EXECUTION 86 90 96 100

High Fidelity Wireframes Prototype Linking Artworks

CONCLUSION 116 130 131

Learning Resources

134 135

9


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

ACKNOWLEDGMENT This Project marks the end of my journey in Bachelor’s in Designing. So I want to take a moment to express my gratitude towards everyone who made it possible for me to come this far. A special thanks to Abhrojit sir, Sambit sir and Yaatra ma’am for always being there. For teaching about design and life and help me become a gentler and truer person. I extend my gratitude towards my mentor, Mr. Rajeev Kumar for his valuable inputs and time-to-time feedbacks. I thank Ms. Lolita Dutta, head of Department, Visual Communication, Unitedworld Institute of design and my other faculty members for providing valuable feedbacks to the project. Their contribution has been effective in all respects of my project.

10

I aslo want to thank my Badminton coach Mr. Aniruddha Joshi who helped me with all the official terms, rules and the technical things about the sport which are there. Information provided by him was the actual start to my research of the project. A special thanks to all my badminton partners and friends who constantly helped me with my project. It was great to have their contribution in my research and for my project Lastly I want to thank my family, my father who always said do the things that you want to do in life, my mother for her constant support and my rest of the family members who were always there with me in my good and bad times.


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PREFACE As per UID’s curriculum, all the final semester students are requires to undertake a graduation project which is a full scale design project either in the industry or a personal project pursued in the college seeking guidance from the faculty. Students are encouraged and are open to select the project of their area of interest and discipline of study. The graduation project is an opportunity for the students to demonstrate their expertise as individual practitioners of design We are given a duration of 6 months for the completion of the Graduation Project. We were supposed to work in form of 5 phases Phase 1- To choose the subject and research regarding the subject. Phase 2 - Is the ideation done after the research analysis.

Phase 3- Includes brainstorming, visualisation and ideation of design Phase 4- Is the execution of the proposed design brief Phase 5- Here we have to document our entire process For the same, I have worked on a four month project on designing a online ecosystem for badminton. The document aim to provide a comprihence and reflective of the process, concept building, visualization and execution aspects of a application design graduation project. I have successfully finished my project and documentation at the end of six months.

11


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

12


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

01

INTRODUCTION About UID About Me About Mentor Synopsis Project Brief Project Timeline

13


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

ABOUT UID Unitedworld Institute of Design is one of the premier design institute of India. It was founded in 2012 as a constituent college of Karnavati University. It has been built on a strong foundation of teaching, learning, innovation, and research excellence in design education. UID aims to create globally sought-after professionals who can exibit their creativity and trigger novel trends. It offers a diverse range of Under Graduate and Post Graduate courses through various departments Visual Communication Design Animation and Motion Graphics Fashion Design Lifestyle and Accessory Design Textile Design Interior Design Product Design Automobile and Transportation Design Visual Interaction Design

14


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

ABOUT VC2018-22 Under Graduate batch of Visual Communication 2018-22 is more than a classroom. The experiences, initiatives and the conflicts have seen both highs and lows among these group of people. Coming from such diverse work and educational background brought a unique taste to this mixture. We were more than just ninety one people studying, together we were ninety one minds and hearts working in the harmony to create a journey. In this batch we have all kind of people from film makers to artists, sports person to bookworms, but still these are the people who were as a family in this journey of college life.

15


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

ABOUT MENTOR Rajeev Kumar is a fashion designer with a bachelors degree in fashion design from NIFT in Mumbai and a fine arts degree from Chitra Visharad, Lalit Kala Mahavidyalaya Chandigarh University. Having his official education in fine arts and fashion design, he has always been interested in visual communication design and has worked as an ui/ux designer and visual communication designer in recent years. he also enjoys writing poetry. He educates a wide range of subjects as a design education, including UI/UX design, Fashion design, Technical software expertise, Narrative and etc.

16


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

ABOUT ME Hi, I’m Parshwa Panchwatkar! I am a Visual Communication student at Unitedworlds Institute of Design, Gandhinagar. I’m an ambitious and enthusiastic person who likes to take up new challenges. I’m keen to learn new things and believe that a learning curve is essential for a person’s growth. I believe in hardwork, patience and integrity towards my work. My area of interests includes UI/UX, Packaging Design, Brand Identity, Promotional Design and. In addition to this, I share my interest in cricket, badminton, dance and music. I believe in multi-tasking and enjoy it thoroughly.

17


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PROJECT SYNOPSIS Being a Badminton player whenever I used to play any tournament or game I was very annoyed by the scoring system of the badminton game and hectic was the procedure to organize a tournament or joining a further tournament. After speaking to rest of badminton mates they also feel that there should be a platform for us where we can see upcoming tournament and join them easily Basically, I want to change the traditional method of scoring that is of pen and paper. It becomes very difficult to maintain data and also to understand it and create a platform where you can score your game and also look for news regarding matches, tournaments.

18


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PROJECT TIMELINE

Topic Proposal Research Design Iterations Implementation Documentation January

February

March

April

May

19


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PROJECT BRIEF Project Objective

Phase 1 - Research

Phase 2 - Concept

I want to create a platform where the player can score a match, arrange a tournament, matches, should have all the records of the last played matches so that he can have an analysis of his play and also it is better for him to improve his play.

Based on my primary and secondary research, I will get to know my problem statement and also about my main target audience who will be using this mobile application

A platform where you can find new players, new courts and also look for ongoing or coming tournaments in your city. further more things can also be added after the research is over.

20

• • • • •

Understanding the game inside out from history to today Study for rules of the game Study how the scoring system works Looking for loopholes or understanding the current scoring platform Talking with referees and also with players regarding this concept Understanding how matches are played draws are driven in tournaments, and what all factors are there to host a tournament

I will further plan for what will be the main motive of the mobile application and what all are the aspects that I should keep in mind will designing the application.


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Phase 3- Ideation

Phase 4 - Design and Prototype

Phase 5 - Prototype and User Testing

In the ideation phase I will be working on the application brief where I will confirm that what all things and features to be there in the application

After the Ideation stage I will be starting with my User Interface which will consist of identity, looks and feel for the application. These will be the stages of the User Interface

Create a working prototype that can explain how the whole system will look and function.

Once my application brief is ready, further I will move on the User Experience part of the application, which will include. • Information Hierarchy • Information Architecture • User Persona Mapping • Navigation Flow

Style Guide • Branding (Name, Icon) • Colours • Typography • Iconography • Buttons Low fidelity wireframes (Sketches)

After the Prototype phase I will approach to targeted users and understand their views on the system. Phase 6 - Documentation The whole process from research to final design will then be compiled to a single document to show the progress.

High fidelity wireframes(digitalizing)

21


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

22


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

02 RESEARCH Pre Research Primary Research Secondary Research Research analysis Problem Statement

23


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PRE-RESEARCH What is Badminton Badminton is a racquet sport played using racquets to hit a shuttlecock across a net. Although it may be played with larger teams, the most common forms of the game are “singles” (with one player per side) and “doubles” (with two players per side). Badminton is often played as a casual outdoor activity in a yard or on a beach; formal games are played on a rectangular indoor court.

The shuttlecock is a feathered or in informal matches plastic projectile which flies differently from the balls used in many other sports. In particular, the feathers create much higher drag, causing the shuttlecock to decelerate more rapidly. Shuttlecocks also have a high top speed compared to the balls in other racquet sports. The flight of the shuttlecock gives the sport its distinctive nature.

Points are scored by striking the shuttlecock with the racquet and landing it within the opposing side’s half of the court. Each side may only strike the shuttlecock once before it passes over the net. Play ends once the shuttlecock has struck the floor or if a fault has been called by the umpire, service judge, or (in their absence) the opposing side.

The game developed in British India from the earlier game of battledore and shuttlecock. European play came to be dominated by Denmark but the game has become very popular in Asia, with recent competitions dominated by China.

24

Since 1992, badminton has been a Summer Olympic sport with four events: men’s singles, women’s singles, men’s doubles, and women’s doubles, with mixed doubles added four years later. At high levels of play, the sport demands excellent fitness: players require aerobic stamina, agility, strength, speed, and precision. It is also a technical sport, requiring good motor coordination and the development of sophisticated racquet movements.


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

History and Origin of Badminton Badminton’s origins can be traced back nearly 2,000 years to Ancient Greece, where early versions of the sport were played for leisure and exercise. However, India is officially credited with the creation of badminton, as this is where poona (the version that most closely resembles modern badminton) was being played in the mid to late 19th century. As the sport became more popular, it expanded to other regions of the world, with England, Canda, Germany, Scotland, and eventually the United States all adopting their own variations of badminton Historians have proved unable to credit a single individual with the invention of badminton. Instead, it is widely believed that high-ranked military officers stationed in India around 1870 created the game as a way to relax and remain physically fit.

Another theory is that badminton did not officially come about until the mid-19th century, when members of the British royal family sought a new activity that required minimal equipment and little preparation/assembly time. While the principal concept of badminton was likely established nearly 2,000 years ago, the aforementioned version from India came about between 1870-1873, with the latter date marking the creation of the first official set of rules for the sport. Modern rule adaptations were made several decades later in 1893, when the newly formed Badminton Association of England launched the first documented series of formal badminton competitions.

List of key dates for badminton 1600: Early elements of Badminton are first recorded 1870: Poona (semi-modern version of badminton) is created in India 1873: First official set of rules is established 1898: First Badminton Tournament 1934: Formation of Badminton World Federation 1948: Thomas Cup (yearly international badminton competition) takes place for the very first time 1966: Addition of badminton to the Commonwealth Games (yearly competition between former nations of the British Empire) 1972: Badminton is introduced to the Olympic Games as a trial sport 1992: Olympic Committee officially adopts badminton as a mainstay for future Olympic events

25


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PRIMARY RESEARCH Rules of Badminton

Mechanics of Draws and Leaderboard

Existing Scoring System of Badminton

Court Rules Service Rules Faults and Penalties

Fundamentals of Draws How the leaderboard works

Basic Scoring rules Interval and Change end Single’s Rules Doubles’ Rule Score Sheet Existing Softwares Existing Mobile applications

26


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Badminton Equipments

Badminton Techniques

Governing bodies of Badminton

Badminton Racquet Raquet Strings Racquet Grips Shuttlecock Badminton Shoes

Serve Front Court Mid Court Rear Court/Baseline Deceptions

Badminton World Federation (BWF) Tournaments By BWF Badminton Association of India (BAI) Tournaments by BAI

27


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Rules of Badminton Court Rule

28


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

The court is rectangular and divided into halves by a net. Courts are usually marked for both singles and doubles play, although badminton rules permit a court to be marked for singles only. The doubles court is wider than the singles court, but both are of the same length. The exception, which often causes confusion to newer players, is that the doubles court has a shorter serve-length dimension.

The full width of the court is 6.1 meters (20 feet), and in singles this width is reduced to 5.18 meters (17.0 feet). The full length of the court is 13.4 meters (44 feet). The service courts are marked by a center line dividing the width of the court, by a short service line at a distance of 1.98 meters (6 feet 6 inches) from the net, and by the outer side and back boundaries.

In doubles, the service court is also marked by a long service line, which is 0.76 meters (2 feet 6 inches). The net is 1.55 meters (5 feet 1 inch) high at the edges and 1.524 meters (5.00 feet) high at the center. The net posts are placed over the doubles sidelines, even when singles are played. The minimum height for the ceiling above the court is not mentioned in the Laws of Badminton. Nonetheless, a badminton court will not be suitable if the ceiling is likely to be hit on a high serve.

29


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Service Rule

30


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

• Who serves first The first player or team to serve in badminton is determined by the players after a coin toss conducted by the umpire. The winner of the coin toss can choose between 2 categories – service and court end. From the service category, players can choose to either serve first or receive first. From the court ends category, players can choose which side of the court to start play in. The winner of the coin toss selects and chooses an option in one of the above categories while the remaining category is determined by the other player/ team. In doubles, either player on the serving team may serve first. Similarly, either player on the receiving team may receive first. • Which side to start serve Players start a game by serving from the right side of the court in badminton. You always serve from the right side of the court when you have an even number of points and always serve from the left side of the court when you have an odd number of points. Since the score is 0 – 0 at the beginning of a game, you have an even number of points, and therefore serve from the right side of the badminton court.

• Serve after the first match In singles, the player who won the previous game will serve first in the next game. Similarly, in doubles, the team who won the previous game will serve first in the next game. However, the teams may change which player on the team serves first for each game. The receiving team may also decide who receives first for each game. There is no rule stating that players must be in the same formation as they were at the start of the match. Therefore, teams may decide their own starting formation at the start of each game. In the 3rd game of badminton, players/ teams will change ends once the first player/team reaches 11 points. The player who serves after the change of ends is the player who would have served if there was no change of ends. Similarly, the receiver must be the same. Essentially, service and reception continue as if the players did not change ends. • Receivers Rule If the receiver was not ready and service was made, it is considered a let, and the point is redone. However, if the receiver attempts to hit the shuttlecock, the receiver is considered to have been ready.

• Serve after rally The player or team who won the previous rally serves the next point. In doubles, if the team who won the rally was serving in the previous rally, the players on that team will rotate positions (from left to right and vice versa) and the player on that team who served in the previous rally will continue to serve. If the team who won the rally was not serving in the previous rally, they do not rotate positions. • Number of Serves in badminton You get a single serve (1) in badminton. You lose the point if you fail the serve, whether it is a fault, not hitting the shuttlecock in-bounds, or not hitting the shuttlecock over the net. This is in contrast to tennis, where players get a second serve if they do not perform their first serve properly. • Rotate Service Positions in Doubles Partners rotate service courts (from left to right and vice versa) when they win a point that they served. Otherwise, no rotation of service positions occurs.

31


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

• Line Rule A serve that lands on the line of the service boundary is considered in. It does not matter what type of serve it is (as long as it is legal). This rule applies even after service, meaning that hits that land on lines of the active boundaries are always considered in, even if it just hits part of the line. You cannot stand on a line when you serve or receive a serve in badminton. It is considered a fault and you would lose the point. If both players/teams violate the rule, it is a let (a redo). • Net touch rule A serve that touches the net but still goes over and lands inbounds are legal and considered a valid serve. This doesn’t happen too often but is frequent enough to be aware of. When it does happen, the shuttlecock will skim or bounce on top of the net but still go over. It is usually done by accident but is completely valid, so you’ll have to react quickly to the change in direction. • Overhead Service rule No, you cannot serve overhand in badminton. You must serve underhand as BWF states “the shaft and the racket head of the server’s racket at the instant of hitting the shuttle shall be pointing in a downward direction”.

32

• No move rule Players cannot move their feet off the ground until the shuttlecock is struck. Once the shuttlecock is struck, all players may now move their feet off the ground, even before the shuttlecock has moved past the net. Players may move other parts of their bodies during the serve. • Shuttle miss rule while serve No, you cannot serve again if you miss the shuttlecock on your serve. BWF’s official rules say “in attempting to serve, the server shall not miss the shuttle”. This also means that if you miss the shuttlecock once, you cannot attempt to hit the shuttlecock again, even if the shuttlecock did not reach the ground yet. • Difference Between Singles and Doubles Serve No, the service rules are the same for singles and doubles. You may see players use different types of serves in each discipline but they all follow the same rules. However, court boundaries are different. See below for the service court boundaries for singles and doubles (only boundaries for even scores are shown, odd scores are similar but on the other side of court).

• Height of holding the shuttle The entire shuttlecock must be below 1.15 meters (3.8 feet) from the ground when it is struck. This is an experimental rule made effective by BWF in March 2018 and is still effective as of 2020. Previously, the entire shuttlecock had to be below the lowest part of the server’s bottom rib. Note that the rule applies to when the shuttlecock is struck, not anytime before or after. This means you can hold the shuttlecock higher before striking it and you can also follow through with your shot after your racket makes contact with the shuttlecock. • Feather hit serve rule The server can hit the feathers of the shuttlecock, but the base of the shuttlecock must be hit first. There is no clause in BWF’s rules saying that the feathers cannot be struck during a serve.


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

33


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Faults and Penalties

34


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

• Contact Fault

• Over the Net Fault

• Double Hit

When a rally is in play, this means when a serve has been delivered, there are TWO things that you cannot touch during the rally. Badminton Net- You and your racket cannot touch the net in the middle of a rally. Shuttlecock- You can hit the shuttle with the racket only. But you or any part of your body cannot touch the shuttle in the middle of a rally. Even if the shuttle touches your shirt, pants, leg, etc, it is still a contact fault

Can your racket go over the net in the middle of a rally? The answer is Yes, it can go over the net. The next part is important… BUT you are not allowed to take the shuttle before it passes the net to your Side of the court I am also allowed to follow through with my racket after I hit the shuttle. Even if my racket crosses over to my opponent’s side, it is fine. To sum things up, you are NOT allowed to take the shuttle when it’s still on your opponent’s side. As long as you obey this, your racket can go over the net.

When the shuttle comes to your side, you have only ONE attempt to hit the Shuttle. Once your racket makes contact with the shuttle, you cannot hit it again until your opponent returns the shot. In doubles: Only one player in a partnership is allowed to hit the shuttle. If both players touch the shuttle with their racket, it’s a double hit.

35


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Mechanics of Draws and Leaderboard Fundamentals of Draws

36


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

The top seed will be placed at the head of Group A and the second seed at the head of Group P. Seeds 3 and 4 will be drawn by lots to the top of groups E and L; seeds 5 to 8 will be drawn by lots into groups C, G, J and N. The remaining seeds will be drawn by lots into groups D, H, I, K and M.

In doubles, the top-seeded pair is placed at the top of Group A; second seeds at the top of Group D and seeds 3 and 4 picked by lots into B and C. The remaining 12 pairs are distributed in the four groups by lots, ensuring that no group has two pairs from the same NOC. Once the group stage is completed, the top two-ranked pairs from each group will qualify for the knockout stage

(quarter-finals). A second draw is held for this stage for the eight qualified pairs, with pairs from the same group being separated. Winners of Group A and Group D are placed at opposite ends of the quarter-finals draw, followed by winners of B and C picked by lots into the other two quarters; the draw is then completed for the remaining pairs.

The other players are then picked by lots in a step by step manner until all of them are placed. The two groups with seeds 2 and 3 will accommodate four players each. Following the group stage, where each player has to play every other player in his/her group,the top finisher in the group will enter the knockout stage (round of 16). The top players from groups A, P and E will get a bye since their respective opponents – groups B, O and F – do not have any players.

37


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

How the Leaderboard Works

38


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Players win ranking points by playing in tournaments that are graded.

Players are ranked if they have played in one or more graded tournaments in the last 52 weeks.

Players earn ranking points by playing in, and winning matches in tournaments.

Players are seeded in tournaments based on their World Ranking or World Junior Ranking.

The ranking includes up to 10 tournaments with the highest points earned over the last 52 weeks.

The higher the level of tournament, the higher the number of ranking points that could be earned.

The Olympic Games and World Championships qualification system is based on the World Ranking.

The further a player progresses in a competition, the more points are earned.

World rankings are published on the BWF website every Thursday, except the World Team Ranking which is published every three months.

39


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Existing Scoring system of badminton

40


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Basic Scoring Rules • • • •

A match consists of the best of 3 games of 11, 15 or 21 points. Every time there is a serve – there is a point scored. The side winning a rally adds a point to its score. At 20 all, the side which gains a 2 point lead first, wins that game. At 29 all, the side scoring the 30th point wins that game. The side winning a game serves first in the next game.

Interval and Change of Ends • • •

When the leading score reaches 11 points, players have a 60-second interval. A 2-minute interval between each game is allowed. In the third game, players’ change ends when the leading score reaches 11 points.

Single’s Rule

Doubles Rule

• •

• •

At the beginning of the game (0-0) and when the server’s score is even, the server serves from the right service court. When the server’s score is odd, the server serves from the left service court. If the server wins a rally, the server scores a point and then serves again from the alternate service court. If the receiver wins a rally, the receiver scores a point and becomes the new server. They serve from the appropriate service court – left if their score is odd, and right if it is even.

A side has only one ‘set’. At the beginning of the game and when the score is even, the server serves from the right service court. When it is odd, the server serves from the left court. If the serving side wins a rally, the serving side scores a point and the same server serves again from the alternate service court. If the receiving side wins a rally, the receiving side scores a point. The receiving side becomes the new serving side. The players do not change their respective service courts until they win a point when their side is serving.

41


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Existing Softwares

Tournament Planner This software is used by the BWF, BAI and all other nations in the federation. The main purpose of this software is to arrange, plan and manage the data of the players that have registed for the tournament. In this software, on the basis of your ranking your draws are been held for the tournament. The software has a very complicated interface for player registration in the tournament and then for the draws. Apart from the draws you can also see the schedule of the games in the software. Every data is manually fitted in the software, except for the draws. For scoring in live matches the BWF uses different software named Visual Live Score.

42


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Tournament Software This the official website for the player to check for upcoming Live Score, tournament, Leagues, and their scheduled matches of the tournament. On this website you can also check for any player profile for ranking and records of matches. Every tournament created on tournament planner is directly published on this website for player and then the players have to visit the website, select the tournament and the register for it.

43


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Ultra Score Terminal Visual Live score being a paid software, I was not able to access it but through research and asking player about software they suggested me with this software Ultra Score Terminal (Kazo Vision) which is a free software and is very much similar with the Visual Livescore Software

44


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

This is scoring software used by the umpires/ Referees to score in live matches and then the score is displayed on a big screen for the public to see.

45


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Existing Mobile Application

BWF Shuttle Time There are many android and IOS application for badminton but they are specified only for scoring and nothing else. But the major application is BWF Shuttle time, where you can score match, have lessons for learning , competitive calender, Drawing board, and news.

46


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

47


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Badminton Umpire Apart from the Shuttle time app this is the application that is widely used by the players to score there matches. This application is restricted only to scoring.

48


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

49


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Badminton Equipments Badminton Racquet

Racquet Strings

Racquet Grip

Badminton racquets are lightweight, with top quality racquets weighing between 70 and 95 grams (2.5 and 3.4 ounces) not including grip or strings. They are composed of many different materials ranging from carbon fibre composite (graphite reinforced plastic) to solid steel, which may be augmented by a variety of materials. Carbon fibre has an excellent strength to weight ratio, is stiff, and gives excellent kinetic energy transfer. Before the adoption of carbon fibre composite, racquets were made of light metals such as aluminium.

Badminton strings for racquets are thin, high-performing strings with thicknesses ranging from about 0.62 to 0.73 mm. Thicker strings are more durable, but many players prefer the feel of thinner strings. String tension is normally in the range of 80 to 160 N (18 to 36 lbf). Recreational players generally string at lower tensions than professionals, typically between 80 and 110 N (18 and 25 lbf). Professionals string between about 110 and 160 N (25 and 36 lbf).

The most common choices are PU synthetic grips or towelling grips. Grip choice is a matter of personal preference. Players often find that sweat becomes a problem; in this case, a drying agent may be applied to the grip or hands, sweatbands may be used, the player may choose another grip material or change their grip more frequently. There are two main types of grip: replacement grips and overgrips.

50


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Shuttlecock

Badminton Shoes

A shuttlecock (often abbreviated to shuttle; also called a birdie) is a highdrag projectile, with an open conical shape: the cone is formed from sixteen overlapping feathers embedded into a rounded cork base. The cork is covered with thin leather or synthetic material. Synthetic shuttles are often used by recreational players to reduce their costs as feathered shuttles break easily. These nylon shuttles may be constructed with either natural cork or synthetic foam base and a plastic skirt.

Badminton shoes are lightweight with soles of rubber or similar high-grip, non-marking materials. Compared to running shoes, badminton shoes have little lateral support. High levels of lateral support are useful for activities where lateral motion is undesirable and unexpected. Badminton, however, requires powerful lateral movements. A highly built-up lateral support will not be able to protect the foot in badminton; instead, it will encourage catastrophic collapse at the point where the shoe’s support fails, and the player’s ankles are not ready for the sudden loading, which can cause sprains.

51


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Badminton Techniques Serve

Front Court

High/Long Serve Short Serve Flick Serve

Lift / Clear Net Shot Net Kill

Over here I will cover different basic badminton techniques and what they’re for. As you progress, future techniques will build upon these basic strokes. Here’s a simple table breakdown of all the techniques. badminton has techniques that can be classified into four different areas. • • • • •

52

Serve - The first swing that starts the rally Front Court - Near the net Mid Court - The center of the court or the sides of the center e.g side defend Rear Court - The techniques executed furthest away from the net, also known as baseline And within each area, there are various skills! Here’s a further breakdown of the different skill sets.


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Mid Court

Back court

Deception

Block Side Drive Shot Lift / Clear

Drop Shot Smash

Deception” in badminton is often used in both of these senses. When a player is genuinely deceived, they will often lose the point immediately because they cannot change their direction quickly enough to reach the shuttlecock.

53


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Governing Bodies Badminton World Federation (BWF)

54


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

The Badminton World Federation (BWF; originally the International Badminton Federation), the world governing body of the sport, was formed in 1934. Badminton is also popular in Malaysia, Indonesia, Japan, and Denmark. The BWF’s first world championships were held in 1977. A number of regional, national, and zonal badminton tournaments are held in several countries. The best-known of these is the AllEngland Championships. Other wellknown international tournaments include the Thomas Cup (donated 1939) for men’s team competition and the Uber Cup (donated 1956) for women’s team competition. Badminton first appeared in the Olympic Games as a demonstration sport in 1972 and as an exhibition sport in 1988. At the 1992 Games it became a full-medal Olympic sport, with competition for men’s and women’s singles (one against one) and doubles (two against two). Mixed doubles was introduced at the 1996 Games.

Tournaments by BWF BWF arranges tournaments in Grades of 3 Grade 1 The BWF regularly organises seven major international badminton events and two events for para-badminton: Major tournaments: • Olympic Games in co-operation with International Olympic Committee • World Championships • Thomas Cup • Uber Cup • Sudirman Cup Other major tournaments: • World Junior Championships • BWF World Senior Championships Para major tournaments: • Paralympic Games in co-operation with International Paralympic Committee (sports added since Tokyo 2020 Paralympic Games) • Para-Badminton World Championships

Events are no longer held regularly: World Cup was suspended since 1997. However, the BWF revived the event in 2005 (with China as host) but only as an invitational tournament. Grade 2 Grade 2 tournaments, known as BWF World Tour was sanctioned into six levels with different world ranking points awarded, as order they are: • Level 1: BWF World Tour Finals • Level 2: BWF World Tour Super 1000 • Level 3: BWF World Tour Super 750 • Level 4: BWF World Tour Super 500 • Level 5: BWF World Tour Super 300 • Level 6: BWF Tour Super 100 The events that were formerly held from 2007 to 2017 are: • Super Series Premier • Super Series • Grand Prix Gold • Grand Prix Grade 3 Grade 3 tournaments, known as Continental Circuit was sanctioned into three levels with different world ranking points awarded, as order they are: • International Challenge • International Series • Future Series

55


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Badminton Association of India (BAI)

56


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Badminton Association of India (BAI) is the governing body of badminton in India. BAI is an association registered under the societies act. It was formed in 1934, and has been holding national-level tournaments in India since 1936. BAI has 28 state members that conduct badminton tournaments and have a two-times voting power compared to the affiliate members, who do not conduct tournaments and have a single vote each in the association. It is headquartered in New Delhi, India.

Tournaments by BAI • •

• • • •

India Open, an annual tournament which is currently part of BWF World Tour Syed Modi International Badminton Championships, a tournament created in memory of the Commonwealth Games gold medalist Syed Modi. Hyderabad Open Odisha Open Premier Badminton League Indian National Badminton Championships

Association of BAI As of 2018, BAI has a total of 33 affiliated associations. • Andhra Pradesh Badminton Association • Andaman & Nicobar Island Badminton Association • Arunachal State Badminton Association • Assam Badminton Association • Bihar Badminton Association • Chandigarh Badminton Association • Chhattisgarh Badminton Association • Delhi Capital Badminton Association • Goa Badminton Association • Gujarat Badminton Association • Haryana Badminton Association • Himachal Pradesh Badminton Association • Jammu and Kashmir Badminton Association • Jharkhand Badminton Association • Karnataka Badminton Association • Kerala Badminton Association • Maharashtra Badminton Association

• • • • • • • • • • • • • • • •

Madhya Pradesh Badminton Association Manipur Badminton Association Meghalaya Badminton Association Mizoram Badminton Association Nagaland Badminton Association Orissa State Badminton Association Pondicherry Badminton Association Punjab Badminton Association Rajasthan Badminton Association Badminton Association Of Sikkim Tamil Nadu Badminton Association Telangana Badminton Association Tripura Badminton Association Uttar Pradesh Badminton Association Uttarakhand Badminton Association West Bengal Badminton Association

57


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

SECONDARY RESEARCH General Survey

58


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

59


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

60


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

61


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

62


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

63


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

64


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

65


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Audio Interviews

Aniruddha Joshi (Coach, National level referee)

Parth Karve (National Player)

Vammakshi Purohit (Practicing Player)

• • •

66

Scoring Should be fair and Square Section for general rule book. Player registration should done only when the fees are paid . Place to see your draws, opponent and your own record.

• •

Too much confusion as to which platform to use that is easy and free. Randomly place players in a DRAW. Previous match record of the player.

• •

Current scoresheet is highly inefficient and unorganised. Notification of upcoming tournamets. common platform to find courts near by in your city.


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Akshay Tiwari (National Player)

Maharshi Jain (National Player)

Priyanjali Sajeev (Tournament organiser)

• •

• • •

Fitness Section for home workout. Easy to make draws and schedule for the tournament. Player to Player analysis.

• •

Give them seeds according to the info. Suggestion for perfect equipment needed. Scheduling and display of the matches.

Substitute to all the paper work Place where you can find umpires. The platform should also display the fixtures for the players.

67


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

RESEARCH ANALYSIS So there are mixed reviews about my topic where some people dont have anyproblem with the existing scoring system but they have different issues like managing a tournament, maintaing personal resords, making fixtures and scheduling matches. From the reserach I have derived that people want a common platform where they can do everthing related to this game, being it scoring the match or arrangeing the tournamet, join any other tournament, fitness routine, serach for courts to play or to host matches, looking for umpires and refferee and where they can get their previous match records and analysis of the game.

68


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PROBLEM STATEMENT After the Primary and Secondary research, I have made some observations that people are well educated about the game and rules but they find difficulty in practical scoring and management of the event apart from this players also demand fitness routine,diet and are very confused about which equipment should they use. They also are very concerned about their previous performance so they want analysis or something so that they can improve their game. They also want a player profile.

69


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

70


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

03 IDEATION

Application Brief Information Hierarchy Information Architecture User Personas Navigation Flow

71


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

APPLICATION BRIEF

72


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

• •

The main focus of the application will be to help the badminton players. Help in the manner to score their matches online so that they can have a record of their matches and can look it anytime they want. Apart from scoring, you can also arrange a tournament where any player can join it, the app will help you with the draws of the matches, fixtures and also will help to keep the match schedule. You can also join any of the tournaments which is been displayed on the app. The app will also consist of a player profile where you can see your old matches and you can also look at any other players’ stats to. Analysis of the game this is one of the highlighted features of the app where you can study about your match, like where you scored points or where you loosed it. You can follow your fellow mates in

• • • • •

the app and you can also check for the leaderboard or can compare the matches, wins, and all. I have got a lot of response to keep the feature of the segment where there is fitness tips or workouts for warmup, cooldown exercise, or for the training purpose. Many people don’t know what equipment to buy for like which racquet or which shoes. So there will be a segment which will Suggest Badminton Equipment. You can also look by near by badminton courts to play You can hire umpires and match referees for your game. There also will be a guide and rule book of the game in the app, which will help you whenever needed. Similarly, you can find nearby Badminton Coaching centers. You can also chat, make groups, share tournaments.

73


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

INFORMATION HIERARCHY After a mentoring session and the feedback by my mentor, I have then divided my features into three phases from my Information Hierarchy and will be working according to the phases mentioned above Phase 1 • Online Match Scoring • Tournament organizing and hosting • Analysis and leaderboard • Court Locator • Player Profile • Fitness and workout plans Phase 2 • Equipment suggestion • Hire umpire and Referees • Guide and rule book Phase 3 • Friends and chat feature • Find coaching centers

74


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

INFORMATION ARCHITECTURE

75


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

USER PERSONA MAPPING

76


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

77


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

78


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

79


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

80


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

81


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

NAVIGATION FLOW

82


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

83


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

84


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

04 DESIGN

Branding Style Guide Low- Fidelity Wireframes Medium- Fidelity Wireframes

85


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

BRANDING Considered key words • • • • • • •

Record Shuttle Raquet Game Points Match League

• • • • • • •

Smash Drop Block Toss Lobby Leaderboard Yonex

• • • • • • •

Rebel Champion Scorecard Poona Lining Net Settler

• • • • • •

Stroke Community Heroes Players Score Sheet

• • • • •

Shuttleton Shuttlepoint Scorepoint Pointscore Shuttlelive

• • • • •

My Game My Match B Player Scorecard Champion

• • • • • •

Rebel B Champ Gamecard Battledore B&S Battlecard

Name Ideation’s • • • • •

Matchpoint Gamepoint Stroke Shuttler Playttle

Final Name B Champ

86


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Logo Exploration

Final Wordmark Logo

87


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Logo Construction

Logo Clearance

88


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Final logo ( concept and color)

Final logo design Concept

Typeface

The reason behind the name BChamp is B for BAMDINTON and BE, where Champ stands for Champion. The whole word says BE A CHAMPION, BADMINTON CHAMPION. I have used colour red to show the passion, aggression and energy and also the reason to choose the type in some form of italics it to denote movement and sport cause badminton is a fast moving sport.

89


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

STYLE GUIDE

APP ICON SKETCHES

90


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

APP ICON ITERATION

Final App Icon

91


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Colour Pallete

92


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

93


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Typography

94


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Buttons and Iconography

95


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

LOW-FIDELITY WIREFRAMES

96


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

97


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

98


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

99


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

MEDIUM-FIDELITY WIREFRAMES Live Game Scoring Interface

100


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Live Match Viewers Interface

Homepage and Feed

101


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Hamburger

102

New User Registration

User Register as Player


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

User register as Organiser

User register as Umpire

User register as Court Operator

103


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Start Match

104

Start Match settings

Search BChamp


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Search result

Player Profile

Player Profile (Games profile)

105


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Join Tournament

106

Join Tournament (select)

My Statistics


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

My Game (Ongoing Game)

My Game (Past Game)

My Game (Upcoming Game)

107


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Leaderboard

108

Leaderboard List

Court Finder


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Court finder Select

Fitness Point

Fitness Point select

109


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Add Tournament

110

Tournament (add player)


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Tournament (Registrations)

Tournament (Make Draws)

Tournament (Schedule Match)

111


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

My Tournament

112

My Tournament (Games)

My Tournament (leaderboard)


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

My Performance

113


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

114


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

05 EXECUTION High Fidelity Wireframes Prototype Artworks

115


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

HIGH-FIDELITY WIREFRAMES Live Game Scoring Interface

116


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Live Match Viewers Interface

Homepage and Feed

117


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Hamburger

118

New User Registration

User Register as Player


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

User register as Organiser

User register as Umpire

User register as Court Operator

119


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Start Match

120

Start Match settings

Search BChamp


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Search BChamp result

Player Profile

Player Profile (Games profile)

121


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Join Tournament

122

Join Tournament (select)

My Statistics


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

My Game (Ongoing Game)

My Game (Past Game)

My Game (Upcoming Game)

123


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Leaderboard

124

Leaderboard List

Court Finder


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Court finder Select

Fitness Point

Fitness Point select

125


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Add Tournament

126

Tournament (add player)


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

Tournament (Registrations)

Tournament (Make Draws)

Tournament (Schedule Match)

127


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

My Tournament

128

My Tournament (Games)

My Tournament (leaderboard)


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

My Performance

129


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

PROTOTYPE LINKING

130


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

ARTWORKS

131


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

132


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

06 CONCLUSION

Learning Resources

133


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

LEARNING A lot of challenges were in the way while creating this project. This was the first time I was working on a more practical project that involves creating a digital scoring platform for badminton. I got to know how things work in scoring a match and how does the user Interface work and how does it adhere to the users needs. It was a big task to design and label and develop the wireframes for this app so that I could make it easier for the user to understand and have a good run through the application. Having five months to complete the project and every part of the design process with utmost detail and perfection gives you insight. I have explored and learnt a vast amount of knowledge while doing this project.

134

During the course of this project, I experimented and explored many new things on my own. It was an intense learning experience filled with challenges. I learnt a lot about my own capabilities, weakness and how to cope with them. The most important thing I learned through this project was working on multiple things simultaneously. I learned that how things have to be managed and done when it comes to a long term project. It taught me to focus on each and every part of the design process for a longer period of time.


Parshwa Panchwatkar | VC 2018-22 | Graduation Project

REFRENCES • • • • • • • • • • • • • • •

https://en.wikipedia.org/wiki/Badminton https://www.badmintonwa.org.au/where-play/about-game https://repository.bbg.ac.id/bitstream/560/1/Badminton_Steps_to_Success.pdf https://web.mst.edu/~ima/rules/Badmintonrules.html https://badmintonbites.com/service/ https://www.masterbadminton.com/badminton-fouls.html https://www.badmintonbible.com/rules/scoring https://www.badmintonbc.com/page/2888/The-Laws-of-Badminton#:~:text=Scoring%20System,lead%20first%2C%20 wins%20that%20game. https://www.wikihow.com/Score-Badminton https://www.techjockey.com/blog/top-badminton-software https://www.masterbadminton.com/badminton-techniques.html https://www.bgbadminton.com/badminton-techniques-life-badminton/ https://www.myactivesg.com/sports/badminton/how-to-play/badminton-equipment/getting-started-for-a-game-ofbadminton https://www.britannica.com/sports/badminton#ref1007511 https://corporate.bwfbadminton.com/statutes/#1513733528967-47d667b6-0737

135


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.