Adv. web design reflection

Throughout this course I have learned that webdesign is taking many forms and being able to have a site that reflects the brand on all these different platforms makes your brand that much stronger and having all those sites connect to each other. In terms of mobile site, it's not just importing the full site on mobile devices but it having it's identity as the constraints on the mobile site are different than on desktop as well as what people expect and want from the mobile version of the site.

Boss fluid update

The fluid site for boss coffee is moving along at a steady clip. I have the navigation above the header with the boss coffee logo and the cityscape beside it. The navigation is similar to the full site with the bars separating in between. I kept a white background since it gives the site a openness as a colored or cityscape background didn't work as well as the white background does and makes it more blocky. The biggest change is instead of having two main content boxes and three below it, the fluid site has just two info boxes, one highlighting boxes with three buttons to change the product pic in the box with either pics or text info on the left side depending on the page. Since it is a coffee site having too much info or going on may distract form the product by having too much content and it is a coffee site, so there is only so much information you need unless you have stores or other presents in the marketplace.

responsive site pt.6

A solid site that does a pretty god job of transitioning the site across 3 platforms. I like the simplicity of the site and it uses the space given pretty well. I like the header and nav. bar though I might of tried to see how the header/nav looks a little bigger since there is a bit of space in between the header/nav and content. I might move the featured work to the top and move one of those text boxes on the 2nd tier of content to mix it up and to put the work front and center. The mobile site looks unfinished and to horizontal, I would split up the nav and just have featured works and about the company on the front page of the mobile site.

responsive site pt.5

Another responsive site that has some nice elements but needs some tweaks on all three platforms to get to the next level. First her name could be moved to the left and the nav. next to her name or if you want to keep it then maybe add some type of a design since it just feels awkward in the middle like that. Also the pics seem a little rectangular which can be a problem especially on the smaller platforms. So I would do 3 pics of her crafts to levitate that problem.

responsive site trends

After looking through some examples of responsive/fluid sites on the web, I have noticed a few things like a number of sites having large navigations and when on smaller platforms the navigation becomes smushed and uneven as there are so many buttons and they are often 2 lines long and if you have or want to keep that many buttons without combining them then breaking it up and have the most important ones up top and the others on the bottom. Also it seems where the responsive sites hicupps are on the mobile site as those tend o have the most issues when compared to the other sites but generally the full site and the tablet version tend to fair pretty well and the tablet version tend to be the best layout.

responsive site pt.4

Another example of a site that translates it's site across 3 platforms. The overall look and feel of the site is pretty nice with a pretty good layout but I feel like the navigation is too big and combining some of the buttons will help levitate that and will help translate to other platforms better since specifically on the phone the navigation is very bunched and 3 lines long. Also I would move her name to the left as the central look doesn't really work. I like the focus on the pics though on the phone site the pic with the gray background kind of throws me off a little so maybe a pic with a lighter background as that top pic might fit in better.

responsive site pt.3

This simple site has some potential and nice groundwork but needs some tweaks/changes here and there to reach its potential. The site does a god job of translating to other platforms and keeping it's identity but there seems to be a lack of content on the site, it seem a little bare. I think the nav. bar should be moved above the pic as the nav. bar seems to get smushed and lost by the pic and i don't like having just text underneath the nav. as it sort of blends together. Also the site seems a too centered a can use some other elements to make the site more lively.