Blog

  1. 7 Ways to Make Wordpress an Even Better CMS

    March 8, 2010 by Jeff

    Wordpress is blowing up, as the kids say, these days. It’s no wonder; the open-source authoring platform is super-powerful, flexible and – most importantly – customizable. We use Wordpress here at Paper Leaf to power our client sites, and we use it on our own blog of course. The more we use the platform, the more we learn about it. Just like anything, you pick up little tips and tricks to make the experience get better each time.

    With that in mind, I’ve compiled 7 tools/plugins/tips we use on the regular when it comes to implementing Wordpress as a content management system (CMS). If you have experience using Wordpress and are looking for a few little tweaks to maximize your clients’ experience with it, look no further!

    Custom Admin Branding

    Let’s start at the beginning of your client’s user experience: the Wordpress log-in screen. You can stick with the tried-and-tested Wordpress-branded log-in and admin screens – but if your client is a small business or service, why not custom brand it for them? It looks slick, your clients will love it, it lets them know they’re in the right place, and it’s super easy to do with the Custom Admin Branding plugin.

    custom admin branding

    This (stable) plugin has a very simple user interface to adjust colors and such; but the best part is that it comes with a PSD template so you can make sure your client’s logo won’t be cut off, etc. Follow the simple steps provided by the plugin author after you activate Custom Admin Branding, and you’ll have custom log-in and admin screens for your client in no time.

    Adminimize

    So your clients have logged in to through their custom-branded log-in page. Now they’re at their custom-branded Dashboard. While Wordpress is well-known for its ease-of-use, it can still be a little intimidating for your not-so-tech-savvy clients. Plus, there are areas that are much better left untouched by the non-tech-savvy – areas like Appearance, Settings, Plugins, even Posts if there’s no Post functionality being used in the website. A very simple way to remove some/any/all of these features is by using the Adminimize plugin.

    adminimize

    This (stable) plugin is really quite robust; a basic row/column system allows the administrator (you, preferably) to show/hide elements of the Wordpress admin side. The best part: it’s role-specific. What I mean by this is that you can allow “Editors” to see one set of elements, “Authors” to see another, and so forth. This is great for small businesses who might have multiple people handling content on their website – they can be given a login and a role that only allows them to see – and thus edit – elements of the website that the administrator deems fit. Pretty slick for a plugin, I’d say.

    Hit the jump for the rest of the post! (more…)


  2. Rebranding 3rd Street Beat Entertainment

    March 3, 2010 by Jeff

    Recently, Paper Leaf Design was offered the opportunity to rebrand 3rd Street Beat Entertainment – a group that offers hip-hop dance instruction, as well as show promotions and other related services. It’s always a nice break to get away from corporate design and be able to work with a company based in the arts, whatever branch of the arts that might be. New challenges present themselves, and it’s a good way to avoid getting into any sort of design rut, so we were all over it.

    The challenge with this redesign was to make an identifiable & timeless logo for the overarching “parent company” of 3SB, as the gents behind 3SB also run Hip Hop for Hope, Santa’s Kids, Artists Emerge and more under this brand. We needed a logo that maintained a professional look-and-feel, but still spoke a bit to the nature of what 3SB does (without being too literal). The goal was to create something that balanced strength & confidence with movement. Here are the old 3SB identities:

    3SB Logo - Old Version

    As you can see, the old logo made use of the easy-to-remember acronym 3SB. However, the design suffers a bit with the combination of a harsh radial gradient in the background, along with a dated 3D effect and questionable typeface choice.

    Another version of their logo (how this was used, I’m unsure):

    3SB - Old Logo 2This version just has too much going on to be effective. The legibility suffers thanks to the busy nature of the design, and while the radial gradient was carried over, it still doesn’t look very good. There’s no 3SB acronym, and while the silhouettes in the background make it clear that 3rd Street Beat has something to do with dance, the design isn’t the strongest.

    Here is the new logo, designed by Paper Leaf:

    3SB - New Logo

    Hit the jump to see the black on white version! (more…)


  3. 8 Tools for Common Client Web Design Requests

    February 15, 2010 by Jeff

    If you’re a designer who works on websites for smaller businesses or clients, chances are you receive similar requests for website features over and over again. Perhaps you’ll hear your photographer clients saying “I want a photo gallery”; perhaps you get a lot of clients who want to control their content; perhaps you get all of these requests and more.

    Over time, most designers try a few different methods to implement various features; inevitably, some are better than others. In this article, I’ll be outlining the most frequently requested features for client websites and the tools we like to use to implement them; aka the 8 Tools for Common Client Web Design Requests.

    Photo/Media Gallery

    Most clients who have a product or service to sell will want to showcase that product (eg. custom t-shirts) or service (eg. interior design, say with before/after photos). There are a million and one ways to do this on a website – one could make a unique page for each photo, or a static gallery of larger images displayed in a grid, or any other combination. However, a slick way to display images (or video, or music, or html) is with a jQuery overlay plugin like Zoombox.

    With just a few lines of code, you can insert a gallery overlay into your website design. There a tons of iterations of this script out there – the original Lightbox, Thickbox, thisbox & thatbox – but I generally use Zoombox because it was one of the first ones I found that allowed various types of media inside of it. The gallery is launched by an anchor link, so the design possibilities are limitless: buttons, text links, thumbnails or anything else that can be wrapped in an anchor link can be used to launch the gallery.

    Recommended use: image galleries, videos, extra content (eg. a “Help” link).

    Content Slider

    Sliders are a relatively new feature when it comes to web design, but they are quickly gaining ground due to their aesthetic appeal, ease of use, and their ability to display lots of content in a small space. One of the easiest versions of this jQuery plugin is the Automatic Image Slider.

    Again, there are a ton of these guys out there – the one we use on our site is the EasySlider plugin - but this version has good documentation and a nice control scheme. Sliders are great for any sort of “Featured” content section – fire it into your next web design & impress your clients.

    Hit the jump for more awesome tools for common website design requests! (more…)


  4. How to Fail at Your Design Business

    February 8, 2010 by Jeff

    If you don’t know about Inspired Magazine, I suggest you head over there and check ‘em out/bookmark them/follow them etc. They’re a daily design inspiration web mag that posts links, articles, design elements and a whole bunch of other goodies.

    This week, I wrote a guest post for them called How to Fail at Your Design Business. It’s a tongue-in-cheek article that provides good information on what to avoid when running your own design business:

    This is it. You’ve worked many long, hard hours developing your Pen tool skills in Illustrator to the point you could probably add “Pen Tool Ninja” to your business card. You’ve learned so much about graphic design that your head is bigger than Rush Limbaugh’s waistline. You know so much about web design that you pretty much invented the Internet. Now’s the time.

    You’re starting your own design business.

    Running your own design business is part awesome, part OHGODWHATHAVEIDONE. You’ll find tons of How to articles online, dealing with how to be a successful designer slash businessman. But where can you find an article on how to fail at your design business?

    Read the rest of the article over at Inspired Mag!


  5. 10 Best @font-face Fonts

    February 5, 2010 by Jeff

    As soon as I learned about the @font-face CSS declaration, my life as a designer changed permanently. A whole world of possibilities are opened up by this feature – no more relying on Arial, Verdana, Georgia and all the other “web safe” fonts. Not that there is anything inherently wrong with those fonts, but after seeing them day after day on the web, I know I long for a bit of variety.

    However, just because a font is @font-face compatible doesn’t mean it’s necessarily good for the purpose you want to use it. The obvious examples are there – don’t use display fonts as your body text, for example – but some fonts just aren’t great for the web (or great at all… or good… or passable).

    So I’ve come to save the day with my opinions. Here’s the 10 Best @font-face Fonts, broken into Display (aka Heading 1, Heading 2 etc) and Body listings.

    DISPLAY

    Use these guys for your H1, H2 etc tags – but if you set your body text in them, I’ll come right through the internet and beat you up.

    Museo & Museo Slab

    The Museo family has exploded in popularity, and with good reason – it’s a well-designed typeface all around, unique & usable with character. Museo & Museo Slab are great options for headings on your site using the @font-face declaration.

    Hit the jump for the rest of the 10 Best @font-face Fonts! (more…)


Subscribe, Follow, Join

Paper Leaf on TwitterPaper Leaf RSS FeedPaper Leaf on Facebook email Paper Leaf

Posts


Popular Resources

Color Theory Reference Poster Found Fridays FreeDesignKit WordPress How To Free Friday Design Wallpapers