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.

Slides:



Advertisements
Similar presentations
Facebook Part III How to Use the Features of Facebook Patrick Therrien Technology & Education Training Specialist.
Advertisements

BASICS OF BLOGGING. WHAT IS A BLOG? "Blog" is an abbreviated version of "weblog," which is a term used to describe websites that maintain an ongoing chronicle.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
MY PROCESS ON WEEBLY TO CREATE MY PORTFOLIO ONLINE! Run Slide Show.
J333 Lauren Collmer SWOT ANALYSIS. PIGEONS & PLANES.
BROUGHT TO YOU BY: TUSHRM How to Create Your HRM E- Portfolio: The Basics.
Basics: Getting Started Uploading and Sharing Videos on YouTube. Basics: Getting Started Uploading and Sharing Videos on YouTube. 1.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Blogging Basics Presented by Brandi Lust. Why Blog? Student Blog Benefits 1.Audience 2.Access 3.Use of research and resource integration 4.Use of multimedia.
WELCOME TO THE AHIA CONNECTED COMMUNITY! HEALTHCARE INTERNAL AUDIT'S PROFESSIONAL THOUGHT LEADERSHIP COMMUNITY.
PROJECT 3: E-PORTFOLIO PHASE 1. WHAT IS AN E-PORTFOLIO? “An e-portfolio, also known as electronic portfolio, digital portfolio, or electronic resume,
Taking the Headache out of. Reach your sphere of influence on a daily basis – AT NO COST? Reconnect with friends and stay in touch with family – AT NO.
November 3, 2011 Deborah de Bruin Building Digital Libraries.
Getting Started (The Basics) Copyright 2012 Peoplemovers.com, All rights reserved.
Starter for 10 Unit 10: Flickr & YouTube Transform IT SFT10_Flickr_YouTube.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
Tutorial. What is Instagram? Instagram is a free, online photo sharing, video sharing and social networking service that enables users to take pictures.
EDW647: Internet for Educators Dr. Roger Webster Department of Computer Science Millersville University July 23, 2008 Create.
Introduction to Facebook. Introduction In this workshop, we will: –Walk you through creating a Facebook account –Describe Facebook’s layout –Show you.
A Tutorial By Jennifer Wagner
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Blogging Suitable for: Advanced.
Serving Sociologists | Advancing Sociology | Promoting Sociology to Society Facebook in the Classroom.
Visiting Angels Presenter: Social Angel Facebook.com/VisitingAngelsCorporate Social Care.
OT Connections is AOTA’s new online community which allows occupational therapists, occupational therapy assistants and students to connect with each.
My Website Plan-Fashion By Maizie Wood. Website Structure diagram- Home Female Fashion Male Fashi on Accesso ries Blog.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Things you should have with you: Your own address Student addresses Ideas that you want to include.
How to Use Facebook This guide will help you navigate around the social networking site, Facebook.
Learning Journals, parental reporting and personal wikis.
Guide for Mahara My Views PY1 team 3 - Yihong Huo, Jian Ren, Poonam Kala 1Guide of My Views - Team 3.
Website for our class. The information is updated at the end of each.
By: Gia Vuong Riyad Mahmud Narsimha Kalthy.  What is Mahara?  Logging into the ACS Portfolio  Using Mahara to Manage: ◦ Files ◦ Blogs ◦ External Feeds.
A Tutorial By Jennifer Wagner
WEEBLYWEEBLY A user friendly FREE website builder for your Business Tips and Instructions.
Hubnet Training One Health Network South East Asia Network Overview | Public and Members-only Pages; Communicating and Publishing using Blogs and News.
Facebook for Beginners One Session Class. What will you learn today? What can you do on Facebook? Creating a profile Privacy Connecting with friends Sending.
Assassins Creed By Ben Walker. Fan Websites Embedded YouTube Video showing newest game trailer of Assassin’s Creed Unity. This would be held in a div.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
Question 1: In what ways does your product use, develop or challenge forms and conventions of real media products? By Amos Mukombero.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
I really loved the idea of having a class blog. A place where students can get online accessibility to course information and updates and a place where.
Website Structure Proposal Information in this 8 page document is private and confidential Legend: Sponsor – Alex and Partners TA – Target Audience Customers.
■ A blog originally was a personal website meant to be like a diary or journal. ■ Basically a type of website, like a forum or a social bookmarking site.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
WEEBLYWEEBLY A user friendly FREE website builder Tips and Instructions.
How to create a website from scratch.  You should have an internet access.  Visit  You need to create a new account OR.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Create a blog Skills: create, modify and post to a blog
Using Blogs in Your Classroom: Stimulating Students to
Facebook in the Classroom
Microsoft Expression Web 2
Blog and its Steps.
(Font OCR A Std, Font style: Normal, Font Size: 110px)
Midwest NASCOE Tutorial
Understanding WordPress
StudentWeb Orientation
1. Download the Instagram app
Blogging for Beginners with Blogger
StudentWeb Orientation
community.afpnet.org/home
What is StudentWeb? In StudentWeb you can access:
What is StudentWeb? In StudentWeb you can access:
Develop Your Web Presence Using WEEBLY
What is StudentWeb? In StudentWeb you can access:
What is StudentWeb? In StudentWeb you can access:
What is StudentWeb? In StudentWeb you can access:
Presentation transcript:

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” “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: 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 “ 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: 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.