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.


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:

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 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


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.



1 Comment

  1. Suzanne Norman

    Ouch. Noted.


Leave a Comment

Your email address will not be published. Required fields are marked *

Social media & sharing icons powered by UltimatelySocial