Simplicity is not the goal. It is the by-product of a good idea and modest expectations. / Paul Rand

style.com redesign – keenan

Posted: May 16th, 2011 | Author: | Filed under: Uncategorized | No Comments »

The inspiration for my design was to make style.com feel more like a magazine.  More visual with a simplified site map (there original was ridiculous – with tons of links that have no home)  Here is my version :)

This is the new face of style.com – Visually I think the black and white layout helps to emphasize important information. The permanent navigation is the top “power search” – which is actually a feature already on style.com that is not highlighted.  It searches a very large archive of visual images (over 67 seasons)

I also used the apple dot method to indicate more stories regarding the topic waiting for the reader on the next page.

To the left is a Table of CONTENTS that is drop down navigation – this is inspired by the simplicity of paper magazines.

When you click designers an alphabetical list of designers drops down – or you can open in a new window to search… this is what would happen if you picked a designer

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

you would be taken to a page with recent news, images, video etc. about the designer.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Trend Report is a category that has three subcategories – that navigates to pages 1. Accessories, 2. Shopping Guide, 3. Back Stage Confidential.  At the home of Trend Report would showcase interesting new trends.

this page shows a visual explanation of the “power search” feature.  For Example – when searching Agyness Dean (model) an archive of images (much like google images) would come into the right window.  You would be able to zoom in on images or add them to your style.com look-book.

Here is the Collections Home Page which is Home -segway to Ready To Wear, Couture, and Resort.

I look forward to playing with this website more but I feel that I have accomplished designing a simplified site that has more of the information viewers want in the foreground.

 

Through playing with visual identity of style.com I wanted to upgrade? my first web- re design for my blog.

this would be the portfolio section of the website that showcases “textile designs” I have created

 

 


style.com redesign

Posted: May 9th, 2011 | Author: | Filed under: Uncategorized | No Comments »

><

 

 


keenan – Redesign Assignment – Style.com

Posted: April 25th, 2011 | Author: | Filed under: Uncategorized | No Comments »

Hello friends,

I am playing catchup on a this assignment but have been working on the redesign of Style.com which is an online extension of VOGUE>  It is an information dense resource with archives of runway collections and trends from the past several years.

><

STYLE.COM with Vartiety: Munterbund and Newsmap

Overall Problems with Style.com

- Because Style.com has a densely complicated navigation bar – many of the links are vague and links need to be a more obvious indication of where in the website you will be directed.

- Navigation is as Jay would say “dated” needs to become more interactive and current

– Solution:  bring a focus to a navigation bar, think of viewing website as a “daily read”, think more about how the user will interact and navigate throughout the sight with ease.

- Newsmap has a wireframe/direction I like for the homepage of the website and Munterbund has a strong visual layout I can see working for some of the higher navigation pages (see on)

 

About the Variety:

NewsMap :

A treemap visualization algorithm helps display the enormous amount of information gathered by the aggregator. Treemaps are traditionally space-constrained visualizations of information. Newsmap’s objective takes that goal a step further and provides a tool to divide information into quickly recognizable bands which, when presented together, reveal underlying patterns in news reporting across cultures and within news segments in constant change around the globe.

Newsmap’s objective is to simply demonstrate visually the relationships between data and the unseen patterns in news media.

Munterbund Displays connections visually:  showcases the results of research graphical visualization of text similarities in essays in a book. “The challenge is to find forms of graphical and/or typographical representation of the essays that are both appealing and informative. We have attempted create a system which automatically generates graphics according to predefined rules.”

–>  Because the nature of the content of STYLE.com varies from Munterbund – I wanted to take the visual appeal and the idea of relating different content and apply idea to style.com.

Buurman2 in Data Visualization: Modern Approaches

Buurman in Data Visualization: Modern Approaches

Buurman3 in Data Visualization: Modern Approaches

Solution:

Style.com has this handy “Site MAP” option that is available at the footer of the page as a separate link – I like the idea of this content being available always.

Here is the Home Page – it isn’t terrible but I think it could be easier on the eyes with a better hierarchy of informaiton.  I would like it to be more interactive like some of the application designs we discussed in class.  I also like the idea of content reading more like a  newsmap and munderbund while somehow conveying the feeling of a real magazine like Vogue itself.

Some of the information in these categories is (for lack of better words) unexpected – This site map can be simplified and organized in a more user friendly way.  Because I am familiar with this website and it’s resources I think that the website should be re-worked to showcase the most important content.  Most people in the industry (or just daily readers) come to style.com to see the collections.  The FASHION SHOWS tab definitely houses the most important information.  Which is why this needs to be available right when you visit the site.

When you pick a designer it takes you to a brief explanation of how the collection was received, the designers inspiration, and any other information about the show (celebrities that may have attended – stage – etc).

you then have the option of viewing the whole collection like thumbnails… and now for the real “problem” in my opinion… in order to view each look you have to open a new window aka POP UP – so annoying.   There is no way to easily shuffle throughout the collection or compare different looks.  The website does have the feature “my look book” which allows you to save images.  This is something I want to explore further in my “re-design”.

Here is one of my proposals for a solution to the POP UP^ the user friendly scroll idea we are familiar with on mac operating systems, smart phones, etc

One positive interactive feature is the option to  like (via facebook) or retweet option which allows you to share your findings with your online social community….

Here is one of my designs to Organize the Trend Links – ONE PAGE (big improvement to the pop up) which allows you to easily glance at all of the designers adaptation of the trend – this allows you to easily see what you like or don’t like and easily compare and contrast the different collections.  From here you can further research if you so choose.

 


iphone app final / where is my stuff/ keenan :)

Posted: April 4th, 2011 | Author: | Filed under: Uncategorized | No Comments »
Developing the original application design:
- Less modern development of a paging system.
- Augmented reality!
Two Pendant Alert Paging System
Two Pendant Alert Paging System


Product Features
  • The Two Pendant Alert System is an affordable and reliable way for you to know that your charge needs your assistance. Caregivers usually spend the majority of their time with those they are caring for. However, there are times when you need to step away, and it is important that your loved one can call for you if needed.
  • The Two Pendant Paging System uses wireless technology to alert a caregiver that assistance is needed. When the button is pressed, signals are sent to the receiving unit which will chime immediately. There is a small visual indicator light that blinks as well.
  • Nurse Call Pendant (Qty 2): The button is user friendly and requires little pressure to push. A lanyard is enclosed so it can be worn like a pendant. The included sticky adhesive lets you attach it someplace easily accessible. 2.25″ diameter, 0.75″ deep, Slide on/off case is 2.5″ wide, Uses one 12V battery (included)
  • Caregiver Pager (Qty 1): The beeper style clip-on receiver only weighs 4.1 oz. with batteries installed, so it is easy to wear on your waistband. The pager also has a stand on the back for tabletop use. Can receive a signal up to 300 feet. 3.25″ W x 2.5″ H x 0.875″ D, The clip on the back of the receiver is 2″ long, Uses 2 AA batteries (not included)
  • The Pager/Receiver has two alert settings, a 30 second long siren and a 3 second long doorbell-like chime. Both alerts are very loud and can be heard from quite a distance. (The receiver’s volume is not adjustable.)

Here are a few of the augmented reality applications that have similar properties as my app design:

1.  Layar

Layar is the first AR app to arrive on iPhone and Android platform. Layar is not a single purpose app—it’s fed by a growing library of “layers,” which range from Wikipedia to Flickr to apartment listings in your local town. So this multipurpose app does more than any other app does. The best thing, it’s free, so it’s a great way to get things started in AR world.

2. Yelp

Yelp originally intended to be a local recommendations app. When AR was added, local food search became more intuitive things like “Where to find Sushi”, “Nearest Indian spicy food” becomes piece of cake. This one’s secret—you’ve got to shake your phone to activate it. The App is free and awaits your download.

 


#03 iphone app – keenan evans

Posted: March 27th, 2011 | Author: | Filed under: #03 - iPhone App | 4 Comments »

poster^

What is its name? / Name & Tagline

“Where is my stuff?”

Tagline:  Organizing your life with the press of a button.

What will it do? / Features & Functionality

The purpose of this application is to help the customer locate their things (for example: keys, camera, computer, chargers, day planners etc).  The application will be purchased along with small censors that beep when being paged (similar to cordless phone locator on some landline phones).  The application will allow you to keep track of the items you chose to place censors on and when you need to find them you can page one or all of them from the application.  When you press the button where is my stuff (or the specific item) it will beep until you silence the censor.

 

Who will buy it? / Audience types & Rationale

This item will appeal most to tech geeks but I believe if marketed properly would be valuable to parents, students, really anyone with limited time to keep their life organized.  The reason I chose to design this iphone application is because living and working in New York City I find there is never enough time to get organized.  When you are heading out the door you want to have all of your things and spend no time packing up.

WIREFRAME IDEAS


Midterm- Redesign Project Assignment 4 – Keenan Meyer

Posted: March 7th, 2011 | Author: | Filed under: Uncategorized | 1 Comment »


#2 Local Projects – keenan meyer

Posted: February 26th, 2011 | Author: | Filed under: Uncategorized | No Comments »

I am starting from scratch here – so let me catch you up on my new site revision.

After realizing in our last class that I was not completing the assignment properly, I made the decision to re-vise my own website/blog. In September 2008, I have started a blog using wordpress.  While working for a digital retouching studio blogging seemed like the perfect/trendy :) way to keep track of my creative progress and inspirations.  Over the past two years my process has evolved from digital media to fashion design.  This website also showcases my extracurricular work experience in New York and Sydney, Australia and anywhere else I have traveled.

For awhile now, I have been thinking about the future of the site – ideally the re-design would remain clean + minimal (which has been similar to my previous wordpress themes).  Unfortunately pre-formatted themes have left much to be desired!  For example, the monthly archive and categories in the side toolbar do not follow you as you navigate through the website… It could be much more intuitive and user friendly as far as organization/searching goes.  I would also like to develop an online portfolio and shop that are coexistent with the blog.

Here is the mood board for Color Scientist Website:

Here is the mood board for Color Scientist Website:

For the re-design I want to the addition of:

- Portfolio (featuring Tailoring, Fashion Design, Illustration, Web Design, Photography/ Digital Retouching, Design Development, Textile Design, Resume)

- Customize your Wardrobe (way for people to contact me/ interact and make orders for personalized designs)

- Shop (featuring clothing pieces, jewelry, and other creative projects that I am currently selling)

- Contact (this will feature a small section about me and my email)

- The blog would stay mainly the same but will feature buttons for categories instead of the cloud


here it is with grids – there are 8 but you can see how the search and blog stats are divided so 16 sections would work….

This would be the main page when you visit keenanevans.com – here you can choose to navigate to one of the subcategories (which also will have drop down navigation to their tertiary pages) or to scroll down to the blog.  After you scroll down beneath the header it will simplify to this:

with grids:

you can see that the navigation tools are along the header and left side bar – these would remain stationary as you scroll through the site.  The “buttons” (home, portfolio, customize your wardrobe, shop, contact me, recent posts, categories, archives) act like drop down lists when you scroll your cursor over them… see example circled in red below with the “recent post button”

you would navigate through the portfolio through the navigation bar on the left of by clicking on one of the images.  Ideally you would be able to shuffle them around with your mouse.  When you pass over the image with your mouse the Portfolio Category would become visible…

this website also has portfolio sites that are effective – a few that I am working on developing for the subpages…

http://www.freewebgallerys.com/2011/02/16/effective-online-portfolio/

The assignment for next week’s class is to begin the information architecture of your web site: creating a preliminary site map and wireframes for the home page and 2 inner pages. Keep in mind that you are building the foundation for important creative decisions by determining the structure and functionality of your site. Wireframes give you an opportunity to explore the user experience prior to the considerations of the visual look and feel.

  • What is the first read on the home page? What is the message(s) you are trying to convey?

The first read on the homepage is that it is creative, casual, colorful, and spirited.  From the “portal page” you can see that you are at the website of a creative – this page also connects to the blog via scrolling down beyond the image.  (i think this is possible?)  I wanted the text to be handwritten and for the experience to feel intimate to the viewer and remain true to my love of color, blog, and design aesthetic.

  • What is the second read? How does a user orient herself? What do you want them to ultimately do?

The user is able to make the immediate decision  to scroll down to the blog or click on one of the four links along the foot of the site entrance to shop, view my portfolio, contact me, or to interact with me on a special project by clicking “personalize my wardrobe”.  If the viewer wants to search for content they have seen on the site without navigating they can easily type in to search.  I think it is people friendly and easy to understand – what do you think.  Ultimately, I would love for readers of my blog to purchase some of my designs, view my portfolio, and further interact with my creative process.

  • What is the third read? How will this page change over time?

I can see this page changing each season with my collection.  It would also be fun to change the colors in the “color scientist” logo to match my inspirations – and to educate viewers about design and color! :)


keenan/ #03 – ludlow fitness: site map

Posted: February 14th, 2011 | Author: | Filed under: Uncategorized | No Comments »


keenan/ #02 – ludlow fitness: client brief & mood board

Posted: February 7th, 2011 | Author: | Filed under: #02 - Local Projects | 2 Comments »

Location: Ludlow Fitness

Ludlow Fitness is a full service gym with a laid-back culture, reasonable pricing, and round the clock accessibility.  Working out and physical fitness are important to my lifestyle.  I want to explore how different design aesthetics on a website.  For Ludlow Fitness I believe their sight could look  more contemporary & sleek vs. dated and budget.  I believe this can be done with intentional use of clean space, improved graphics, and a more interactive interface.  It will also be interesting to see which information should be shared on the “home” page.  My friend mentioned to me the flaw of many restaurant design interfaces was complexity.  Although Ludlow Fitness does a good job eliminating unnecessary information – I can’t help but wonder if things could be more condensed.

We pride ourselves in being a full service fitness facility that strives for three main goals:

  • Outstanding state of the art equipment
  • Clean workout environment
  • Value driven pricing

Our caring, warm staff and experienced personal trainers are always available to assist you with any questions. You have several workout options to get your heart rate up and achieve your health goals. We offer state of the art cardio equipment with each piece having its own dedicated DirecTV monitor integrated into the LCD screen; dynamic daily classes which include: Yoga, Pilates, Boxing, Body Sculpt; free weights and strength equipment to hit all your upper and lower body parts.

We are excited to meet your fitness needs and will put forth a tremendous effort to make your experience a rewarding one.

Image and Information sourced from Ludlow Fitness Website

  • What is their product/service?
    • Outstanding State of the art Equipment
    • Clean Workout Environment
    • Daily Classes (Including yoga, pilates, boxing, body sculpt)
    • Music, Television, Entertainment in workout environment
    • Personal Trainers
  • Who is their client base?
    • Lower East Side locals
    • People interested in Exercise & Physical Activity
  • What is special about them?
    • Reasonable Pricing
      • Annual Pay-in-Full ($449/year, no initiation fee)
      • 6 months Pay-in-Full ($299, no initiation fee)
      • 3 months Pay-in-Full ($199, no initiation fee)
      • 1 month Pay-in-Full ($65, no initiation fee)
      • Monthly (Repeat billing of $49/month, $99 initiation fee)
    • Daily Classes
    • Location

    • Open 24 Hours a Day
    • Clean, Friendly Environment
    • Enthusiastic Staff and Teachers
  • Do they have an existing graphic identity or brand?

Definitely a 90’s vibe – I think it’s the combination of gradient and color choice?  Unsure – could definitely benefit from some re-branding.

  • Why did you choose this business?
    • Primarily for price and convenience.  However, now that it is open 24 hours I am completely committed to this gym.

Analogous Websites?

core power yoga

This is the best website layout I found – it is intuitive to the user and has all information neatly organized and easy to find.

NIKE -

I generally speaking like the nike aesthetic and think it would be a helpful resource when making design choices.

david barton gym

What do you think about having a portal page to this^ when you go to a gym’s site?

  • Mood Board Presentation in Class

keenan/ #01 – good/bad web design – comparing amount of information websites share – featuring: bespokestudio, naag, newsmap

Posted: January 30th, 2011 | Author: | Filed under: #01 - Good/Bad Web Design | No Comments »

While searching for examples of with good and bad design I found that there were pros and cons to every layout.  It is the website’s responsibility to convey information effectively by making it simple to navigate – Good web design needs for me must to be intuitive, beautiful, thoughtful, and smart.

I approached this assignment by examining websites that vary in the quantity and type of content (visual, random information, news).

Example 1:

BESPOKE STUDIO – content : Visual

Bespoke is a previous employer of mine – which gave me a unique perspective to the companies message.

^ background info – (When text is unable to be copied from a site it is preventing  people from sharing your business information from certain devices)

Website Pros:

-  Clean Organized Interface

- Combination of white space and simple layout accentuate sites simplicity.

-  The Portfolio section of the website  is sharp and beautiful.  Simple thumbnails represent entire editorials -  allows viewers who know what they are looking for to browse easily.

The visual content is scrolled through by placing the mouse over a the right or left sides of the screen – this puts the images in a “cover flow” motion. one of my favorite ways to browse visual information – what about you?

- The combination of content, garamond text, minimal format make for a gorgeous website that is enjoyable to explore.

Website Cons:

-      When you go to bespokestudio there is a portal page – meaning an image opens before it takes you to a page you can move around in.  Personally, I think this is inefficient/ dated and although some may think it is “pretty” it serves no real purpose.  Does it effectively convey to the viewer what the brand represents/does?

-  Another personal preference when surfing the site is to have the URL changes as you go from page to page (i believe flash does not do this?).  I find this feature essential  when directing others to a specific image.  Maybe I am wrong but It seems like photographers and magazines considering using Bespoke Studio would want that share ability.

-  One serious annoyance about the websites design is the absence of citations and general information.   For example, there is no information about the photographers, models, stylists, and publishers of the work  BESPOKE has been retouched.  (I am sure BESPOKE has a good reason for withholding said information) This information should be sited because BESPOKE studio is a business and it is important that they credit (and site) the artists they collaborate with.  This would also build a “social network” of bespokes professional community.

-  It would be nice if there were more ways to move through the website – perhaps viewing one editorial could link to the studios other related works.  This would probably increase the time people spent learning about the company.

-  The Service Page has very little information about what is actually done at BESPOKE. I understand the idea of having a minimal website but maybe if you could click on these to learn more or see examples of that kind of work.

-  No Search option and very to little information about the work that is featured.  This website has a very specific audience/content so the simple layout works.  If you are unfamiliar with the work on the website it would be difficult to know what you are looking for/at and impossible to search based on any lead you may have.

-  Visible company contact information (phone number or email address) visible always as part of site’s footer – after all this company is selling a service.

This photo agent LUNDLUND website’s layout is similar to BESPOKESTUDIO – do you find it more effective?  It gives you many thumbnail references instead of just one.

Example 2:

NAAG.com, content: Blog – Mix of Visual and Information

Website Pros:

-       Similar to BESPOKE, the use of a clean format, white space, and sleek typography make this airy website easy on the eyes.

-       Clean Simple home page which clearly highlights the four site categories (Culture, Fashion, Places, Beauty) – Information is organized in quadrants based on content.   Posts are published often to the home page and include a related picture.

-       The newest posts are listed above a related image in a larger bolder font than the topic.  Beneath the image are two recent postings. This is effective because the reader can choose what they want to see based on article or category.

-       Once you select a posting to read you are navigated to a page featuring the article.  I like that the content/visuals are minimal.  The categories are now listed in a toolbar to the left of the article.  Very easy to move around.

-      Search option allows you to reference previous postings based on information you remember.

-      The Tool Bar categories drop down viewing sub-categories.  This saves the reader time and allows for specific browsing.

Website Cons:

-       I can’t help but want to view this website in a traditional blog  format – It would be nice to have some sort of option to read the postings in a chronological order.  When websites share information over time it is very helpful to have organized archives (monthly?)  I say this because I don’t usually like to read about just one category – variety is the spice of life?

-       The images featured to represent the articles are not always telling of what the story they are meant to represent.  The image posts represent a story it is important that the image is able to 1. Catch the reader’s attention or 2. Give the reader a brief idea of the story/content… otherwise there is no practical purpose?

-       Once you navigate through the site – (example going to toolbar – culture – local artists) the page only shows an overview of two articles, requiring you to click again to read each.  It would be better to show more full articles on this page because they are very short.

-  I am Undecided whether the most recent post titles should be in a larger/bolder font than the general categories – thoughts?

Example 3:

Newsmap, content: News

About:

put simply this website allows you to compare/customize news based on your interests.  It is visual and for some people (like me) this is easier to read through than a black and white news website… as you scroll over a topic more information and links pop up.

From the site:

A treemap visualization algorithm helps display the enormous amount of information gathered by the aggregator. Treemaps are traditionally space-constrained visualizations of information. Newsmap’s objective takes that goal a step further and provides a tool to divide information into quickly recognizable bands which, when presented together, reveal underlying patterns in news reporting across cultures and within news segments in constant change around the globe.

Newsmap’s objective is to simply demonstrate visually the relationships between data and the unseen patterns in news media.

Google News automatically groups news tories with similar content and places them based on algorithmic results into clusters. In Newsmap, the size of each cell is determined by the amount of related articles that exist inside each news cluster that the Google News Aggregator presents. In that way users can quickly identify which news stories have been given the most coverage, viewing the map by region, topic or time. Through that process it still accentuates the importance of a given article.

Newsmap also allows to compare the news landscape among several countries, making it possible to differentiate which countries give more coverage to, for example, more national news than international or sports rather than business

Currently, the internet presents a highly disorganized collage of information. Many of us are working in an information-soaked world. There is too much of everything. We are subject everywhere to a sensory overload of images, bombarded with information; in magazines and advertisements, on TV, radio, in the cityscape. The internet is a wonderful communication tool, but day after day we find ourselves constantly dealing with information overload. Today, the internet presents a new challenge, the wide and unregulated distribution of information requires new visual paradigms to organize, simplify and analyze large amounts of data. New user interface challenges are arising to deal with all that overwhelming quantity of information.

Website Pros:

- Visual News = Genius

- Use of color to designate topics

- Customizable

(I will continue to add to this!)


Example 4

ICONIQUE,  content: Visual

Also, here is another fashion website ICONIQUE that has an interesting visual layout – however it is chaotic and needs simplifying… do you think it is possible to maintain a layout/theme like this and still share information efficiently? isn’t flash becoming obsolete because of inability to browse via smart phone?  I may have made that up.