Thursday, April 28, 2016

Code Academy Units 1-4 Screenshot


Mock Ups

Questions: 
Presenter

1. What is the goal/purpose of your Non-Profit?
To further innovations to battle mosquitoes in a non-invasive, non harmful way. 
2. What was the 'style' / 'essence' you were going for in your project?
Clean, modern, appealing to many demographics. 
3. Were you inspired by a particular website or item? If so, quickly show.
None.

Audience

1. Which mockup works the best?
The first.
2. Are there elements that work in one mockup that you'd like to see applied in another mockup?
The large top header image with the overlaid text, as well as the bold use of red.
3. Which mockup conveys the message of the project the best?
The first.




Tuesday, April 26, 2016

Wireframes




Project 1: Preliminary Sketch Critique

Presenter

1. What is your Non-profit?
Kite is a non-profit research group that aims to improve global health through a one-for-one project where for every mosquito-repelling patch that they sell, they donate one to a community in need. 

2. What elements were important?
I think that the background on why the region needed these patches was important, and that Kite's humanitarian efforts should have been more prominent rather than the research. I thought that links to buy/invest/donate should have been more visible.

3. What is the general 'feel' or 'look' you want?
I think that the design of the patch has a lot of potential and could be marketed as being trendy, which coudl draw more attention and catch on more. A minimalist, clean design would go along well with pops of color that correspond to the colors available for the patches. 

Audience
1. Does the layout make sense?
The layout makes sense because all the information is located on one screen and is easily accessible. 

2. Are elements easy to navigate and locate?
It's easier to navigate than the original site because it's more understandable and less distracting. 


Blog Post: Typography

Find three websites that you believe has good typography. What about the typography works for you? How does it relate to the theme or purpose of the website?

1. http://www.loveandlemons.com/

Love and Lemons uses a courier-like body font to add a vintage character feel to their blog posts, as well as a custom watercolor texture font on their main banner. It works very well of the theme and purpose of the website, which is homey-feeling cooking blog. 

2. http://www.topwithcinnamon.com

This food blog uses sans-serif font to create a minimalist body and a hand-painted banner font to add style and color. The hand painted font contrasts nicely with the thin, minimalist font used of the rest of the blog. 

3. http://iamafoodblog.com

This blog has a trendy feel, which is helped by its use of all-lowercase serif-type font as a header/banner. Its body font is mostly simple and with serifs, but also uses interesting, sometimes hand-drawn, fonts on top of images as titles. This adds visual interest and is paired well with the plainness of the simple serif main body font.

Wednesday, April 13, 2016

Lab: Internet Cats

Blog Questions

Three websites that store information:

1. Facebook. Facebook saves my search history, my contact information, and information of my activities on Facebook as well as apps I connect it to. It uses this information to recommend me friends, pages that others who like the same pages as I do have also liked, as well s for ad placement. It also saves my login information so that I can easily log in.

2. Google. Google saves my recent searches, as well as what kind of websites I visit and uses this information to tailor its search results for me based on my preferences. It alsop has ad placement based on what I look at, 

3. Amazon. Amazon saves information such as credit card information, address, email, username, password. It stores these for easy access when I order things on their website. It also saves information on things I have viewed and orders I have made, and so it makes recommendations based on this information and also has ad placement tailored to my assumed interests.

Lab 2

Blog Question

Core77: once again, Core 77 has excellent website design that uses imagery well. I think their top navigation imagery with headlining article uses imagery very well to draw attention to the main articles they are featuring.

Tangerine: This jewelry website uses imagery well by using one huge image to greet you on the homepage, which I think if effective because it shows their product instantly in great detail to visitors.

Olive Garden: Olive Garden uses close-up images of food on each part of their website, with other important info layered on top of the imagery. I think this is good design because it's good marketing for their deals and gets to the point.



Tuesday, April 5, 2016

Blog Questions

Question 1: Websites I use

The three most common websites I use daily are Facebook, Gmail, and SmartSite.

I use Facebook as a distraction as well as a tool to stay updated and aware of events and news. I use it to stay in touch with friends but mainly to look at dumb memes, videos of dogs, and news articles from questionable sources. Facebook is supposedly a social network but has become more of a newsfeed of many irrelevant, mildly amusing sources/pages/celebrities.

I constantly check my email to keep up with the daily barrage of emails that flow in constantly and to not miss anything important that comes from classes, organizations, and communities that I am a part of.

I use SmartSite to work on homework and other class related activities. Its purpose is to be an organizational tool for students and teachers to communicate. 

Question 2: Competitor Websites

The competitors for Gmail include Yahoo mail, AOL, and the other various email services available. They are all pretty much identical in form/function, which is simple because the only necessary features are writing/sending emails and a system for organization. I have used many different services and they are all basically the same, but the reason I use Gmail as opposed to these different services is because Gmail connects to many of Google's other services such as Google Docs and Google Pro. 

Question 3: Visually Great Websites

I enjoy looking at the online magazine Core77.com not only because of its great article but also because its format is appealing to scroll through. Its appeal lies in the variety of interesting images that are readily available to see the moment the website is opened, as well as its easily navigable site that takes no thought to explore. It also uses colors well and has a simple structure. Another site I enjoy is Dan Adelesic's portfolio and artist page, which is fun and unlike any other website I have seen. It is intentionally complex to reflect the artist's work and its use of colors and other graphic elements make it interesting. I also think that Twitter is well designed because its format is simple and intuitive to work while also minimal and accessible.