Showing posts with label opinion. Show all posts
Showing posts with label opinion. Show all posts

Friday, April 24, 2015

A Review of Webflow

  Webflow is quite the ideal website builder for those who have a bit of knowledge about designing and code. There is a small learning curve, but after spending an hour or two on the site, navigation becomes almost second nature. Webflows allows its user to start with a completely blank canvas or use a few of of the free templates they offer. A positive about Webflow is that while the main focus is to visually edit a site, there is also the option to focus on its code. It also allows the user to host the site on their own server.


  When creating a website in Webflow, the site takes you to what they call "The Designer". This is where the creation and customization of sites begin. Once of the most glorious features of Webflow is that it automatically makes the site responsive (see #1). The icons at the top of the page allow the user to manipulate the site and see what it looks like on a desktop, tablet or mobile device. Another nice feature of Webflow us that similar to dreamweaver, it tells the user what is being selected (see #2). Knowing what is selected is helpful in that it aids in making sure things being changed are supposed to be changed. Whatever is being selected will have a blue highlight around it and a small blue label in the upper left corner. Again, similar to Dreamweaver, Webflow has a small menu on the bottom left corner that also states what is being selected and edited.

  When in "The Designer" the user has two menus on either side of the screen. The one on the left, is to add divs, text, heading etc to the site (see #3). They are grouped into sub menus such as "basic" "typography" "media" and "forums". The on on the right is to edit whatever has been edited. To add something to the site, simply click on "add element" and drag out to the main part of the site.

  Then head over to the right side and customize it (see #4). Change the padding, height, color, type. Most adjustments can be done manually or just by clicking on the arrows featured on the right side menu. Like the left side, the right side menu is sorted into sub categories like "position" "typography" and background.






Friday, September 26, 2014

Storytelling vs. Reconciliation

   We tend to listen with our fingers in our ears, meaning people only hear what they want to. It is all to easy to dismiss someone's opposing opinion with a simple "you're wrong", but in order to understand anything, we must listen and understand the opposition. Ever since we were little, our teachers and parents have taught us there are always two sides to every story. This valuable lesson plays an important part in workaday life.

 The death of Michael Brown was a tragic event, as well as the proceeding unrest in Ferguson. The police are still trying to piece together the broken shards of what happened, but it is clear there are two sides. Some say Michael Brown had his hands up and was fleeing Officer Wilson, while others object that Brown was a dangerous, posing threat to the Officer. The media undoubtedly showed bias to one side or another. There were very few reporters and writers that maintained an objective stance on the whole of the situation. This brings about questions surrounding the future of news media outlets. If any of these outlets cease to preserve the smallest bit of objectiveness they have left, who is there left to trust?
   A few weeks ago, my e-Comm teacher told us that he sometimes prefers the BBC website as a news source, rather than sites like CNN or The New York Times. He then went on to say that the BBC often has a more unbiased and objective view than any American news media outlet. Is this what happens when we feel like we can't trust our own news sources? Do other countries find America's stories about their own country, less biased?
   When a story or event blows up globally, it is everywhere. Proof from campaigns like "STOP KONY 2012" show how fast a story can spread, especially if promoted over social media. The video and posters for this campaign spread like wildfire, but after a couple days it became apparent that the "STOP KONY 2012" campaign was not 100% truthful. Despite the "one-sidedness" of stories being spread over social media, their rapid spreading can be an incredible tool if used right. When the revolution and uprising in Syria began, social media became a more useful tool than anything else. The residents, rebels and refugees of Syria used social media expose what was happening — that is before the Syrian government shut them down. Even thought the exposure of the unrest was brief, it was enough to get people's attention and take action.
   Social media has become and incredible tool for situations like those in Syria, but some countries do not have this luxury. China, and some other Asian and Middle Eastern countries do not have access to social media. Twitter, Facebook, Youtube, even Google is blocked. This is not because any of the countries are in a rural area or underdeveloped, but because the government decides what they want the people to see. For America this is a terrifying thought, and makes us wonder what kind of news China is fed. This proves that the levels of "bias-ness" have also flooded into politics.

   While the future of news media outlets is not set in stone, it is certainly headed in the wrong direction if it continues on it's current path.

 Peace in Ferguson - Casey Neistat

Tuesday, February 18, 2014

CASA Superhero 5k Run: First Endorsement Website

     About 8 weeks ago, my friend Erin and I were approached by CASA of Kansas City. CASA (Court Appointed Special Advocates) is a wonderful organization that assists in legal cases involving abused children, giving them a voice in court. We were asked to create a website for their first ever Superhero 5k Run. A meeting was set for the date December 5th. It was a little nerve racking, this being our first endorsement project, but the women we met with could not have been more kind. We met with Di Topjon, the Events & Communications Manager for CASA of Johnson & Wyandotte Counties and Kris Mattern, their Marketing Chair. They informed us that the Event Planner for Jackson County, Lara Klover, could not make it to the meeting, but we would surely be in contact with her. Our first matter of discussion was when they would like the site to be up and how we would go about doing a WordPress site. Erin and I had never used WordPress, but liked the idea of experimenting with it. Also using WordPress allowed Erin and I to work on the website outside of the classroom. After the meeting our teacher Mr. Olson explained the bare bones of WordPress and let us go from there! 
     After messing around with WordPress, we became a bit more comfortable with it and started to add content. We received many emails regarding graphics, content, website layout and were encouraged to ask questions if in need of clarification (We asked many questions). This project was presented to us about 2 weeks before our winter break. We vowed to work on the site at least a couple hours while we were off. This would've gone as planned, but the domain name the server we had the site on expired over break. This prevented us from working on the site outside of the classroom. When we got back from break, Mr. Olson let us know what was going on. While we weren't able to work on the site outside of school, we were still able to work on it in school. This now meant that we would have to stay after school if we wanted to get hours in for the site. Staying after school actually helped us though. It gave us more time to marinate in a creative environment and we eventually changed the theme of the site. The theme we had changed the site to looked great and motivated us to work on the site even more. Erin had conflict with staying after school so I messed around with the design aspect of the theme, while she focused her attention on entering content. 
  Mr. Olson and Kris Mattern pushed through the complications of transferring the site to a new host and the site went live on February 11th. Working on this Project was a great experience and boosted our confidence as designers immensely. Getting "real-world-experience" is helpful in that it required us to step up to the plate and take charge. All together we ended up spending 56 hours on the site. Erin worked for 26 hours and I worked 30. Working on the CASA Superhero 5k Run website was an incredible and much enjoyed experience. 

The Website: CASA Superhero 5k Run

Screenshots:


















Wednesday, December 4, 2013

Social Media Can Effect Your Future

     The New York Times recently released an article written by Natasha Singer. This article discusses the involvement of a students online image in the college admissions process. The article provides an anecdote of  a young girl who applied to a college in Maine was rejected because she posted derogatory comments about her fellow students on Twitter. This girl is surely not the first to do this, but her story caught the public eye and created much controversy. Now students are left to recall anything they have posted online that could threaten their future.
     My online presence could be somewhat notable through my number of accounts, but not enough to effect me in a significant way. I have a Facebook, Youtube, Tumblr, 8tracks, Twitter, Instagram, and Blogger account, but not much else. None of what I post on any of these sites promotes a negative image for myself. I don't post much on Facebook or Instagram and my Twitter account remains dormant. If anything the most questionable aspect of any of my accounts would be my music taste on 8tracks.    
     I think it is incredibly fair for future employers and schools to research an applicants online presence.  If the student posts something questionable online, it is entirely their own fault. Because of people's poor judgement regarding what is appropriate to post and what is not, schools have resorted to teaching these basic concepts to high school students. It is embarrassing that the disregard for inappropriate status updates, pictures, and @mentions has led to this. 
     What I find particularly perplexing is that all through middle school we were told that whatever we put online is permanent. We were lectured on the use of the "delete button" and how in a few seconds hundreds of people have already seen what we so desperately wanted to delete. Six some years ago it was vital that kids understand a picture or status could be pulled from cyberspace even if they thought it was long gone. Now administrators are teaching kids to "cleanse" their online presence and "sanitize" their digital image. If everything is permanent, how is one supposed to make their digital presence immaculate? 

Thursday, November 7, 2013

KC Redesigns Logo


   Graphic designer Emily Elmore has created much talk, regarding her new logo design for KC. Elmore provided this re-amped logo to the Kansas City government free of charge. Opinions about the logo came pouring in, and most of them were not pleasant. Many people have called the logo a "boring...monogram...". Despite the high criticism that surrounds her logo, Elmore has defended it stating "Any press is good press". 

    Redesigning has recently become a trend and many are leaning towards simplistic, contemporary designs. Elmore pulled from many sources of inspiration to create this new logo. The interlocking K and C reminisce of old sport team logos and the C and H found on the doors at city hall. The seriffed font keeps it somewhat traditional. Although the seriffed font ties the logo with some of Kansas City's past, the bright mint green is what some might call "contemporary". Kansas City is a city that has much depth, and it's logo should do it justice. Officials of Kansas City only see the redesign as an opportunity to bring the city and it's past into the 20th century. 

    I do not like the new logo at all. I don't feel that it embodies the vibe of Kansas City and it is an idea everyone has seen hundreds of times before. The interlocking K and C is an old design that has been around forever. The mint green and grey contrast very nicely, but I don't like them in a logo for Kansas City. The logo is very clean, but clean can also be a synonym for boring. Clean and simplistic design should still be eye catching and original. 


Thursday, October 24, 2013

Dont Make Me Think: Krug Ch.3

Krug Ch.3 Project

This website has lots of background noise. Even though the background is black and white it is still very distracting; the flashing graphics in the corner of the page do not help.Versace 








Google is one of the most well know sites and it is very easy to use. The main page really has only one clear purpose and that is to search something. The basic primary colors and white background eliminate distraction. Google





This website does not clearly indicate what is clickable. It appears that the underlined phrase "WIIFM" is clickable because's its underlined and bolded, it's not. Also because all of the content text is white it becomes hard to decipher what text is information and what are links. Natalie M. Fashion Show




MoMa has a nice site where you know immediately if something is clickable or not. Most of the links have a small red arrow or are in a different type in order to indicate if it is a link or not. MoMA







Pintrest is a site that has awful organization.  Nothing is split up into defined areas so the user must scroll through the site with their eyes "bouncing". This can be very inconvenient if the user is looking for something very specific. Pintrest
Lookbook is a fashion site that is very well organized. The navigation is incredibly easy and it is very easy to find a desired search. Lookbook allows users to search by clothing item, designer, date, color and country. Lookbook clearly defines where everything is and clearly shows what is offered in its layout.
Lookbook






8tracks is a site that uses conventions very well. They indicate a "+" sign to expand something, house to represent the link home, A triangle to indicate play and numerous others. Conventions with music sites can be especially recognizable. 8tracks


Apple takes a "less is more" approach to their website. This helps clarify a strong visual hierarchy. Apple uses bolded and enlarged text to draw the users eye to it and then gradually move down to the small text. Doing this allows the user to find what they need quickly. Apple




















Tuesday, October 22, 2013

Don't Make Me Think!

Don't Make Me Think!

A web page should not require the user to put effort into thinking about something that should be effortless. A web designers job is to eliminate a users "question marks" and make the navigation as easy as possible. The page should not only be self-evident, but self-explanatory.



This website has numerous problems with it. A lot of questions pop into my head when I look at only the homepage. First of all I have no clue where to look first. The four column layout is very distracting as well as the bold type in the boxes, not to mention the crazy amount of color. Another question this site provokes is "What is a link?" The scattered boxes in the four column layout could be links, but there is nothing to indicate they are clickable.  Pinesol


Another site that has many problems with it is the U.S. Versace site. From a design aspect, the background is incredibly busy; even though it is black and white it does not as as a background to the brightly colored boxes in the three column layout. Also many of the links are at the bottom of the page. This is not an issue when browsing, but if someone was looking specifically for something on this site, it would be ideal to have the links at the top of the page to ensure that the user finds what they are looking for quickly. Versace


RVCA's site has awful navigation. It is unclear what any of the linked boxes link to. You much hover over each one to see what the subject matter is. While the design is very clean and organized, it makes it hard to know what is clickable and what is not. RVCA's drop down menu for "shop" is a slightly transparent , textured background. This makes the text very hard to read and the grey font color does not help their case. RVCA


Friday, September 27, 2013

Design Case Study Summary


    Playground is a digital creative agency located in Canada. The company has been around for 4 years and is continuing to grow and expand. Playground helps their clients broaden the horizon in terms of creativity and innovation. The team at Playground is always looking to add a sense of exuberance to every project they work on and felt their branding should represent that. This year Playground decided to take on the task of rebranding.



An image of the original Playground Inc. logo.
PLAYGROUND LOGO CIRCA 2009


    First they started with the logo. The original logo for playground used a simple sans serif font in a standard shade of grey. The "O" in "Playground" was purple and elevated above the rest of the other letters. Light grey dashes are placed over the "G" and "R" so the "O" is depicted as a ball bouncing. While the logo was very playful and clean the colors made branding very limiting. While purple interprets a slight whimsical vibe, it is a very finite color and Playground desired to do more. The name of the company conceptually ties into Playgrounds approach to everything. The logo needed to represent the dual meaning of work and play. After a great deal of time the creative minds at the company came up with a logo they were very pleased with. The new logo illustrates a deep purple hexagon with rounded edges. Inside the hexagon a white scripted "P" is placed. To the right of the hexagon is "playground inc." is presented as a sans serif type face in black. Many people felt the new logo was a bad combination of the "P" in Pintrest and the hexagon in Simplebits. Eventually Playground realized they needed to push further and find a new, fresh and timeless identity for them to take ownership of.                                     

NEW PLAYGROUND LOGO


    Playground was left with ambition and inspiration from the branding work of Paul Rand and Massimo Vignelli. They took it upon themselves to create a simple, but bold logo that was both geometric and timeless. Playground felt the hexagonal "P" was very geometric and clean while the color red makes the brand appear very approacable. The color red doesn't have as many limits as purple giving the brand a fresh and fast feel. 

The final Playground logo
PLAYGROUND LOGO 2013

   Rebrand sounds like a death sentence yet it can launch a company into many new ares and provide new opportunities. I think that rebranding can either help or hurt a company. This is illustrated with the development of Playground's logo. If you look at Playground's logo from 2009 and then the 2013 one there is a notable difference and feel between the two. More and more companies are rebranding themselves, trying to create a new image for the new age. If anyone should learn anything from rebranding it should be that simplicity is often the better option. Simplicity doesn't mean a boring corporate logo, but something that is fresh and modern.