Tag Archives: school

Process Post #5 – Explanation Behind My Design

To be blunt to start off with, I didn’t really want to make many of the suggested changes my peer, Jesse, suggested because many aren’t pertinent to what I’m looking to do with my website. That’s not to say that my blog is perfect as is (otherwise he wouldn’t have brought it up to begin with), but the design decisions made do have a reason.

So let’s go through all of the suggestions from Jesse! Perhaps this’ll provide insight.

So to begin with, Jesse states something that captures everything I want to portray: “I did like in your title how you used the parenthesis’ around the ‘s’. It made me think video games and gave me nostalgia reflecting on arcade machines and dusty old arcades.” (Jesse Finkle, 2017). Yup, you nailed it. I even custom drew the background to be an arcade machine, with the arcade screen being replaced with my content posts. Scroll to the bottom and you’ll see buttons and joysticks. Sometimes the image gets scaled funny due to screen resolution, but that’s really the least of my worries.

But then: “Moving on, I wasn’t feeling the colour scheme. I think a different background image would help people connect quicker to the game design idea.” (Jesse Finkle, 2017). I’m not an artist, I get it. But it was better than grabbing a stock photo of some arcade machine that’s either watermarked or copyrighted. Due to copyright.

Moving on, he brings in a quote from Travis Gertz:

“Whether it’s a lack of our own critical thinking or external pressure clamping down, we shy away from carving our own path. Originality is risky. It’s difficult to quantify and defend. Why try something new when someone else has already tested it for us?”

And then: “Concerning the website, I feel like you have been playing it safe, colouring within the lines, and not challenging what is ‘supposed to’ be there.” (Jesse Finkle, 2017). Excellent quote, and a fair argument. Except the background art is original and drawn by me, with coloring within lines being what little I know of art.

What’s next? The elements in my sidebar. The search bar I’ll explain later below, but having the archives isn’t a bad thing. I pretty much would like to keep that there for posterity. And to see how much content I make in a given month. Jesse also suggests a link to my ‘Game Development’ category. My entire homepage is the game development category. Nothing else shows up on my homepage other than game development posts. My home button leads to the homepage.

But, considering this is for school, I do have to make at least one design change. Thankfully PUB101’s assignment criteria for process posts aren’t specific in the least, as in the case of when I casually dismantled the Posiel website. They say to write what you know. So in the case of the criteria wanting me to make at least one design change, this means to me: “make the most minor change suggested that I agree with (removing one of the search bars) and still qualify for the criteria. After all, I wouldn’t want to lose marks, would I.

So that basically sums up all the changes and suggestions I’ve received. If you’d like to see Jesse’s full review, check it out here, as well as his blog about Instagram photos and the storytelling that goes with it.

That’s all for now. So the next time someone says I’m being lazy, hush. I’m being strategically lazy.

Insert Coin(s) to Continue

Peer Review of @jessefinkle

I’m going to be reviewing Jesse Finkle’s blog: @jessefinkle, a blog about Finkle’s photos on his Instagram, and stories behind some of those photos. During this review, I’ll be going over the design and layout of the blog itself. Let’s dive right in.

Upon visiting the site, the front page doesn’t convey much information to the reader, so my first instinct is to scroll down. Considering the background is white, grey typography isn’t the most ideal color to be using. Perhaps switching to a more bold color or even the standard black would make it easier to read. Other than that, the actual content is easy to traverse through, as the posts contain many pictures to break up the text and make it easier to read. For a blog about visual art and storytelling, you can be sure you will get what you came for. The many photographs help the reader greatly in following along with the storytelling.

My next point brings me to the general layout of the navigation. I mentioned earlier how the front page doesn’t convey much. To elaborate, my eyes are caught on the “Hello Peeps”, and is continually drawn down to the green button. However, I don’t know anything about the site or the author, so I’m not very inclined to click it. Noticing there’s more content south of the opening real estate, I scroll down, further ignoring the menu bar. I would have preferred the menu bar be more visible, perhaps with a color that stands out to the reader. Navigation being an integral part of accessing the other parts of the site, giving it some attention would benefit the blog greatly.

The about biography could be moved to the very top, just below the menu, and swapped with the green “Preview My Visuals” button so that the reader will know what they’re getting into before pressing the button. This goes back to what I mentioned earlier about ‘real estate’, where its very important to hook your reader into your site. Even providing some of the photos from his Instagram along with a short description would give the readers a taste of what they can expect going into the blog itself, or even what Jesse is capable of as a photographer. Overall, the site seems very standard in its design, so I do hope to look forward to the development of Jesse’s blog.

If you’d like to know more about Jesse Finkle and his blog, go pay him a visit at: @jessefinkle.

Process Post #3 – Website Design

Website design decisions can be make or break for a website’s traffic of readers, and over the next five or so minutes it takes for you to read this post, I’ll be talking about a website I frequent, and one we all hold near and dear to us.

Source: http://www.posiel.com

Now, if you weren’t already already aware of Posiel, I’d suggest you sit down and think to yourself for a bit. Posiel is a website for students taking Publishing 101 at SFU, serving to inform its students (and potential ones) about what the course is really about, and what is to be expected. It is safe to say for a fact that Posiel sees to about roughly around forty-five different users on a consistent basis over the course of three months, with the numbers dropping every fourth month, according to my sources.

Source: SFU’s course scheduling center: http://go.sfu.ca/

You might ask: “What makes you want to visit a site like this?”

Well, let’s just say I conduct personal business on this website and leave it at that. So getting down to the design aspects of Posiel, I get kind of a feeling of ‘hypocrisy’ when looking upon its simplistic design, given that I am going to have to put in more effort into my own website. All things considered, my opinion is subjective, and I could be wrong (and certainly have been before). Granted, Posiel is a resource used by individuals for only a limited amount of time, it shouldn’t be lazy just because of the fact. But because it is simplistic, it makes the content very easy to read and navigate. In terms of balance, it certainly does its job, but could do away with a lot of the white space present on the page.

The website’s design is very uniform in the sense that all the navigation is available when sifting through different pages, allowing for easy access from one point to another. But one thing that bothers me, is the layout of the “Course Outline”. With the large amount of content on the page being in close proximity of just about everything else, it would be certainly easier to divide the content into different pages based on the week, or at least add a table of contents that allows the user to jump to the week of their choosing. These are just little nitpicks, and could easily be remedied by the above suggestions or CTRL + F, but who wants to do the extra work, right?

Each piece of content is spaced out properly, with each topic fitting nicely in the user’s screen without having to scroll. As mentioned earlier, the large amount of white space on the website makes it feel empty as a whole, and lacks “emphasis/importance, but also tension and emotions.” Pagé, M. (2017). Some Considerations on Web Design and Type on Screen. Retrieved from http://jones.uvm.edu/ppt/40hrenv/index.html. The same could be said of contrast, with the color scheme (while consistent), is used without variance. And consistency goes in hand with unity, making all the elements feel like they work together.

Overall, not a bad site per se, but would benefit from improvement. It establishes its own identity, and while it doesn’t make the greatest impression, would probably still be memorable if you asked someone who used the site about it. That’s all for now, so if you’d like to check out Posiel, I’d recommend doing so at http://www.posiel.com/


Overall, I was pretty happy with my website’s design as is, but decided to go the extra mile and draw my own background to better suit my website and give it a little personality. I’m no Michelangelo, but it’ll have to do. Because of how background images work, some of it got covered by my social media bar, which is a long giant rectangle that went along the bottom. So I just moved the social media buttons to the right sidebar. The website title being black, also got absorbed into the background, so that required me to go in and tweak the CSS a little to a different color to make it more visible. I decided to leave the default font on, not only due to laziness, but my experiences with game design having taught me that you can’t get stuck on all the minor details, otherwise you’ll never get anywhere.



Mind Map

I am an artist

As a son, friend, and brother

I try and look for new perspectives and optimism

I am openminded

Listening to the people

and deconstructing the problematic flaws in our society

I am a student

compelled to question my own authority

looking for “good” teacher’s

I am courageous

Fighting for equality and proper education

I am human.