Jump to content

Web Development

JMichael

955 views

I have a few preview images to show you my progress with the implementation of my design for the website refresh. Enjoy.

 

blogentry-1-0-89993100-1488425458_thumb.jpg

 

blogentry-1-0-91921200-1488425469_thumb.jpg

 

blogentry-1-0-08950400-1488426213_thumb.jpg

 

Here's a new version of the view image page. It's pretty bold. The image stretches to its max dimensions, and a dark background is shown beyond that.

 

blogentry-1-0-06611400-1488476815_thumb.jpg

 

Working with a dark background for the video and gallery pages, and it feels pretty natural. Information pages with lots of text use the light theme, while image-heavy artsy sections use a dark theme so you can focus on the content.

 

blogentry-1-0-39138300-1488489539_thumb.jpg

 

This is close to finished:

 

blogentry-1-0-69328900-1488518773_thumb.jpg



3 Comments


Recommended Comments

For a gallery of images, it makes sense and makes it look a little more "gamey" / consumer oriented and less technical.

 

It seems that mobile compatibility is a big deal for SEO. Less than one percent of our site traffic comes from iOS, but Google is penalizing our ranking because of this.

 

I started experimenting with some responsive design and it's not that hard. CSS media queries make it fairly easy to change page behavior based on screen width. It's a pain, but I think I can make this work at any resolution.

Share this comment


Link to comment

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...