I always feel weird blogging more than once in one day. I just don’t like to double up on my social media and blogging content unless I absolutely have to. I guess this counts as one of those times (we need to upload our most recent drafts for a process critique in class).
Well, here’s how this goes. Basically, I’ve worked my design down to what I want it to look like. Grid, type, and all. But here’s the deal… I want to add more. Not more on each web page, but more examples of how different pages would look as you scroll up and down. Doing this mockup of a web page is really just making me want to jump into some coding and solve the puzzling fun of website building.
I feel so strongly about this that I’ve been looking into making my blog snazzier. I’m thinking about working with a responsive website skeleton and then designing the content and imagery to match up with my new logo design as soon as I finish it. I’ll keep you posted about that, but I found a couple articles to read up on that would help me refresh my coding skills (it’s been a minute and I’m rusty with some of the main shit). Luckily, I catch on to new things and remember old skills pretty quick.
Back to the subject at hand though… (I know, I’m sorry I’m so easily distracted and reading my thoughts is like train-car hopping, haha). Here is that update on my website design that I was telling to you about! After thinking about it for a while, I’ve decided that I might do one of those “switch” buttons on my layout design so that the user can toggle between a darker design or a lighter design.
It would just add more fun, right? hah.
Note, the Food Category is different here because it is showing
the potential rollover/hover effect. Various menu/navigational
icons are along the top left sidebar.
All the categories have been color coded and here you can see
the grid system is still in use. The third article in the top row is showing
a rollover/hover effect. When hovering, the rest of the article title will pop up
as well as information about the author and publication date.
After selecting an article, you will be led to this page. Title is
shown to the left of the picture with share icons and similar articles.
The main article copy is located directly beneath the picture. Inside
of the picture space, at the bottom, are navigational buttons to see more
pictures in the gallery for the article.
Just like before, except reversed background and a few other elements!
The Navigation Bar on the left is now shortened (just to see how it looks).
And as opposed to having the color block extend to share details about the
category, I was considering doing a tinted rollover effect on the picture.
Same as the dark food category page shown above. I’m pretty sure
that I will be having the color block extend for rollovers as opposed to
using a color tint on the photographs.
|Article PageSame as the dark one but the type is tracked out and the leading is
looser due to the nature of typography against various colors.
If you haven’t noticed by now, I’ve also included a toggle “Lights On/Off” in the top right corner. After a fair amount of deliberation, I’ve decided to do this to further highlight the “fun & fresh” feel of The Pitch’s redesign, while also creating a responsive design that could be altered depending on personal preference or time of day.
I’d love to hear your thoughts! I’ve still got some work to do on this, but I’m really happy with the place that I’m currently at with the design.