Assignment Bank Website Fusion: OANUMW

I’ve fused together the news website One America News with the home webpage for the University of Mary Washington, to create the wonderful abomination One America News of the University of Mary Washington (OANUMW). The combined website has University of Mary Washington’s main navigation bar and yellow notice at the top, but with elements of One America News’ main webpage fused into the design, such as the search bar. Beneath the navigation is One America News’ main headline article for the day, with a mix of One America News and University of Mary Washington headlines within the UMW in the News bar to the right. Towards the bottom is University of Mary Washington news articles with One America News’ red coloration.

This was created by using Google Chrome’s Inspect Element functionality to manually interlace the HTML code of UMW’s home page with segments of code taken from OAN’s front page, which allowed the website to actually somewhat function. Most of the news article links, for example, would still work and lead to their respective page on either website. I thought it would be funny to see what the two would look like together, since both websites had news, but with different political leanings. The original links to both websites are https://www.umw.edu for UMW’s website, and https://www.oann.com for OAN’s website.

Website Mash-Up

For this assignment, we had to mash up two website logos to create a new logo and a new site for the new logo. For this one, I started with just wanting to mash-up Google and Facebook. But I wanted to take a step further and also mash Instagram into there.

Here is the logo when it was just Google and Facebook:

I used the font from Facebook and the colors from Google.

Then I decided to combine instagram to it as well. Here is that one:

For this one, I used the colors of the work from Google, kept the name Facebook, took the blue color from the Facebook logo for the Instagram logo, used the camera logo from instagram and used the font from Instagram for the name as well.

The site that goes along with this new logo is a site where you post pictures and videos, can friend people, and can use it like a search engine. A perfect combination of websites that people use everyday.

I really really enjoyed this assignment. I thought it combined the best parts of what we’ve learned so far in class.

PS: This assignment is worth 2.5 stars…total of 9.5/8 stars this week so all done with mash-up assignments for the week!

Deddit : Logo Mashup

Deddit: Discord and Reddit

InstaChat

Mashup two or more of your favorite websites using Firebug or photoshop. Try to be creative, giving the page a new name, and having attributes of both sites in the page. Take a screenshot of your work to share it (2.5 Stars) http://assignments.ds106.us/assignments/twittr/ The Work Itself: Behind the Work: For this assignment, I had to…
Read more

SoundBook

I wrapped up my assignments with the Twittr assignment for 2.5 stars. I tried to think of an unusual mix, and came up with SoundBook. This is a mix of Soundcloud and Facebook. It is essentially soundcloud with more of a social spin. Users can create statuses and upload pictures/videos in addition to uploading their tracks. This allows upcoming artists’ fans to get to know them more personally while still staying involved in their music. Here is the graphic:

I used canva to crop & merge the two logos after downloading them from google images.

I Mustache You to Check Your Instagram

For my second remix, I chose  the website title mash up. I chose to use Facebook and Instagram because those are my two favorite outlets of social media. When I remixed the assignment, my challenge was to incorporate a mustache into the picture.

Screen Shot 2016-04-06 at 2.28.02 PM

I started the assignment by simply uploading this picture of the Instagram logo into a drawing/editing website called sketchpad.

images-2

I then covered the letters with white paint and added a textbox to change the word to Facebook. I kept the cursive looking font so that it would still match the original logo. Then I imported a picture of a mustache and placed it right below the word Facebook, almost as if the word is the face, which is punny because it is called Facebook.

Here is my final product:

Screen Shot 2016-04-06 at 5.12.00 PM

Website Mashup

My last assignment for the week is my last mashup one. I selected to do Twittr which is worth 2 1/2 stars bringing my final total to 13 stars. This assignment tells you to used a photo editing program to mashup two webpage names. First, I decided that I wanted to use Google and Yahoo. I went online and saved images of each logo and then cropped them each in half. I then uploaded them into Paintbrush on my Mac so I could combine them. This was fairly easy to do except for editing the images so that they were the same size so they would flow nicely. I like how it turned out! It could be a new search engine that  combines sources from both Yahoo and Google. I wish I made the pics a little smaller though because the “Y” is cut off just a tad.

yahoogle

 

Pintergram

For my second Mashup Assignment, I completed Twittr for 2.5 stars. The goal of this assignment is to combine two or more of your favorite websites using a Photoshop software. You want to try and be creative, giving the site a new name while also maintaining some of the elements of each site. I decided to combine Instagram and Pinterest, two of my favorite social media platforms. Instagram allows you to post pictures with filters and captions, while sharing them with family and friends. Pinterest allows you to “pin” or save pictures of fun recipes, outfits, photography, etc. By combining the two, we have PINTERGRAM! A fun and versatile website allowing you to take pictures of your likes and interests, and giving other users the ability to save these pictures in their own folders for later use or entertainment. Here is the logo that would be used!

socialmedialogo

I created this image through Pixlr, an online photo editing software. I simply cropped the current logos for both PInterest and Instagram and then copied them directly next to each other. Then for the image logo, I used the Instagram camera and placed a clipart image of the PInterest logo onto the lens of the camera.

 

SpaceFace

Mashup two or more of your favorite websites using Firebug or Photoshop. Try to be creative, giving the page a new name, and having attributes of both sites in the page. Take a screenshow of your work to share it.

For this 2 star assignment I used the social media sites Facebook and Myspace to create the mashup called Facespace. To do this, I searched google for the Facebook logo:

Facebook-Logo-Wallpaper

 

Then the Myspace logo:

myspace logo

Then using Microsoft Paint I painted over the icons of people in the Myspace picture and cropped the two pictures to create Facespace:

facespace logo

MyFace

ScreenHunter_04 Nov. 13 11.00For this assignment I found a MySpace logo on Google and cropped the “Space” of the logo out.  I also found a Facebook logo on Google and cropped the “book” logo out.  I used paint to crop and combine the two images into one.