Via Twitter: @MaliJara I like that! Either way works really... as long as you're enjoying the ride.

blog

Posts Tagged ‘Wordpress’

10 Essential Tips for Designing a Better Photoblog

Thursday, March 3rd, 2011

photoblog1Blogging has come a long way since it’s humble beginnings as a personal diary of sorts. Now more than ever photographers are turning to the blogging format to display their photography online. In the same way as many businesses use blogs to periodically update their news section, photographers can use photoblogs to regularly upload new images to share with the world. This post will focus entirely on the web design aspect of a blog for photographers and offer some insights that you might find helpful.

1. Clean unobtrusive design

The main purpose of a photoblog is to showcase photography so keep the graphics and distracting imagery to a minimum. Maintain the focus on the pictures. You don’t want to saturate your visitors with too much information. To achieve this use a layout that is maximum 2 columns, typography that’s not too loud, clean and minimal design, low key graphics, neutral colors, and a clean background. Your design should tastefully complement and not overpower your photography.

2. Fast loading times

To improve the quality of the web viewing experience you’ll want to maximize loading times. There’s nothing more frustrating than waiting forever for images to load. And since a photoblog is full of them, you’ll have to make special considerations to compensate. The first thing that you can do to maximize loading is to optimize your images for the web. Don’t upload images at 100% quality or the downloading experience will suffer. Optimize images for web between 60%-80% quality, depending on the dynamic range of the image. The second thing is to keep the site’s HTML code clean and lean. This is done by adhering to web design standards and best practices, meaning unobtrusive javascript and graceful degradation, all concepts that any good web designer worth their salt is familiar with. And lastly pick a quality host with the right bandwidth. Depending on the amount of traffic your blog receives, you’ll have to manage bandwidth. Most hosting services offer differing plans, but you should stick to the ones on the middle spectrum. Going with a cheap host based on price can work to your blog’s detriment and inhibit download capacity.

3. About/Bio page

Blogging is about getting personal. It’s a form of medium where you loose the facade and show your true colors. So creating an about page with your bio will definitely welcome visitors and make them feel at ease. Put a human face behind the name and the work, and people will be attracted to that personable side of you. This will keep them coming for more.

4. Engagement

One of the main elements that distinguishes a blog from a regular website is its commenting capability. Make it easy for visitors to comment on your images. People are more engaged when they can interact with the content they see. So invite and promote interaction. It’s also kind of fun. Make your comment area clearly visible and even ask for comments by creating nicely defined buttons and titles that ask for comments explicitly.

5. Integration to portfolio website

If you have a photography website why not make it a seamless experience to jump from your blog to your professional portfolio and back? I see a lot of professional photographers have two separate sites. This approach can be cumbersome and a costly. Some of the people who stumble upon your blog may want to immediately look at your professional portfolio and maybe even hire your services, so keeping the door open to your main site is always smart. A good way to do this is to have the same look and feel for the blog and the portfolio, and use a content management system like WordPress to power the whole experience.

6. Search Engine Optimization

SEO affects your site in more ways than you can imagine. If your photoblog is well structured for search engines you’ll be blessed by the Internet Gods (meaning Google, Yahoo, Bing, and other search engines). This translates to more traffic, more interaction, more exposure and ultimately more photoblog success. You want your site to be crawled by search engine bots, so make this an important piece of your web design puzzle. What can you do to improve SEO? Well, use correct and relevant title tags, description tags, headline tags in all your pages. Since most of the content is imagery you’ll want to use some sort of caption to inject relevant text in your photos. Internet technology is not yet at a point where search bots can process images. You’ll also want to use tags replete with rich keywords concerning each image. All this will do is create a semantic foundation for your images that web crawlers love and understand.

7. Large imagery

There’s nothing more disappointing than going to a photoblog only to find really small images. The images are the centerpiece so make them large and attractive to the display and layout of your photoblog. I would suggest making them at least 600 pixels wide if it’s a two column layout, and maybe even 800 pixels wide if it’s a full screen width layout.

8. Relevant information design

Information design is the key to building an excellent web experience. Successful information design starts with relevant information so it makes sense to keep your links and buttons relevant on your photoblog pages. Let’s say a visitor is looking at a post in the fashion photography section. If you want to keep them engaged you’ll want to offer them links to related fashion photography posts, information about fashion photography services, and possibly a link to your fashion photography portfolio all in the same page. Make relevance come front and center so the user doesn’t get lost in the shuffle.

9. Screen resolution

The basic screen web resolution today is 1024 pixels wide by 768 pixels high. Web users are quickly shifting to greater screen resolutions, but this number is still a reference point for web design in general. There are thousands of websites that don’t adhere to this standard either by making sites too thin or too wide. Some sites have images that are way too small because they don’t maximize the alloted screen space, or the opposite, they have images or navigation cut off because they overextend their reach. Your aim should be to entertain the greatest number of users on your site. By applying a standards based screen resolution to your photoblog you’ll be able to communicate effectively with everyone.

10. Define your style

Part of having a blog is about expressing your own voice. Every photographer has a unique vision and you’ll want to express that uniqueness in your photoblog. If you have a certain style make it evident not only in your photography but in the blog design itself. So as a creative find your own style and stamp it on your site. This comes by defining the right color palette, typography, and even graphic design that’s relevant for you. Doing this will infuse your blog with personality and make you stand out from the pack.

These are all essential steps which can take your photoblog to new found glory. As a photographer you already have beautiful images to start with so why not give them the right home on the web by applying these insights? In the coming weeks I will also write a follow-up post that relates specifically to marketing your photoblog so stay tuned.



25 Outstanding Photography WordPress Themes

Saturday, February 12th, 2011

Like many web designers and developers I’m a dedicated WordPress user. There’s no secret here. I love the software for it’s simplicity, flexibility, and well, the many ways in which it can be adapted and morphed into different themes for different uses. I would also venture to say that WordPress probably has the largest global development community, which produces themes that can give any WordPress based site a facelift. But for this particular post let’s say you’re a photographer and you want a WordPress theme to showcase your work. What do you do? Easy. WordPress can give you a photo gallery for cents on the dollar, compared to what it would cost to develop a site from scratch. It’s also quick to set up and customize. The following list includes high-quality WordPress themes that I handpicked and are brilliantly designed to highlight a photographer’s best images. (more…)



20 Impressive Examples of Professional Photoblog Design

Friday, January 28th, 2011

I searched the web far and wide with one objective in mind: to find only the best designed professional photoblogs. Believe me when I tell you it was no easy feat. There are thousands upon thousands of photoblogs in the vast web jungle and they all display beautiful images, but many are lacking in the design department. With only the best design in mind, here I bring you the ones that rose to the top. I chose these for various reasons. All of them look carefully and intelligently crafted. Some have design innovations that make them stand out, and most of them use some type of CMS or blogging platform that displays dynamic pages of content. Others simply stood out for good clean design or flair. Whatever the case may be I found the following photoblog designs very inspiring. I hope you do too. (more…)



Ten18 Photography gets a Custom WordPress Photoblog

Saturday, November 20th, 2010

When Kyle Berg, principal of Ten18 Photography, contacted me I knew I had an ambitious and exciting project in my hands. During our first call we went over his site objectives and the project had WordPress written all over it. He wanted a fully customizable open source content management system that would allow him to create pages on the fly, including a photo blog section, complete with a back end administration panel, and photo galleries. This was the first time I considered designing a portfolio site for a photographer using WordPress and I found it an exciting challenge. The truth is most photo showcase sites on the web are built with Flash and a lot of people are looking for a different solution that includes search engine optimization. I worked with WordPress extensively in the past and this afforded me the perfect opportunity to tinker some more with the platform. WordPress has evolved into a fully functional CMS that can be repurposed to fit any website specification. It is no longer limited to blogging. I won’t digress on the many advantages of using WordPress, you can read that in a previous post. In the following paragraphs I’ll quickly review the process covering initial strategy, information architecture, and visual concepts.

ten18photography-screenshot

To begin the design process I needed to gain insight into the client’s business. After a few round of emails and detailed phone conversations with the client I got a clear picture of the business and its target market. The bulk of the business comes from Senior photography but also includes portraits, commercial, and weddings. This provided the starting point for structuring the site, always important in the initial information architecture phase of any web project. Aside from the main portfolio categories the client also wanted to give his photography blog prominence. I considered this a wise move, because the blog would provide powerful SEO benefits from backlinks and posts, even more so in his market replete with tech-savvy teens. Armed with this knowledge I created the backbone for the site which included four gallery sections, four service pages describing each type in detail, a testimonials page, a photo blog section for news, and the ubiquitous about and contact pages.

User interaction is always key when designing for the web. And a significant portion of effective interaction is information relevance. Starting with the main gallery sections I designed the pages so that only the most relevant information would show up and not clutter the space, leading to information overload for the user. For example, the gallery sections display only related posts from the photo blog. So if a person interested in wedding photography is browsing the wedding gallery section he will find posts that are within the wedding topic. The center stage of the site is the gallery section where the photographer showcases his best images in an irregular mosaic style layout, which feels almost like a scrapbook. We decided to omit the traditional single frame slideshow with previous and next buttons, and instead lay out all the images in one page. I found this approach refreshing since the user doesn’t need to click but scroll down to visualize all photos in one continuous flow. Testimonials were also included to convey trust in the service pages. These testimonial snippets are randomly pulled from the testimonials category and refresh on every page reload. For the photo blog section we used a magazine type format to display the posts in two columns. All images used as post thumbnails were cropped in a panoramic format to make it more interesting. As the introduction to the site and company, the homepage had a completely different layout. The first thing the visitor sees when entering the site is an accordion type slider that displays four distinct images inviting the user to each gallery section. Below the fold we display featured posts from the blog to get visitors interested in reading blog articles. By doing this we achieved the initial goals of the site on the most important page: opening the door to the photography work and beckoning visitors to take a look at the studio blog.

As in all portfolio centric sites, the focus is on the work, not the design. For visual style the client chose a minimal and fresh yet urban design, using large typography and supporting iconography. The aesthetic is subtle and not too loud as to detract from the main show, the photography. The green color for the accents came from the original logo, but on the site we decided to place an all white logo to make it even more clean and trendy.

The final result is an attractive portfolio website that provides information in a relevant manner. This not only invites users to see the photos, but compels them to read more about the services and the photography process, kind of like a behind the scenes look at the photography studio. Having a blog is like having an open door policy. Let people enter and see what you do, they might just be interested, stay a while, and build a business relationship. I’ve found that WordPress provides the perfect platform to achieve this because of its versatility in form and function. Kyle Berg at Ten18 Photography can attest to that as he happily blogs away when he’s not shooting photos.



Introducing Sparta: a Premium WordPress Theme

Thursday, December 10th, 2009

Sparta WordPress Theme

I’m excited to announce the public release of the first Premium WordPress theme produced by Maquina Studio. Behold Sparta, a simple and ultra-clean WordPress theme. Following the minimal trend in design, Sparta offers a no-nonsense and no-frills approach to theme design, inspired by the Spartans of yore. It’s a differentiated left-aligned two-column layout that makes it really easy to read and navigate. It has a Featured Post Slider using JQuery, and a topical navigation to give it a magazine style treatment. It comes in three different color styles and the versatile layout can be used for different purposes, such as an online magazine, a personal blog, or a professional blog for business. Perfect for those stylish niches like design, fashion, lifestyle, culture, and art, but will work for anything if you simply like good, clean and minimal design. Download Sparta Premium WordPress theme exclusively by signing up for the Maquina Studio newsletter in the contact page.



5 Smart Reasons to Start Using WordPress Today

Monday, October 26th, 2009

If you finally decided to start blogging then you seriously need to look into what WordPress has to offer. Sure there are many blogging services like Blogger, TypePad, SquareSpace and such, but none offers as much flexibility, independence, and support as WordPress does. Wordpress was started in 2003 by a hand-full of programmers and today it’s a bustling community of developers, designers, and bloggers. It’s the most popular blogging platform in existence and it has a very bright future ahead of itself. Here are the five main reasons why I, as a web designer, give WordPress my vote of confidence. (more…)