Archive

Archive for the ‘Site design’ Category

Treat Yourself This Halloween with More Smug Friends

October 29, 2014 Leave a comment

This is a favorite time of the year for lots of us who love to have fun with friends and family, dress up, and watch the leaves change on the trees. Remember pooling your trick-or-treating candy and swapping and sharing with friends? We hope that at SmugMug, you’ll still be able to do this in the spirit of the holiday.

No Tricks, Just Treats at SmugMug

20% credit is a sweet, sweet reward for every friend you bring over to join us. Remember that when you share the secret of beautiful online galleries with friends using your unique referral link, you earn a percentage of their account value back into yours. And they get a discount off their first year, too, just for knowing you.

Why would they join? Great memories start with friends, and everyone needs a safe place to put them. Whether they love to document the kids’ adorable costumes year after year or are famous for throwing wickedly delicious Halloween parties, there’s room for it all in SmugMug’s unlimited galleries.

SmugMug’s “Spooky” theme

Try our festive “Pumpkins” theme.

Let’s not forget that every account comes bundled with dozens of gorgeous one-click themes (like “Spooky” and “Pumpkins”), so your Halloween galleries will look appropriately festive… even if their personality’s sunny and warm.

And if the party gets a little too crazy, we’ve got powerful privacy features to boot.

So what are you waiting for? Your friends are waiting!

Kudos to September’s Winner: Chip Jones

Congrats to Chip Jones, our most recent winner of our monthly Refer-a-Friend contest! Chip takes gorgeous Fine Art, Landscape, and Architectural Photographs, and we’re pleased to be able to add a GoPro Hero 3+ Black Edition camera to his lineup of photo tools.

Chip Jones Photography

Time’s running out on our contest, so if you’re looking to win one of your own, don’t forget to check out the contest and prize details, and start sharing SmugMug with your circle of friends.

Have a safe and happy Halloween!

Links to love:

 

 

New: Customize Your Right-Click Protection Message

August 12, 2014 18 comments

… and use your powers for good, not evil.

A quick update this morning for pros who use right-click protection to stop thieves from grabbing your pics: we’ve added the ability to customize the message that displays when viewers right click your protected photos.

This is something that you could do using CSS customization in Old SmugMug, but we think it’s such an important piece of building a great experience on your site, we wanted to make it drop-dead simple for you to do this in the new, beautiful SmugMug.

Get It Set Up

 

 

Visit your Account Settings and look under your Privacy tab. Scroll down a bit and you’ll see a brand new “Right-Click Message” field. Fill that out, save your changes, and test right-clicking on photos in your protected galleries to see how it looks. Here’s more help.

Tip: We recommend being firm but friendly. If you have prints for sale, ask them to look for the Buy button to grab one of your photos in a legit way.

A Word About Image Theft

As always, we want to share some helpful info about image protection and what to expect. After all, if you’re paying us for a pro-level account, you should get the best bang for your buck!

We hear a lot from ambitious pros who rely on tools like Right-Click Protection way more heavily than they probably should. Why’s this bad? Right-Click Protection is just a deterrent, and if someone really wants to download a free copy of your image, there are several things they’ll try. For example, they can snap a screen grab, so be sure to use the full suite of image protection tools if you’re really worried about this. Here’s a quick review of your options:

  • Right-Click Protection. Displays a popup window when any part of the gallery is clicked. Fabulous when coupled with a warm, friendly message encouraging fans to buy.
  • Display Size. Limits the size of the images viewers can see. Great for foiling screen grabbers.
  • Watermarking. Logo or text placed over your display copies. Add your URL, enable sharing, and you’ve got yourself a ton of free advertising for your biz. The best bit? Your prints still print clean.

We hope this helps those of you who are new to SmugMug, are new to photography, or who just haven’t fiddled with your site lately and are looking to brush up on the basics.

And as always, be sure to let us know if you have questions, problems, or just need some advice getting your site working the way you want. We’re here. 

Link roundup: 

Release Notes: Customize the Buy Button, Stronger Search Box, and more

June 27, 2014 74 comments

We’ve just introduced a few more really great improvements we think you’ll love. More control over your gallery’s Buy buttons, the ability to easily archive and browse your mobile memories, and a super sweet search update for event shooters.

1) Customize Your Buy Button

One of your favorite topics of feedback is about the button that your fans click to make a purchase. To help draw more eyeballs to it, we changed the button text to read “Buy Photos” instead of just “Buy.”

Additionally, you can tweak the skin, style, and size of the button.

To do this, go to any gallery on your site, click Customize > Customize Site, click the Gallery Styles settings, then look for the Buy Button options. You can specify your button’s settings in the Thumbnail, Collage Landscape, and Collage Portrait styles.

2) Easy Mobile Uploads

We recently made it easier to upload your mobile photos to your SmugMug galleries, but we took this one step further by cleaning up the uploader when you’re on your phone. Now you’ll see an easy-to-spot upload button when you’re logged in to your account. Tap that and we’ll let you select as many photos as you wish from your image library.

3) Get Map Happy

We’ve upped the number of available pins on your map from 200 to 1000. Get snapping! You can read more about SmugMug maps and they work right here.

4) Stronger Search Options

We’ve added more functionality to your Search content block so that you can choose to direct your fans’ searches  to your keywords page, not your search page. This helps them stay focused on what they were looking for. You can also optionally inject your own search term to be added to anything your fans enter in the box, like the race name.

For example: If you force “tough mudder” as a search term, their search for a bib number “100” will search for “100 + tough mudder,” and not pull up other photos around your site with just the keyword “100.”

Take a look at these recent additions by opening up your Search content block settings and viewing the Basic and Advanced tabs. And as always, here’s how search works on SmugMug, and you can get more detailed help about keywords from our help pages.

Enjoy!

Smug Tip: 6 More SmugMug Features You Didn’t Know You Had

June 24, 2014 8 comments

Not too long ago, we wrote a post unearthing some of the great features you’ve already got in your SmugMug account. And since we’re always having new photo-lovers come join our family, we thought we’d share a few more things that you may not have noticed are already living amongst your photos.

Here’s to those sneaky features that may be hiding in plain sight. Enjoy!

1) Custom Video Preview Images

All SmugMug accounts can accept video files of 20 minutes in length and 3 GB in size, which is a great addition to the still photos you capture in your life. But did you know that you can change the preview image that displays on it, so your fans can see something more interesting than a random frame before they hit Play?

First, decide on a JPG image you want to use… or better yet, create one in your favorite image editor and upload it to your SmugMug galleries. Then just navigate to your video in the gallery, click the wrench, and choose Edit > Replace Preview.

2) “Sticky” Cover Photos for Your Folders & Galleries

In the same vein, you can choose a cover photo that appears every time your gallery is shown on your site. We call this your Feature image, and it will “stick” every time your site is reloaded, instead of displaying the first photos in the gallery.

Just open your Gallery Settings and look under the Basic tab. Click the icon next to Feature Image and choose any image you want to represent that gallery.

Tip: You can even do this for passworded galleries, which typically don’t show any thumbnails for privacy reasons. However, you may want to do this for, say, your client galleries, just to be sure they know which gallery is theirs on your site.

3) Stats. Really Great Stats.

We track all kinds of good stuff, like which of your galleries and images have been visited the most, as well as show you where your traffic is coming from. Just check out the Stats tab in your Account Settings and take it from there! You can read more about your SmugMug stats on our help pages.

If you prefer, you can always sign up for a free Google Analytics account and plug in your unique user ID into the same tab of your Account Settings, to double-check our work. Here’s how.

4) Search (and Filter by EXIF)

Any time you (or your guests) search for things on your site via the Search content block or from SmugMug.com/search, you’ll see lots of beautiful photos that you can scroll through to your heart’s content. But did you know that you can hit the “Refine Results” button at the top and open up dozens of additional checkboxes? This will help you narrow down your choices and find pictures taken using just the criteria you specify.

Watch out! It’s strangely addictive, so you may end up spending a lot more time discovering photos than you expect.

5) PicMonkey: Free Photo Tweaks

If our in-gallery Photo Tools aren’t quite enough for you, check out our friends at PicMonkey. You can find them right under every photo, under the Wrench icon. Open it up and you’ll see all the great tweaks and mods you can add to your photos!

Tip: We even have a quick video tutorial all about PicMonkey.

6) Discounts Just for Being Smug 

That’s right. You’re in great company when you’re with us. You can browse and view the discount details simply by logging in and visiting our ClubSmug page. Shop, have fun, and tell them we sent you!

Link roundup:

6 Smug Features You Didn’t Know You Had

April 21, 2014 6 comments

There’s so much to SmugMug that even those of us who’ve been members for years have trouble summing it all up in a single elevator pitch. So it’s perfectly possible for you to have never known some of the great features that are (even now) lurking in your galleries.

Here are a few of our favorites.

1) Smart Galleries

Your galleries can automatically display photos that you choose.

Lots of SmugMuggers use our Collect Photos feature. But did you know you can set your galleries to automatically collect certain new photos you upload to your site? You do this simply by defining Rules and making your gallery a Smart Gallery. We’ll do the rest.

Smart Galleries are perfect for curating pics for your homepage slideshow, populating individual player galleries from team photos, displaying your newest snaps, and so many more applications we can’t even listen them all. Try it now!

There’s a lot you can do with just your keyboard.

2) Keyboard shortcuts

SmugMug’s easy to browse with one hand. Really! When you’re viewing a gallery you can hit the following keys to open the Lightbox and change the image size that you’re viewing. Here’s the list:

  • Left/Right Arrow = Prev/Next Photo
  • Shift + Left/Right Arrow = Prev/Next Page of Thumbnails
  • A = Bring up Lightbox view, Autosize photo
  • S = Lightbox, Small
  • M = Lightbox, Medium
  • L = Lightbox, Large
  • 1 = Lightbox, XL
  • 2 = Lightbox, XL2
  • 3 = Lightbox, XL3
  • O = Lightbox, Original
  • X = Exit Lightbox

Give it a whirl, and bookmark the help page in case you want to refer to this list later.

3) System Pages

Just 3 examples of totally customizable system pages already included in your SmugMug account.

You may not realize that you’ve got a few very special pages up your SmugMug sleeve that you can access by simply typing in these words to the end of your SmugMug URL:

  • 404
  • Date
  • Keyword
  • Password
  • Popular
  • Search
  • Browse

These don’t appear in your site-wide organizer because they can’t actually be moved around, but you can customize them with text, your logo, and other content blocks when you have a Power-, Portfolio-, or Business-level account. Perfect for adding your warm and sunny personality to every corner of your site.

Check out some previously published tips and ideas for making these system pages your own.

4) Opacity Slider (Power and up)

Find your opacity (alpha) sliders in your Theme’s “Advanced” tab.

You can run with any design right out of the box, but one of the best benefits of SmugMug is the ability to deeply customize your site. And there’s so many options available to you, like the ability to change the color – and opacity – of different sections like your header, sidebars, body, or footer.

Just like how rugs define a space in your room, so do these areas of your page. Setting a section color and changing its opacity (or “alpha”) goes a great way toward making your custom themes stand apart from the crowd.

Don’t be shy: dig into your Themes, click that Advanced tab, and get playing!

5) Filename display

Display your filenames for easy previewing in your sitewide Organizer.

The Organizer may be the best thing we’ve launched since sliced bread, but did you know that you can toggle the display of filenames under your thumbnails? This is a handy trick to see exactly how your images are being sorted. Combined with the browser function Command+F, you can quickly find any file in any gallery.

Find it in your sitewide Organizer, any time you’ve highlighted a gallery and have the photos displayed in the preview pane on the right. The toggle button is the little square with the line under it at top right (shown above).

6) Multiple Designs to Create and Use (Power and up)

This user has created 5 totally different looks for their SmugMug website and can swap them with a click.

You can customize any number of our site designs and swap between them whenever you wish. We’ll save them all in your account and you can access them when logged in, any time you click Customize > Choose a New Site Design. No extra charge!

This is perfect for indecisive photographers who can’t decide if they want a huge background slideshow or an organic collage of their portfolio pics on their homepage. It’s also great for festive folks who shoot calendar-based events and want to serve up a different look every season.

Just remember that when you switch designs, customizations like content blocks won’t transfer between them. However, new pages, galleries, and any other content you add (A.K.A. stuff that’s visible in your sitewide Organizer) will.

Tip: If you do create multiple designs, we recommend that you give each design a unique, descriptive name so you always know what it is. “Copy of Isis” is not very helpful. “4-Column Homepage (White Theme)” is.

We hope you dig deeper into your SmugMug sites and discover something new that makes managing your memories easier and more fun.

Enjoy!

Links to love:

Behind the Build: SmugMug’s Color Picker and Why It Works So Well For You

March 28, 2014 Leave a comment

Have you ever wondered about how a particular feature at SmugMug came to be built? Thousands of happy photo lovers log in and tweak their websites every day, but there’s more to the site than just the buttons you hit. So we’re going to take you behind the scenes and shed a bit of light on how we dreamt up – and sweat over – the details that you’re probably using every day.

Today we’ll take a closer look at the color picker – that little box that pops up when you’re tweaking your Themes, font colors and other hues in your personal palette. Think it’s just a clear-cut click and run? No way!

The Impulse

Ye olde Easy Customizer on legacy SmugMug

Years ago, back when the “easiest” option to personalize your site was the Easy Customizer, our lead engineer had an idea: What if we could shorten the amount of time people spent picking colors that matched? What if we built a system that automatically knew the best complements to the hues you liked?

Best of all, what if we could just make it visual, easy process instead of forcing people to squint at code, risk mistakes and break their websites?

This is how you customized color in legacy SmugMug

We wanted to take the work out of customization and make it fun for you to create something beautiful. So we coded up something bigger, better, and a whole lot smarter.

The Idea

The color picker is more than just a pretty swatch:

Custom themes in the New SmugMug: Just click once

You’ll find it any time you open up and edit a Theme. Take a closer look and notice that when you click on any point in the square, we’ll automatically pick a contrast color, text color and any other subtle elements that show up best based on the color you’ve chosen.

Whether you love dark or light, you don’t have to stress about choosing the best tones that will catch the eye. Text is automatically easily readable, and you probably won’t even notice that we’ve picked almost a dozen other elements as highlights. The amount of contrast needed on these secondary colors should be just perfect to avoid your viewers getting jabbed in the eye by something too dark, too bright, or too loud.

Example of a dark theme and light accent colors

Example of a light theme and dark accent colors

How it Works

When you pick a color on the swatch, we consider that a mid tone and map out similar colors both brighter and darker than that, with just the right amount of contrast between each. We’ll then assign numbers to different parts of your SmugMug site (like your text, the background, your buttons, the border colors around your images, etc) from 1 to 30, and so on.

As a result, your SmugMug site becomes a big paint-by-number, and each spot gets filled in with the colors we’ve calculated. The best part is that in doing this, we’re automatically writing the CSS in the background for it all, so you don’t have to.

If you’re the codey type and want full control, you can always override our choices by clicking on the color choice box and choosing your own. Or by using your own CSS, of course. But it’s definitely not required – just let our systems do the heavy lifting for you!

Unique Challenges to Overcome

While the above theory sounds great on paper, it required quite a bit of tweaking before we shipped it onto your sites. So we spent time adjusting the algorithm to be sure that everything looks good 100% of the time… no matter what color you pick!

Here were the two biggest challenges we encountered:

  • Users choosing medium-tone saturated hues from the color picker resulted in themes that looked garishly bright and super contrasty. Why? Choosing bright colors like kelly green throws off our calculations of complementary colors. We had to temper this and build special algorithms to deal with bright hues like that.
  • The art of calculating complementary shades is not the same when working with dark themes as it is for light themes. As you go from black to light, there’s a point in the middle where the math flips. Case in point: A light border shows up nicely on a dark background, but dark borders look best on light backgrounds. So how do we anticipate where in the spectrum that happens? This took additional tweaking to fix.

See It in Action

So we invite you all to go and play with your Themes, click around and watch what happens when you choose your favorite colors in the picker. Because Power, Portfolio and Business accounts all have the ability to create (and edit) as many themes as you wish, we encourage everyone to get playing and witness all the beautiful, effortless possibilities our color picker creates for you.

 

Follow

Get every new post delivered to your Inbox.

Join 3,040 other followers

%d bloggers like this: