Adam Westbrook // ideas on digital storytelling and publishing

How to add some Flavors to your online portfolio

Posted in Entrepreneurial Journalism by Adam Westbrook on January 10, 2011

Image Credit: youngthousands on Flickr

Up until recently, I have advocated WordPress.org as the best platform for building your own, easy portfolio site. I talked about it at length in last year’s Blogging for Journalists series, and in this article for journalism.co.uk.

But all is not well.

Over the Christmas break I started reworking my portfolio website. Up until now I’d been using a WordPress install with a decent free theme. I’ve been updating it through 2010, but its message was confusing, and crucially, it wasn’t bringing in any new work. I decided I needed something new: something simple and eye-catching.

So, I started the hunt through hundreds of WordPress themes, free and paid for…and after three frustrating days – I found nothing.

Hundreds if not thousands of developers create new WordPress themes all the time, but many of them focus on using all the features, creating themes packed with text, widgets, columns and menus. There was no room for simple, elegant theme (incidentally, if you’re a WordPress theme designer reading this: gap in the market!)

I almost gave up…and then I discovered Flavors.

Why use flavors?

Flavors.me‘s tag-line is “make a homepage in minutes” – and that’s what it is about. It is a platform for you to create a one-page destination for your digital world, detailing who you are, and bringing all your different feeds into one place.

For me, Flavors offers three really significant things for someone trying to make a quick, distinctive website:

.01 simplicity: there are no pages, posts, comments or widgets to worry about. You can actually create the whole site in about 30 minutes, which for a website is pretty remarkable

.02 versatility: despite this, no two flavors.me sites I have seen look the same. And it gives you the chance to use the whole browser window and create a really attention grabbing theme.

.03 curation: flavors.me was designed to provide a one-stop shop for all our different digital outlets. So you connect your Twitter feed, your blog output, your Tumblr, Flickr and Vimeo feeds – and they can all be viewed from one page.

Wordpress vs Flavors: which is more eyecatching?

How to use flavors

  • You start with flavors.me by registering with the service for free and creating your own url – at first http://www.flavors.me/yourname.
  • Then you’re taken to your page, and a floating ‘design’ panel lets you add all your news feeds, edit the name of your site, and mess around with the shape and size.
  • Flavors lets you adjust the positioning of your content to about six or so templates, for example, to the left of the screen, right in the centre etc. You can also adjust the font, size and colour of your text.
  • Finally, you can decide on the background for your site. People use photographs, their own graphic designs or just plain colours. They all appear full screen, right across the browser, which instantly makes your own website stand out from the crowd.

What about your portfolio?

So, how do you create a portfolio of work inside Flavors.me? This is where the site’s curation tools are most useful, because you can connect them to the third-party sites holding your portfolio work and it does the rest of the work.

For example, as a video journalist, I want my films available to view on the site. But I don’t need to worry about creating a new post for each film, and embedding it: I simply connect Flavors to my Vimeo page and it does the rest.

It works the same with Flickr and Picasa (and others) for photojournalists, Soundcloud for audio journalists; Behance for designers and all the major blogging platforms for writers.

Best of all: clicking on each feed, opens it up in an adjoining panel: so people can watch your content without leaving your website.

How to match it to your domain name.

Flavors.me is free to access most of the features. However, to get all the fonts and full range of design options, SEO metadata and domain matching you’ll need to pay an annual fee of $20 (£12).

The paid version also lets you add a nifty ‘contact’ page and a few other things too.

If you really like your Flavors site, you might want to make it your official homepage. Obviously, you’ll need to own a domain name (try services like Bluehost (affiliate link) if you don’t have one already); but once you do, redirecting is pretty simple.

You need to log into your domain name’s Control Panel, find the options to change DNS records, and add a new A-record, changing the IP address to the Flavors.me server.

Flavors offer  quick guide to doing this, so it’s pretty straightforward.

Examples of great journalists portfolios

Loads of journalists are already experimenting with Flavors. Here are some examples of it being used to great effect. If you want more inspiration, the site’s directory is a great place to start.

This slideshow requires JavaScript.

There are some design downsides: the site’s full-screen nature means it looks different on each computer. I am also not sure how it looks on mobile devices or an iPad.

NOTE: Lovely readers, including Philip John and David Berman have pointed out my site looks less impressive on an iPad. Clearly something to test with your own background designs.

Image Credit: Philip John

What you compromise is the flexibility of WordPress: there are no plugins, no widgets, no CSS; but what you gain is the chance to design a website that really stands out. And with the number of websites in the billions and growing daily, that’s what matters.

17 Responses

Subscribe to comments with RSS.

  1. Arun Marsh said, on January 10, 2011 at 10:56 am

    This is great as I really want a website rather than a blog, think I will set up later today – thanks.

  2. Jessica said, on January 10, 2011 at 2:10 pm

    That looks like a great tool! thanks for sharing.

    one thing though: I feel like the advantage of a portfolio is that you can direct users to your *best* work, e.g. instead of throwing your complete vimeo feed on there, you tell them ‘these are the three videos that best demonstrate my skills.’ That seems like a disadvantage of Flavors to me.

    So maybe it works better as a central home page of all your web presences instead of a portfolio site?

    I have to admit I like the sleek look of the sites. very nice.

    • Adam Westbrook said, on January 10, 2011 at 8:42 pm

      That’s a good point Jessica, and I agree Flavors doesn’t account for that.

      One workaround could be to create a second ‘best work only’ account on Vimeo, and embed that feed into your Flavors.

      Thanks for your comment🙂

    • Arun Marsh said, on January 11, 2011 at 11:41 am

      Hey I also found this problem with the flickr link – loads of personal photos before some of my work ones!

      I notice on the paid for version you can add ‘custom content’ so this is maybe an alternative.

      Your work around is also a good idea Adam

      Also In the description section you can use links so I have described what I do and then linked the relevant words to the examples I choose – so for video I go to ‘my work’ page on my WordPress site and for ‘photo’ I go to a specific Flickr set.

      You can see here – http://flavors.me/arunmarsh

      I also tried to make these links stand out with colour while keeping the ‘content’ links fairly low key.

      I snuck my email in the about section, but I think I will prob upgrade soon to get the contact page.

  3. website designing company gurgaon said, on January 10, 2011 at 4:25 pm

    Nice blog please give us a chance to promote this blog we are google professional cum website designing company in india.

  4. links for 2011-01-10 « Sarah Hartley said, on January 10, 2011 at 7:12 pm

    […] How to add some Flavors to your online portfolio « Adam Westbrook :: online video & entrepreneu… Flavors.me‘s tag-line is “make a homepage in minutes” – and that’s what it is about. It is a platform for you to create a one-page destination for your digital world, detailing who you are, and bringing all your different feeds into one place. (tags: design blog web flavors howto) […]

  5. […] How to add some Flavors to your online portfolio « Adam Westbrook :: online video (tags: flavorsme portfolio publishing promotion tips cv homepage personal) […]

  6. […] the fence or want to know more about Flavors.me, I highly recommend giving yesterday’s post, “How to add some Flavors to your online portfolio,” a […]

  7. Joseph Stashko said, on January 11, 2011 at 6:37 pm

    (Commenting as the right person this time! If you could delete the other comment that’d be great!)

    Thanks for the screenshot of my Flavors, Adam. The site does have limitations but they are working on more feeds and adding all the time (they’ve added at least two new ones since I starting playing around with it) and that can only be a good thing for added flexibility. The ability to pull in RSS from anywhere is also really handy.

    I see on your monitor the text covers my cartoon self’s face, have shifted text around a bit now so hopefully that’s no longer the case!

  8. […] Posted in Entrepreneurial Journalism by Adam Westbrook on January 13, 2011 Earlier this week, I suggested Flavors.me has the edge over WordPress, when it comes to creating a visually unique portfolio website for […]

  9. […] How to use Flavors.me to create a quick online portfolio […]

  10. […] For inspiration, see Kat Downs, who I worked with on a project, or Adam Westbrook, who also wrote a guide for using Flavors to get you […]

  11. Vasare said, on April 23, 2011 at 7:54 pm

    great post thanks a lot very helpful:)

  12. EAV said, on April 24, 2011 at 11:27 pm

    I’ve just found your post! I really like it.

    I just wanted to let you know that Flavors.me added a new feature where (if you have a paid account) you can add widgets from sites that Flavors.me doesn’t yet support, like a google map or an event calendar!

    What you do is go to content->add->custom->general. Once you’ve opened up a new general content tab, click HTML and add the html for your widget!

    I love this new feature. Now I no longer have any need to link to blog pages with the widgets! Everything really is contained in one site!

    ~E.A.V.

  13. Flash Website Design Mumbai said, on November 30, 2011 at 5:53 am

    Nice Post loved it! Thanks For sharing such info

  14. More Themes | wordpressonlineinaday.com said, on February 4, 2012 at 10:54 pm

    […] this week, I suggested Flavors.me has the edge over WordPress, when it comes to creating a visually unique portfolio website for […]

  15. local dateing site said, on June 19, 2013 at 11:31 am

    You can certainly see your expertise within the work you
    write. The sector hopes for even more passionate writers like you
    who are not afraid to say how they believe. At all times
    follow your heart.


Comments are closed.

%d bloggers like this: