Log in



Categories » ‘Classwork’

Holy Moly

January 4th, 2010 by Sarah Winifred Searle

firstpage

My final semester at SMCC is about to begin, as well as my senior capstone project. In an effort to force myself to actually finish something I have made the graphic novel I’ve been working on my official project, and now if I don’t finish and do it well I will get a very bad grade! I figured with the pressure I’ll finally get it done.

Now, don’t think that I haven’t been working on it at all… as a matter of fact, I’ve done SEVEN versions of the first page alone (see above, click image for larger version). It’s ridiculous, really. From its earliest incarnation in the summer of 2007 to the current (and better), I have gotten stuck in the first few pages.

And it is time to end that trend! Wish me luck!

Web Design in a Team

November 12th, 2009 by Sarah Winifred Searle

In Advanced Web Architecture we have taken up the responsibility of working in teams toward the production of a veterinary clinic’s website. I’ve never worked with others on something like this before, so it will be a real learning experience.

What sorts of roles are there in these groups? I used this handy article as a reference.

Project Director/Manager: While I am totally in favor of democracy, having one person have the last say and general manager of the project would keep things moving much smoother than relying on each person to keep up communication, timing and standards.

Chief Designer: This person would most likely have the keenest sense of visual design and would be responsible for things like mockups and graphics. My team for this assignment will be sharing this responsibility.

Programmer/Developer: This person would have a better handle on the technical aspects of the website, and once given the visual design and bare bones, could bring it to the next level with more complex coding and various extras such as logins, store capabilities, integration of sound and video, etc.

Peons: I’ve found that the majority of job listings for graphic design firms are “assistant” positions, aka responsible dirty work for the above. Minor graphics, basic coding jobs and coffee running are good examples of their work.

If one of these team members doesn’t pull his/her own weight the result could be rather catastrophic to the whole, especially as each person has his/her own specialty unfulfilled by the others. Having a project director/manager would be essential in this case, as that person could have the power to whip the slacker into shape or find a replacement when they first begin to slide.

We haven’t chosen a design to work from yet, but here’s my contribution:

vetsite

Classmate Reviews

October 25th, 2009 by Sarah Winifred Searle

For the second part of the assignment I posted last week, I will take a look at some of my classmates’ work and review it.

First I would like to take a look at Emily Jackson’s design for “Black Rabbit Media”.

Emily Jackson

I got excited when I saw this because I really enjoy the aesthetic of well-used negative space. As a matter of fact, it immediately made me think of a piece by one of my favorite artists, Aubrey Beardsley:

beardsley

I really enjoy Emily’s choice of colors to contrast with the black and how she integrates organic shapes into a very graphic, modern design. I absolutely love the thistle navigation and imagine it having very charming rollovers when finished. It may do better a little smaller, though, to better balance whatever content she may add and not to overpower it.

The feel of the top title is great, but I think she could take a little more time to integrate the organic branches/trees into the rest to make it look more like a horizon. It would look far more seamless and integrated – a far cry from the stark, clear boxes and forms of a government website or a bingo sheet, but purpose dictates form in web design. Something Beardsley accomplishes in his work above is he utilizes the interesting shapes and details that make up the women to bring the flat black forward and make it more intriguing; perhaps that can be done by some tweaking with the shape of the horizon and the forms of the trees? The logo in the center could also be tweaked in size to create better balance.

I also think the gradient could use some more definition, perhaps by adding some glints of stars in the indigo where it gets darker?

I look forward to seeing how this turns out!

The second person’s work I chose to review is Mike Irish’s, especially his “outside the box” idea:

Mike Irish

He stated in his description that he plans on using Flash to warp the shapes when clicked and morph them into elements of whatever page you’re directed to. I think that sounds pretty awesome and I’d love to see it come to life. The only issue I have with it right now is that while the concept is pretty great, the example he posted makes me wonder if he plans to put more work into the concept before bringing it into Flash.

The black-to-white gradients don’t work very strongly and the “star” background reminds me so much of the Photoshop default gradient options that I feel it could use some more time for the sake of uniqueness. I would like to see how the shapes might change for each page before I comment on the arrangement of the ovals.

Another great thing about this design is the simplicity, something he also mentions in his description. I can see how using lots of colors and different shapes would be distracting from the content so this might be an ideal starting concept, but I’d really like to see this after a little more time has been taken to tweak the use of gradients and style.

New Portfolio Design Ideas

October 17th, 2009 by Sarah Winifred Searle

For Advanced Web Architecture we have been asked to create website portfolios for ourselves. I already have one, but I don’t really like it. (I didn’t like it so much that I didn’t even finish adding content, whoops.) As you can see, the design leaves some to be desired:

newsite

And so I have been working on new redesigns to fix up for the class. I really like the aesthetic I have going with the original, so I’ve been building on it to make it more sexy.

Here’s the first version of a flexible design I was considering:

design1

It was still way too simple, so I continued to expand upon it.

design2

I’m pretty pleased with how it’s come along. I’ll probably continue to change it, but I think I have the general look and feel down. I decided against flexible design because of the header I wanted and how it’d be so difficult to put together correctly unless it’s fixed. Overall it’s much less image slice-dependent than my other designs, so that’s kind of nice.

Constructive criticism is greatly needed!

Making the Most of Your Blog

October 8th, 2009 by Sarah Winifred Searle

For Advanced Web Architecture this week we’re supposed to utilize some of the things Mr. Franklin (see last post) went over during his presentation. He used a personal server installation of Wordpress like I already have, so there’s one thing already that could count for this assignment.

We went over using different themes; I already have a large collection in my themes folder here and change mine fairly regularly. He covered widgets, which I already used to cover another assignment. The picture to the top right of my blog is an html widget for placing my own code, whether it’s an image with a link, a blurb about myself, etc. I also use widgets to display my archives, categories and links.

I am already acquainted with plugins as well. I use Akismet, a comment filtering system that collects spam in one folder and sends me emails when a real entry is made for my approval.

I’ve been playing with things like this for a long time, so not much of what he had to say about Wordpress was new to me. For this assignment, just to do something new, I played with a couple gallery plugins but didn’t really care for them. I would rather create my own gallery on a separate web page than in the blog.

I guess I’m just picky.

My Future

September 30th, 2009 by Sarah Winifred Searle

This past Friday we had a guest in my Advanced Web Architecture class, Matt Franklin. He graduated from my school with the same degree I am about to earn by this spring. I admit, before attending SMCC I held a sort of stigma toward people who went to community colleges instead of “real” schools. This view has completely changed and I really appreciate and enjoy the opportunities this education has brought me, but I’m still concerned about my future with this degree. After all, it’s still an Associate’s, and I still feel limited without a Bachelor’s when I check out many job postings.

I have devised a plan of sorts which I have begun this fall. It is in three tiers: “ideal”, “back-up” and “if all else fails”. I have put a lot of time and thought into this since this past spring and really feel these are my best choices.

montserrat-logo2

IDEAL: Transfer to Montserrat College of Art, a four-year institution in Beverly, Massachusetts and choose the self-designed major. My major would combine new media with the arts, somewhat like a triple major in technology, graphic design and illustration.

The school is in a great location, has my desired major and is the type of institution I really feel I can thrive in. I need to attend an open house before I can truly attest to its relevance to my needs, however. Will it be competitive and challenging enough to push me to my limits? Is the atmosphere something I feel comfortable with?

The biggest downside is cost, and considering I will ultimately depend on scholarships and Federal aid, the steep tuition (plus what I might pay for an apartment) may not be covered. In that case, I will fall back on…

USM_logo_footer

BACK-UP: Transfer to University of Southern Maine, another four-year institution here in Portland, which also offers a self-designed major. I would do the same thing there as I would at Montserrat, but if I can avoid going to another school in this area I would (I have already attended two, between MECA and SMCC).

I feel the need to grow up a little away from home and experience new surroundings, so I would be reluctant to picture myself completing my education there – but who knows, maybe I could transfer again, or do a program where I could travel. I’m a bit afraid that because USM is a state school that I will lack the challenges I feel I need to really push myself, but I don’t want to talk down their art department until I go check it out myself. I plan on making an appointment sometime this fall.

USM is an excellent backup considering its partnership with the Maine Community College System and its reasonable price. I will still rely on scholarships to fund my education here, even if Stafford loans will cover most of it. I could still live at home, at least for the first leg, saving a great deal of money. If that somehow doesn’t work out…

harvard_logo

IF ALL ELSE FAILS: I will go out into the world with my Associate’s in New Media and see how I manage. There is a fairly regular amount of decent job postings I am eligible for between the North Shore and Portland on Craig’s List alone, so I feel confident I could get some sort of job relevant to my degree.

While I am doing this I may consider attending Harvard Extension School, the college from which my mother graduated. She was in a similar situation to mine, where she dropped out of school when she was young and decided later on to finish. At that point she had a family, though, so she chose to attend night classes. Harvard Extension School, of all places, accommodated her the best.

The Extension School offers ALBs (fancy Harvardian for Bachelor’s) in various concentrations, one of which is studio arts and film, which is right up my alley. If I join the Phi Theta Kappa honors society I would even be eligible for a scholarship that would cover my three preliminary classes that determine acceptance and eligibility for other financial aid. In spite of Ivy League schools’ pretentiousness, they do have some of the most excellent aid available considering their massive endowments, and that could work to my advantage. (Applying to their regular undergraduate college is out, however; they will not be accepting transfer students for quite some time.)

Choosing where I go next is going to be the biggest life-changing decision I have ever made. If I go to USM almost nothing concerning my current life will change. I will probably continue to live with my parents and work the same day jobs I have had for three years.

However, if I decide to make the leap and go for Montserrat or Harvard, chances are I will be obliged to move closer to Boston and make my first step as an independent young adult. I am at an age where I can’t expect to live as easily as straight out of high school students, so moving down there would consist of having to find a new job(s), an apartment and giving up the security blanket of having my parents’ support.

So stressful!

College Site Redesign

September 24th, 2009 by Sarah Winifred Searle

I have received an assignment to redesign my college’s website according to the smarts of this guy here:

jakobnielsen

There is nothing in the basic website design I believe he would find offensive that I can really show with a quick mockup. The Southern Maine Community College site’s main problem is in its functionality; links lead to dead ends, the search engine doesn’t work properly, etc. The only usability tip Mr. Nielson gives that SMCC could benefit from, aside fixing basic things like that, would be to use the “breadcrumb” method of organizing subpages instead of using cluttered sidebars on both sides of the page.

Because those issues would be difficult to solve with a simple “Photoshop sketch” I have opted to simply redesign the home page, take out anything I find unnecessary or obtrusive and replace with my own ideas.

redesign

(Full version here.)

It’s difficult to do this properly without content for the example, but the main changes were in simplifying everything. I found the left sidebar to be unattractive and poorly organized, the “quick links” not relevant enough to most browsers that I would keep them. The slideshow is gone, along with its silly comments, and would do well replaced by a simple banner or tasteful image portraying students enjoying their education. I kept the three news boxes at the bottom because I found they could be put to good use, for example announcing open houses, upcoming events and student activities.

My boyfriend had his own suggestions, too.

TEMP-Image_1_1

He has some valid points, I think.

Blog Reviews

September 13th, 2009 by Sarah Winifred Searle

Our first assignment from Advanced Web Architecture (my wonderfully early Friday morning web design class) is to review three blogs: one pertaining to media, another technology, another entertainment.

Cartoon Brew

"Each day, Cartoon Brew brings the latest news and trends in animation to over 10,000 different artists, entertainment execs and cartoon aficionados." - CartoonBrew.com

I have chosen to review Cartoon Brew as my “media blog”. At first glance it may seem to fall more into the entertainment category but their handle on relevant current events and sharing the history of the medium makes this blog well-rounded and intelligent, setting it apart from many that only concentrate on upcoming attractions and fandoms.

One example of this is a recent article, Luxo sues Pixar/Disney. They were also quick to share the controversial news of Disney’s purchase of Marvel Comics, spurring an amusing collection of commentary artwork. Here’s an interesting article that takes a look at an overlooked part Disney’s history: Disney artists write home during WWII. Also shared are fine art events, such as times and places of particularly interesting exhibitions.

Cartoon Brew

They utilize a two-column design with a simple theme that is clean enough to feel official, yet just stylized enough that it has an appropriately cartoony atmosphere. The tag cloud at the top right of the page brings good balance to the basic header and often colorful content on the left.

The right sidebar has quite a bit of information but is well-organized, containing only relevant tidbits such as well-placed advertising, networking links and plugs for other sites. The navigation is kept easy and efficient with minimal extra pages and a clean design.

Well-organized and always interesting, that blog will always have a place in my RSS feed.

Now that I’ve written about a site I absolutely love, now I’m going to choose one I am not so keen on. I don’t keep up with any techie-type blogs (except maybe Comicpress updates) so I had to do a Google search.

uber1

I guess the logo's kind of cute...

Out of the top results I found when I Googled “gadget blog”, Ubergizmo is the one I felt the least inclined to spend more than ten or so seconds reading… and then I realized that, after such a glowing review of CB, I should perhaps take something I can dissect with a more critical eye.

The content of the website itself is nothing to crap on too much, it’s actually written pretty well and seems to be informative… at least from the bits and pieces I’ve picked up. I had little interest in exploring the content because the design of the site failed to draw me in, but what I read concerning a review of the OneShot Camera concept was intriguing enough.

uber2

A common mistake I see in blogs is the failure to really utilize the customizability of blog themes and arrange thing in an organized, attractive manner. It seems unfinished in a lot of ways. The sidebar content isn’t aligned and the bottom of the page kind of drifts off into nothingness. Navigation has been tossed in seemingly randomly in a place I kind of had to search for, and by the time I found the “About” page I had lost interest.

Another trend I noticed specifically in techie blogs is the emphasis on utility-based designs; no non-sense, they tend to be plain and efficient in every way. This works very well for some, but I think Ubergizmo loses that with its hard-to-read lime green on white text and haphazardly added sidebar content and ads.

This site has decent content, a cute logo and a lot of potential. Its design just needs some tweaking, some simple organization would do wonders for them. Kudos for making it in the top five sites on my Google search, though, apparently they’re doing something right!

The last blog I’m going to review is Gorilla Artfare, probably the #1 entry in my RSS feed that I am always excited to check. I’ll throw it in the entertainment category as it’s an artists collective, and many of them do concept art for games and movies and other projects you’d hear about on more general entertainment sites as well.

ga1

It’s really hard to find anything critical to say about this blog, but that may also be because I’m biased. Generally it is simple yet tasteful, the focus completely on the art. The sidebar contains little content, only some links to networking sites, the featured artists and friends being of interest. I almost expect more, though I appreciate that they make the effort to exclude advertising.

ga2

Some of its best points are also those that I am unsure about upon further consideration. The neutral background color is advantageous for the display of many types of art, but it also manages to turn everything but the content into a sort of beige mush when I’m not concentrating on the design itself. The simplicity of the blog is refreshing, but at the same time I find myself wishing there was some more content somewhere, or some treasure to be unburied like with many art sites.

My only real complaint is the fact that the graphic-intensive entries make for very low loading times at some points and has, on many occasions, caused a bit of impatience. It was worth the wait in the end, but for new readers or people skimming through, that could hurt its draw.

The content is pretty amazing, though, so even if it is slow to load and the design overall not too interesting, I’ll always look forward to the next update.

  • You are currently browsing the archives for the Classwork category.