+ All Categories
Home > Documents > IFacion Design Iteration Iteration 1 Iteration 2 Iteration 3 From blogs to popular Youtube stations,...

IFacion Design Iteration Iteration 1 Iteration 2 Iteration 3 From blogs to popular Youtube stations,...

Date post: 04-Jan-2016
Category:
Upload: silas-fletcher
View: 217 times
Download: 0 times
Share this document with a friend
Popular Tags:
1
iFacion Design Iteration Iteration 1 Iteration 2 Iteration 3 From blogs to popular Youtube stations, young women who have a passion for fashion find different online venues to share and receive their ideas. The internet is filled with hundreds of independent fashion blogs and Youtube stations. However, the online fashion community and is missing a structured/organized way to share fashion ideas. “iFacion.com” (not created yet), is a site that allows young “facionistas” to post videos, post blog entries, create outfits, and network with one another all on one page. Below, I created three iterations of a new site called “iFacion.” Several websites and blogs inspired the creation of “iFacion”. “My Profile” “Home” “Home” “My Closet” “My Closet” “My Closet” “My Profile” For this first iteration, I imagined fashion as a modern hip concept. For this reason, this iteration has a modern font, “Axure Handwriting.” The color themes of my first iteration were pink, black and white. At the top of “My Profile”, is the user’s profile picture and a short blurb about the user. There are four different icons that link to other pages: “My Closet”, “My Portfolio”, “My Videos” and “My Thoughts”. “My Portfolio would be a place where a user like Keiko Lynn would post pictures of herself and her designs. “My Thoughts” would support blog entries (mainly text), and “My Videos” supports videos that a user posts. The home page on this first iteration shows a feed of the most recent user activity. The activity of users within a network or “Facionistas” appears according to chronological order. In this iteration, navigation appears on the side bar. “My Closet” is a page where one can upload outfits and clothing items. The image featured in “My Closet” is from a blog entry on hijabiestyle.com (originally created on polyvore.com). A user can upload outfits and tag them. Also, not evident in this layout is one can upload individual items as well (shoes, tops, blouses, pants, accessories). “Home” “My Profile” Firstly, there has been an emergence of fashion blogs. An example of such a site is: http://www.hijabiestyle.com/ . The creator of this site posts a link to her blog on Facebook.com. Users post comments on the link that she posted on Facebook. If one looks at her blog, it is apparent that there are no comments on her blog. because there is no strong sense of a social network on her blog site. If her site was linked to other blogs, users and fans may post comments on her blog, other than opting to post comments and “likes” on Facebook. Currently, she uses the site “http://www.polyvore.com/ ”, to create the images her outfits. Polyvore is a site that allows users to create outfits based on different images of clothing available on different retailer websites. Its interface allows users to drag and drop items (pictures of tops, pants, purses, and shoes) and create outfits. Once a user has created an outfit on Polyvore, she posts it to her blog. One must click on the image of the outfit to see the tags of the clothing items that make up the outfit. This inspired the site, “iFacion” to have a built in program similar to that of Polyvore, which would allow users to create outfits from a database of available items to create an outfit. Because it will be a social network, users on “ iFacion” will be able to import items from friends’ “Closets”. Up and coming fashion designers also have their own pages. An example of such a page is: http://www.keikolynn.com/ . On this site, Keiko Lynn, a designer, has links to an “about” section, an “outfits” section, a “makeup” section, a “links” section, a “faq” section, a “sponsor” section and a “contact” section. Her main page is filled with new outfits she has posted, with herself posing as the model. Other than the placing of the pictures, there is nothing chronological and no update section on her site. The final iteration of iFacion features a newsfeed on every profile that would showcase the current updates of the user. “Lookbook.nu” is a fashion networking site similar to that of “iFacion”, but its audience mainly consists of professional designers. One of the most immediately apparent flaws of this site is the placement of advertisements. They are obnoxiously placed and distract users from the site. On the home page, different looks posted by different users are listed based on their “hype” points, which are based on ratings from other users. Clothing items can also be tagged and viewed. This site however does not support blog entries or videos, which is why a lot of its users host additional information on other sites as well. In the second iteration, I added recent activity to the users’ profile page. In the first iteration, the user’s profile page would always look the same except if they decided to change their profile picture and/or the blurb located next to the user’s picture. In this version, a user’s profile showcases all activity in chronological order (with the most recent post at the top). Users can access different features either through the tabs or the icons located at the bottom of the page. The home screen features icons and an “On the Runway” feed featuring the user’s activity in chronological order. The color scheme in the second iteration stayed the same (black, pink and white). The “Portfolio” option was replaced with thee “My Outfits” section. “My Outfits” is more descriptive of what that section will feature – outfits. In this iteration, the “Closet” evolved from a place where outfits were showcased, to a place where individual items were showcased. The “My Outfits” section was added as a place where outfits could be made in a format like that of polyvore.com, using items in the “Closet” as well as the web. In the second iteration, minor changes were made to the closet feature. The shoes were taken out and moved to a separate “My Shoes” section. The Closet showcases outfits put together in “Polyvore” fashion and outfits that are put together in Keiko-Lynn fashion (pictures of entire outfits). In the first iteration, I used a modern font. However, after doing some research and looking at some fashion magazines, such as Vogue, I realized that fonts in the fashion world are mostly serif traditional-looking fonts. Fashion is not a modern concept, it is a historical one that constantly evolves, and for this reason, I decided to change the font to Bodoni MT, a font similar to which is used in Vogue magazine. I made the navigation tabbed and added “My Shoes”, “My Accessories”, “My Outfits”, and got Zahra Ashktorab In the third iteration, I changed the color scheme of the site. I decided that pink made the site look less professional. Black and white are the main color schemes of this site. A user’s profile page features the user’s picture, a blurb about the user, and a feed of their most recent activity. The home page in the third iteration features “Facions”. “Facions” are pictures of outfits put together by a user. “Outfits” are Polyvore-like creations. The “Closet” contains individual items. Users can rate “Facions”, outfits and closet items. The home page features popular and new “Facions” as well as activity from users within the network.
Transcript
Page 1: IFacion Design Iteration Iteration 1 Iteration 2 Iteration 3 From blogs to popular Youtube stations, young women who have a passion for fashion find different.

iFacion Design Iteration Iteration 1 Iteration 2

Iteration 3

From blogs to popular Youtube stations, young women who have a passion for fashion find different online venues to share and receive their ideas. The internet is filled with hundreds of independent fashion blogs and Youtube stations. However, the online fashion community and is missing a structured/organized way to share fashion ideas. “iFacion.com” (not created yet), is a site that allows young “facionistas” to post videos, post blog entries, create outfits, and network with one another all on one page. Below, I created three iterations of a new site called “iFacion.” Several websites and blogs inspired the creation of “iFacion”.

“My Profile”

“Home”

“Home”

“My Closet”

“My Closet”

“My Closet”

“My Profile”

For this first iteration, I imagined fashion as a modern hip concept. For this reason, this iteration has a modern font, “Axure Handwriting.” The color themes of my first iteration were pink, black and white.

At the top of “My Profile”, is the user’s profile picture and a short blurb about the user. There are four different icons that link to other pages: “My Closet”, “My Portfolio”, “My Videos” and “My Thoughts”. “My Portfolio would be a place where a user like Keiko Lynn would post pictures of herself and her designs. “My Thoughts” would support blog entries (mainly text), and “My Videos” supports videos that a user posts.

The home page on this first iteration shows a feed of the most recent user activity. The activity of users within a network or “Facionistas” appears according to chronological order. In this iteration, navigation appears on the side bar.

“My Closet” is a page where one can upload outfits and clothing items. The image featured in “My Closet” is from a blog entry on hijabiestyle.com (originally created on polyvore.com). A user can upload outfits and tag them. Also, not evident in this layout is one can upload individual items as well (shoes, tops, blouses, pants, accessories).

“Home”

“My Profile”

Firstly, there has been an emergence of fashion blogs. An example of such a site is: http://www.hijabiestyle.com/. The creator of this site posts a link to her blog on Facebook.com. Users post comments on the link that she posted on Facebook. If one looks at her blog, it is apparent that there are no comments on her blog. because there is no strong sense of a social network on her blog site. If her site was linked to other blogs, users and fans may post comments on her blog, other than opting to post comments and “likes” on Facebook.

Currently, she uses the site “http://www.polyvore.com/”, to create the images her outfits. Polyvore is a site that allows users to create outfits based on different images of clothing available on different retailer websites. Its interface allows users to drag and drop items (pictures of tops, pants, purses, and shoes) and create outfits. Once a user has created an outfit on Polyvore, she posts it to her blog. One must click on the image of the outfit to see the tags of the clothing items that make up the outfit. This inspired the site, “iFacion” to have a built in program similar to that of Polyvore, which would allow users to create outfits from a database of available items to create an outfit. Because it will be a social network, users on “ iFacion” will be able to import items from friends’ “Closets”.

Up and coming fashion designers also have their own pages. An example of such a page is: http://www.keikolynn.com/. On this site, Keiko Lynn, a designer, has links to an “about” section, an “outfits” section, a “makeup” section, a “links” section, a “faq” section, a “sponsor” section and a “contact” section. Her main page is filled with new outfits she has posted, with herself posing as the model. Other than the placing of the pictures, there is nothing chronological and no update section on her site. The final iteration of iFacion features a newsfeed on every profile that would showcase the current updates of the user.

“Lookbook.nu” is a fashion networking site similar to that of “iFacion”, but its audience mainly consists of professional designers. One of the most immediately apparent flaws of this site is the placement of advertisements. They are obnoxiously placed and distract users from the site. On the home page, different looks posted by different users are listed based on their “hype” points, which are based on ratings from other users. Clothing items can also be tagged and viewed. This site however does not support blog entries or videos, which is why a lot of its users host additional information on other sites as well.

In the second iteration, I added recent activity to the users’ profile page. In the first iteration, the user’s profile page would always look the same except if they decided to change their profile picture and/or the blurb located next to the user’s picture. In this version, a user’s profile showcases all activity in chronological order (with the most recent post at the top). Users can access different features either through the tabs or the icons located at the bottom of the page.The home screen features icons and an “On the Runway” feed featuring the user’s activity in chronological order. The color scheme in the second iteration stayed the same (black, pink and white). The “Portfolio” option was replaced with thee “My Outfits” section. “My Outfits” is more descriptive of what that section will feature – outfits.

In this iteration, the “Closet” evolved from a place where outfits were showcased, to a place where individual items were showcased. The “My Outfits” section was added as a place where outfits could be made in a format like that of polyvore.com, using items in the “Closet” as well as the web.

In the second iteration, minor changes were made to the closet feature. The shoes were taken out and moved to a separate “My Shoes” section. The Closet showcases outfits put together in “Polyvore” fashion and outfits that are put together in Keiko-Lynn fashion (pictures of entire outfits).

In the first iteration, I used a modern font. However, after doing some research and looking at some fashion magazines, such as Vogue, I realized that fonts in the fashion world are mostly serif traditional-looking fonts. Fashion is not a modern concept, it is a historical one that constantly evolves, and for this reason, I decided to change the font to Bodoni MT, a font similar to which is used in Vogue magazine. I made the navigation tabbed and added “My Shoes”, “My Accessories”, “My Outfits”, and got rid of “My Portfolio”.

Zahra Ashktorab

In the third iteration, I changed the color scheme of the site. I decided that pink made the site look less professional. Black and white are the main color schemes of this site. A user’s profile page features the user’s picture, a blurb about the user, and a feed of their most recent activity.

The home page in the third iteration features “Facions”. “Facions” are pictures of outfits put together by a user. “Outfits” are Polyvore-like creations. The “Closet” contains individual items. Users can rate “Facions”, outfits and closet items. The home page features popular and new “Facions” as well as activity from users within the network.

Recommended