HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2015T2 Marreo Design & Prototype"

From IS480
Jump to navigation Jump to search
 
(8 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[File:Marreo.png|300px|center]]
+
[[File:Marreo logo.png|300px|center|link=]]
<br/>
+
 
 
<!-- START OF NAVBAR -->
 
<!-- START OF NAVBAR -->
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo|<span style="color:#3C2415;">Home</span>]]</div>
+
 
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Team Page|<span style="color:#3C2415;">Team Page</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon_home.png|80px|center|link=]]</div>
<div style="background-color: #4183D7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Overview|<span style="color:white;">Project Overview</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon aboutus.png|80px|center|link=]]</div>
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Management|<span style="color:#3C2415;">Project Management</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon projectoverview.png|80px|center|link=]]</div>
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Documentation|<span style="color:#3C2415;">Project Documentation</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon projectmgt.png|80px|center|link=]]</div>
 +
<div style="width:20%; float: left;">[[File:Icon documentation.png |80px|center|link=]]</div>
 +
 
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo|<span style="color:#333;">Home</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Team Page|<span style="color:#333;">About Us</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Overview|<span style="color:#333;">Project Overview</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Management|<span style="color:#333;">Project Management</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Documentation|<span style="color:#333;">Documentation</span>]]</div>
 
<br/>
 
<br/>
 
<!-- END OF NAVBAR -->
 
<!-- END OF NAVBAR -->
  
<!-- CLEAR FLOAT :: DO NOT TOUCH -->
+
[[File:Banner projectoverview.png|1080px|center|link=]]
 +
<!-- END OF NAVBAR -->
 +
<!--Sub-Navigation-->
 +
{| style="background-color:white; color:white ;; border:1px solid #ec4f73; margin-left: auto; margin-right: auto;" width="1080px" height=50px cellspacing="0" cellpadding="0" valign="top"  |
 +
 
 +
| style="padding:0 .3em;  solid #000000;  padding: 10px; text-align:center; background-color:white; border-right:1px solid #ec4f73; " width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo/Project Overview| <font face = "Arial" color="#3C2415"><b>Project Description</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; border-right:1px solid #ec4f73; " width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_Motivation| <font face = "Arial" color="#101010"><b>Market Research</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white;  border-right:1px solid #ec4f73;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_Project Scope| <font face = "Arial" color="#101010"><b>Project Scope</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; border-right:1px solid #ec4f73;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_User Tests| <font face = "Arial" color="#101010"><b>User Testing</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:#ffe5eb;  border-right:1px solid #ec4f73;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_Design & Prototype| <font face = "Arial" color="#101010"><b>Design & Prototype</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo/Marketing| <font face = "Arial" color="#101010"><b>Marketing</b></font>]]
 +
 
 +
|}
 +
 
 +
<!--END OF Sub-Navigation-->
 +
 
 +
<br/>
 +
<div style="text-align: left; width:1080px;  margin-left:auto; margin-right:auto; ">
 +
==<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Personas</font></div>==
 +
 
 +
'''Persona 1'''
 +
<br/><br/>
 +
Desmond is a 26 year old fresh graduate who just proposed to his girlfriend of 9 years. He and his girlfriend are both Singaporean Chinese individuals with traditional family backgrounds. He has no prior experience with planning a traditional Chinese wedding. He plans to have his wedding in a year’s time on his 10th Anniversary. Desmond loves to play soccer with his friends. He created a Facebook page to plan their weekly matches to keep track of members and their attendance so that it is easier for them to book venues for their games. He asked many of his soccer kakis for advice on marriage planning but none of them had any idea as they were all focusing on their career advancement. Desmond also has a habit of using budget and to-do mobile applications to track his expenditure and tasks respectively. He was very excited when he came across the Marry.SG Wedding Application on Graph Paper as it came along with a guide on how to plan a wedding specially tailored for Singaporeans. He immediately signed up for it and started using the functions provided by the application.
 +
<br/><br/>
 +
'''Persona 2'''
 +
<br/><br/>
 +
Rani’s boyfriend just proposed to her. She is totally excited about planning for the big day, but she is not sure of all the things she needs to plan out for the series of events leading up to her wedding. Her parents are aware of the necessary items and the traditions that needs to be observed during the wedding events. However, they are not very good with recording expenditure and planning out itineraries. Rani has always dreamed of how her wedding should be and wishes for her wedding to be planned out to be like the wedding of her dreams. There are a lot of information out there in Google, and Rani wishes there was a single platform for her to record down all her findings and plan for her wedding at the same time. Her friend recommended Marry.SG as it has simple planning tools for Rani to use to start with her wedding planning.
 +
 
 +
==<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Scenarios</font></div>==
 +
'''Scenario 1: Desmond using the To-do List function with template'''
 +
<br/><br/>
 +
Desmond logged in to the application with his email address, and selected his race and put in his wedding date as the day he and his girlfriend got together as he plans to have the marriage on that day. He then shared the Graph Paper canvas with his girlfriend so that she could also have a look and collaborate with him to plan their wedding together.
 +
<br/><br/>
 +
Desmond has 12 months left to his planned wedding. He logs into the Marry.SG application powered by Graph Paper, and is shown a Graph Paper prepopulated with components to help a user plan out a wedding in Singapore. Since Desmond had chosen to have a guided template for Chinese, components like the To-Do List had been prepopulated with a guided template that catered to arrange Chinese weddings.
 +
<br/><br/>
 +
He scanned through the items prepopulated in the To-Do List component and saw items such as Guo Da Li and Hui Li prepopulated there. According to the To-Do List, the first few things Desmond should do was to “Meet both sides of the family”, “Decide on number of events”, “Set your budget”, “Register your marriage”, “Select your ROM date”, “Book wedding venue”, so on and so forth.
 +
<br/><br/>
 +
'''Scenario 2: Rani using the To-do List, Notebook and Discover function without template'''
 +
<br/><br/>
 +
Rani signs in to Graph Paper using her Facebook account. She selects the default canvas without any prepopulated templates. She starts of by using the Notebook function. She uses the notes to make a list of the songs she would like to play for the guests as her wedding. She also uses it to assign roles and tasks family and friends who would be helping out for her wedding.
 +
<br/><br/>
 +
Rani has a brief idea of the colours and type of saree she would like to wear for her wedding. She then looks at the vendors in the Discover function to check out bridal boutiques that sell indian bridal outfits. She likes the vendor Pernia Popup Shop and is considering buying her outfit from there.
 +
<br/><br/>
 +
Since Rani had a rough idea of all the tasks she had to carry out in order for her marriage to be carried out smoothly, she went on to use the To-Do List function to list out all the to-dos she had to do and added the time period for each to-do.
 
<br/><br/>
 
<br/><br/>
<div style="float: none; clear: both; margin-left: auto; margin-right: auto"></div>
 
<!-- CLEAR FLOAT :: DO NOT TOUCH -->
 
  
<!--Sub-Navigation-->
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>RSVP Canvas</font></div>
{| style="background-color:white; color:white padding: 5px 0 0 0;" width="100%" height=50px cellspacing="0" cellpadding="0" valign="top" border="0" |
+
[[File:2015-01-24 15.51.31.jpg|600px]]
 +
<br/><br/>
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo/Project Overview| <font face = "Arial" color="#101010"><b>Project Description</b></font>]]
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Overall Canvas</font></div>
 +
[[File:weddingCanvas.jpg|570px]]
 +
[[File:2015-01-24 15.51.30.jpg|500px]]
 +
<br/><br/>
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo_Motivation| <font face = "Arial" color="#101010"><b>Motivation</b></font>]]
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Timeline</font></div>
 +
[[File:Timeline cart.jpg]]
 +
<br/><br/>
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo_Project Scope| <font face = "Arial" color="#101010"><b>Project Scope</b></font>]]
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Notes</font></div>
 +
[[File:Note cart.jpg]]
 +
<br/><br/>
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo_User Tests| <font face = "Arial" color="#101010"><b>User Tests</b></font>]]
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Discover (List of Vendors)</font></div>
 +
[[File:Discover_cart_2.jpg|500px]][[File:Discover_cart.jpg|500px]]
 +
<br/><br/>
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo_Design & Prototype| <font face = "Arial" color="#3C2415"><b>Design & Prototype</b></font>]]
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Guest List</font></div>
[[File:Marreo Cookie.png|45px]]
+
[[File:Guest-cart-1.jpg|300px]][[File:Guest-cart-2.jpg|300px]][[File:Guest-cart-3.jpg|300px]] <br/>
|}
+
[[File:Guest-cart-4.jpg|300px]][[File:Guest-cart-5.jpg|300px]][[File:Guest-cart-6.jpg|300px]] <br/>
  
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>To-Do-List</font></div>==
+
<br/><br/>
[[File:Marreo to do version 1.png|link=]]
 
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>Discover</font></div>==
 
[[File:Marreo discover v1.png|link=]]
 
[[File:Marreo discover v2.png|link=]]
 

Latest revision as of 20:30, 17 April 2015

Marreo logo.png


Icon home.png
Icon aboutus.png
Icon projectoverview.png
Icon projectmgt.png
Icon documentation.png
Home
About Us
Project Overview
Project Management
Documentation


Banner projectoverview.png
Project Description Market Research Project Scope User Testing Design & Prototype Marketing



Personas

Persona 1

Desmond is a 26 year old fresh graduate who just proposed to his girlfriend of 9 years. He and his girlfriend are both Singaporean Chinese individuals with traditional family backgrounds. He has no prior experience with planning a traditional Chinese wedding. He plans to have his wedding in a year’s time on his 10th Anniversary. Desmond loves to play soccer with his friends. He created a Facebook page to plan their weekly matches to keep track of members and their attendance so that it is easier for them to book venues for their games. He asked many of his soccer kakis for advice on marriage planning but none of them had any idea as they were all focusing on their career advancement. Desmond also has a habit of using budget and to-do mobile applications to track his expenditure and tasks respectively. He was very excited when he came across the Marry.SG Wedding Application on Graph Paper as it came along with a guide on how to plan a wedding specially tailored for Singaporeans. He immediately signed up for it and started using the functions provided by the application.

Persona 2

Rani’s boyfriend just proposed to her. She is totally excited about planning for the big day, but she is not sure of all the things she needs to plan out for the series of events leading up to her wedding. Her parents are aware of the necessary items and the traditions that needs to be observed during the wedding events. However, they are not very good with recording expenditure and planning out itineraries. Rani has always dreamed of how her wedding should be and wishes for her wedding to be planned out to be like the wedding of her dreams. There are a lot of information out there in Google, and Rani wishes there was a single platform for her to record down all her findings and plan for her wedding at the same time. Her friend recommended Marry.SG as it has simple planning tools for Rani to use to start with her wedding planning.

Scenarios

Scenario 1: Desmond using the To-do List function with template

Desmond logged in to the application with his email address, and selected his race and put in his wedding date as the day he and his girlfriend got together as he plans to have the marriage on that day. He then shared the Graph Paper canvas with his girlfriend so that she could also have a look and collaborate with him to plan their wedding together.

Desmond has 12 months left to his planned wedding. He logs into the Marry.SG application powered by Graph Paper, and is shown a Graph Paper prepopulated with components to help a user plan out a wedding in Singapore. Since Desmond had chosen to have a guided template for Chinese, components like the To-Do List had been prepopulated with a guided template that catered to arrange Chinese weddings.

He scanned through the items prepopulated in the To-Do List component and saw items such as Guo Da Li and Hui Li prepopulated there. According to the To-Do List, the first few things Desmond should do was to “Meet both sides of the family”, “Decide on number of events”, “Set your budget”, “Register your marriage”, “Select your ROM date”, “Book wedding venue”, so on and so forth.

Scenario 2: Rani using the To-do List, Notebook and Discover function without template

Rani signs in to Graph Paper using her Facebook account. She selects the default canvas without any prepopulated templates. She starts of by using the Notebook function. She uses the notes to make a list of the songs she would like to play for the guests as her wedding. She also uses it to assign roles and tasks family and friends who would be helping out for her wedding.

Rani has a brief idea of the colours and type of saree she would like to wear for her wedding. She then looks at the vendors in the Discover function to check out bridal boutiques that sell indian bridal outfits. She likes the vendor Pernia Popup Shop and is considering buying her outfit from there.

Since Rani had a rough idea of all the tasks she had to carry out in order for her marriage to be carried out smoothly, she went on to use the To-Do List function to list out all the to-dos she had to do and added the time period for each to-do.

RSVP Canvas

2015-01-24 15.51.31.jpg

Overall Canvas

WeddingCanvas.jpg 2015-01-24 15.51.30.jpg

Timeline

Timeline cart.jpg

Notes

Note cart.jpg

Discover (List of Vendors)

Discover cart 2.jpgDiscover cart.jpg

Guest List

Guest-cart-1.jpgGuest-cart-2.jpgGuest-cart-3.jpg
Guest-cart-4.jpgGuest-cart-5.jpgGuest-cart-6.jpg