Menu

Digital Media Design

This project was very challenging and fun and now that it’s all drawing to a close I can take the time to sit down and reflect on the things that I learned. It’s been a very quick two – three months and I believe that if we hadn’t rushed things we could’ve made something even more amazing, we could’ve had more time to comment all the code and fix any errors. I now understand the important of Git Hub and how useful it could have been to us if we kept on using it all the way, all the time wasted trying to figure out which version was the most up to date one.

In general a lot of things could have gone better but out of all the things that went bad there were also some great things, accidents happened that led to new discoveries and in turn new solutions, I now know the difference between back-end and front-end work and why they’re different. I’d would say we all came out of this with a solid understanding of what all of this terms mean as well as what they do.

I did however struggle to completely incorporate git into my workflow, and finally into GitHub. I personally used the git bash client for windows and managed to make a repository and upload the early stages of our project folder and ultimately code:

Net neutrality is the principle that protects people’s rights to communicate online openly and freely, Net neutrality = open internet for everyone, it means free speech and no censorship by ISPs. cable and Phone companies could easily monopolise the system by making specific networks faster and slower thereby forcing people to change to their services.

It all started on 2010 when the FCC designed a treaty that ensured that the internet would remain a level playing field for all. This rule and the people that stood up for it got a bit shaken by a recent (may 2014) release of a hidden plan that would have allowed some cable and ISPs in america to discriminate and pay-to-play fast lanes. It all however got refused by people that fought back hard and on Feb 2015, Tom Wheeler (FCC Chairman) announced a new Net Neutrality treaty based on the communications act that would give users the best protection up to date. This proposal got approved on the 26th of Feb 2015.

Before this project started I didn’t have much experience with html 5 or php so things as simple as linking webpages together or linking the JS files and CSS files with the Jquery libraries was a mystery to me, however this all changed and I feel pretty confident about doing it myself now.

Here’s some pictures of the planning of the wire-frames and using bootstrap to accomplish this Ideas:

We wanted to have a search bar inside the fixed top navbar. We also wanted an auto updated cascade of pictures coming into the index page every 30 seconds like show on example 1 and we also wanted a carousel for the main page.

I went on to illustrator to further perfect this design.

This is the navbar template we used for our app, we tweaked it slightly and added a few things here and there but most of it was already pre-done. Here’s the code:

This task was my job, I had to do some research on what made Behance’s and Pinterest’s logos so fitting for their brands, one simple response came out simplicity and modernism.

I looked at Behance’s logo and could pick out minimalism and clean vibes with a hint of boldness and elegance. It’s as if the site is saying, ‘come join our site and grow as a designer after all we’re the best’. Well I guess this is up to interpretation but after all the word Behance is meant to be a clever way of saying enhace but with yourself in it so more like be-enhanced. Apparently according to google it’s meant to sound like ‘Bee-Hance’.

On the other hand Pinterest has more of a handmade feeling to it, Pin your interests… I think about pinterest and I can see cooking and crafts and handmade stuff. The ‘P’ is meant to look like a pin, so yeah that’s clever too!. After gathering all this knowledge from mostly looking and thinking about this websites I decided I would try to come up with some Logos that represented Baffled! to it’s fullest. I would have to think about graphically finding a way to portray an emotion, that of being confused, playful or weird. Here’s some of my attempts:

I put all the logos in a single compilation in the illustrator canvas as shown in the image above to better illustrate my thought process.

This was the finalised version of the first baffled logo using the ‘Cubano’ font on illustrator.

In this version I reversed the colours and played a bit with some minimal texturing, a vector sample of a grunge effect I got online made my life a lot easier.

Played with some other colours also and a 3D revolve and bevel effect, I was looking for different perspectives. I still wanted to preserve a somewhat flat look so I didn’t add too much depth to the extrude.

Same as above but with grunge effect.

This was is what I came up with for our secondary brand.

This is the finalised version of the Baffled! logo with a bit of a quirky character added by the mouth and the tongue of course. Overall I am quite please with this design, It’s hasn’t got the highly-thought out background that professionals delve into but I think it can pass as an alright logo that’s got some weirdness to it and isn’t too complex or boring to look at.