Visit The ISO50 PortfolioVisit The ISO50 ShopTycho WebsiteAbout Scott HansenContact ISO50ISO50 on TwitterSign Up!

Archive for the ‘Websites’ Category

Building a Site with Squarespace

Posted by alex 01/27/10 | Link


I’ve written posts on Content Management Systems before (Cargo Collective, Indexhibit) and I figured it was time to round out my overviews with a look at Squarespace. My personal site runs on Cargo, but I’ve built a few client sites with Squarespace and find it to be a really enjoyable and extremely easy way to design a website.

Squarespace is a fully hosted, completely managed environment for creating and maintaining a website, blog or portfolio. Since its inception, Squarespace has blossomed into a product that powers tens of thousands of sophisticated websites for businesses, bloggers, and professionals worldwide and currently serves hundreds of millions of hits per month.

Noteworthy Features

-Building a site with Squarespace is very intuitive. You can easily go through the whole process without ever catching a glimpse of any code. Like Cargo, if you know even the slightest bit of HTML/CSS you can easily tweak the site to look unique and not easily identifiable as a Squarespace template etc. The basic design view allows you to edit everything in real-time; so if you change the point size of the “body copy”, you will see it update immediately after you slide the little font-size slider. Feels a lot like Firebug in this way, except you aren’t manipulating code, you are manipulating clearly laid out values for all of the page elements. You just have to remember to hit “save changes” after every change you make. I constantly forget to do this.

- Fully functional blog platform. Like many CMS sites, Squarespace works really well as a blog or portfolio site. It’s very easy to post entries, edit old ones, etc, everything you would expect. Once you have the design of your site locked in, it’s just as easy to maintain and update as it was to build. The interface for blog editing can feel a little clunky sometimes, though I think this is because I’m used to Wordpress where each open entry gets its own page. Squarespace editing happens as an overlay to the page which feels slower (whether it actually is or not I don’t know).

- The backend of a Squarespace is very well done. Not only do you have access to just about every statistic you could hope for, you are also able to edit some of the more tricky part of your site design. Things like search engine parameters, meta data, and security permissions are all easily editable. It also looks nice, which is a plus.

- Helpful forum. I’ve had many issues (usually due to my own failings with attempts to customize my weird CSS) which I’ve posted to the forum and in each case, the problem has been solved quickly and correctly. I’m always pleasantly surprised.

- They have a slick iPhone app that allows you to post blog entries and check out site statistics (among other things) on the go. And it’s free!

- One important difference to note is cost. Many CMS platforms are free, Squarespace is not. They have a simple pricing structure, but like many sites, the cheaper options are essentially useless. For example, any option where you can’t use a custom URL is immediately off the table in my mind. I’ve found the “Business” option to be the most useful (the form builder is the main reason for this). The crucial thing to note is that Squarespace is hosting your site, so you’re not just paying for the CMS, you’re also getting server space. When you look at it like that, it’s a lot easier to justify a monthly charge. (Of course, you will also have to pay for domain name registration elsewhere. Kind of annoying to have to split this up.)

My Experience

As I mentioned, I’ve built a few sites with Squarespace. The most recent of which I hoped would be finished in time for this article, but unfortunately we are waiting on some of the final content to come through before launching. The one I will mention instead is aeolas.net, the website for the fake/real aeronautical research firm Aeolas International.

Basically I needed a quick site that could host a blog and quickly display information about the company. The construction of this particular site took about 6 hours. I attribute the speed of the creation to the ease of the Squarespace interface (as well as low page count and small amount of total content). I didn’t move terribly far from the initial template, but I felt like I was able to give the site a unique feel. The most fun aspect has been the contact form; I would have had no idea how to actually make one of these with code. The fact that I could just insert it into the site with the click of a button was pretty cool.

There were some hiccups here and there early on, but nothing too frustrating. The need to ’save changes’ after every alteration you make can get pretty annoying, but you get used to it after a while. Usually if I had an issue, it was because I was trying to do something either A) impossible or B) the completely wrong way.

I’d highly suggest taking Squarespace for a spin. They offer a free 14 day trial, so at least get in there and muck around. Take the tour here.

15 Comments »   |  Posted by alex in Websites

GDI 09

Posted by alex 11/12/09 | Link

Kirstyhole1
ricahardcarey1
EddHarrington_2
kylebean1
The University of Brighton has a nifty website up displaying the work of their Spring 2009 design and illustration graduates. I’ve placed some of my favorite pieces above, but there is a lot of impressive work to be seen. I think it’s great that the school puts this together for the graduates. While each student seems to be very web-capable (at least in terms establishing an online presence), this kind of collective resource allows each student to benefit from the aggregate buzz of the project. This institution-sponsored online portfolio presentation is something I think we will be seeing more and more of (in conjunction with, or probably as a replacement for, the onsite end-of-semester shows).

The work above is by the following designers, in this order: Kirsty Hole, Richard Carey, Edd Harrington, Kyle Bean. Those old school phones remind me of some of the work by Dan Mcpharlin.

via The Strange Attractor

4 Comments »   |  Posted by alex in Education, Print, Websites

A Weekend with Cargo Collective

Posted by alex 08/31/09 | Link

cargo
Cargo is a terrific web publishing platform built with creatives in mind. Like many content management systems (Squarespace, Indexhibit, Joomla etc), Cargo provides a backend that allows you to quickly publish and maintain a website without ever opening Dreamweaver. What distinguishes Cargo is a focus on simple and effective design. Consistent in all Cargo templates is a layout that is clear and simple; allowing the work to speak for itself without a complicated interface getting in the way.

Cargo evolved out of the system that runs the SpaceCollective community. We found it remarkably successful and efficient in creating visual content on the web, placing a strong emphasis on design, layout, image quality and typography. Our goal is to dramatically increase the accessibility and exposure of creative individuals on the Internet, while aspiring to build a networked context that will contribute to the culture as a whole.- Cargo Collective.

Noteworthy Features
- Free hosting with the ability to set up a custom URL. This is awesome. I have also played around with Squarespace, but their hosting costs are a little frightening — especially if you are also paying URL registration on top of that.

- Multiple template designs to build off. Each one starts with a great layout and it’s really easy to apply your own brand. Simple manipulations of color, font, and header images etc quickly distinguish your site from the skeleton template.

- Follow feature, similar to Tumblr or Twitter — allows you to keep tabs on your favorite Cargo pages.

- Developer forum. I had a small issue which I posted to the forum — received a response within 3 hours. Not bad!

- Slideshow and Fullscreen features for viewing images. This is exceptionally easy to incorporate (just a matter of clicking the buttons) and is a really great feature. Works flawlessly and adds an extra touch of unique functionality.

My Experience

I spent the last few days migrating my portfolio to the Cargo system. I had done a lot of the preparation work a while ago, when I put a portfolio up on Behance, so I didn’t have to spend too long sourcing my images and writing description paragraphs. I was thrilled to be moving to a more personalized portfolio space — as much as I love Behance, sometimes it can feel a little too much like a design Myspace.

The set up process was quick, easy, and remarkably enjoyable. All in all I would say it took about 6-8 hours from start to finish. Most of this time was spent designing the look and feel after the content was uploaded. Once I got familiar with the CSS at work, it was just a matter of figuring out exactly how I wanted to look — altering fonts sizes, small layout tweaks, and making sure everything worked properly. I only hit one or two speed bumps, all easily solved by a quick Google search.

I think it’s important to note that I am not a “web guy” by any stretch of the imagination — if I can handle it, this is a good sign for anyone intimidated by the words “CSS” or “target blank”. Having a basic understanding of CSS/HTML helps, especially if you are planning on tweaking the template significantly, but it is not completely necessary. Even with my limited knowledge, I was able to make the adjustments necessary to create a site I am happy with. As mentioned, the important part of a site like this is the work, and I didn’t really feel like I needed to brand the site too extensively.

As of now, Cargo is in the pre-release stage. I am really excited to see how this system evolves as more and more people get involved. I would highly recommend it to anyone debating which CMS to choose. If you would like to apply for an account, use the contact address on the website.

Favorite Cargo Sites
but does it float
superfamous studios (aka Folkert Gorter)
The Office of Feltron
Avant
Jory Dayne

28 Comments »   |  Posted by alex in Web Design, Websites

Adobe Inspire #5: Julius Shulman

Posted by Scott 08/14/09 | Link


My fifth and final post as guest blogger for Adobe Inspire is up. In this installment I talk about the godfather of architectural photography, Julius Shulman. Read the full article here.

I just wanted to say thanks to Adobe for having me and to everyone for checking out the articles this week. I had a great time writing for Inspire, be sure to keep an eye out next week for guest blogger Joshua Davis.

And now for a few selections that didn’t make the Inspire post:

koenig2106dailyicon
0433-30K
3875-11K
0043-16
0853-03KP

3 Comments »   |  Posted by Scott in Photography, Websites

Adobe Inspire #4: Neil Krug

Posted by Scott 08/13/09 | Link

2880293318_eefefc4286_o
3268620546_98675d87f0_o
3375064180_060da07c77_o
3268592274_0707e95139_o
3186231697_bfc104971b_o
3345961466_a280df3df6_o

In my fourth post for Adobe Inspire I cover the master of retro-lofi photography, Neil Krug. Read the full article here.

This is part of a guest blogging series: Part 1, Part 2, Part 3.

8 Comments »   |  Posted by Scott in Photography, Websites

Adobe Inspire #3: Timothy Saccenti

Posted by Scott 08/12/09 | Link

576
824
752
510

My latest post at Adobe’s Inspire Blog (where I’m guest blogging this week) is up. I focused on Photographer/Director Timothy Saccenti, who’s work you might recognize from some past posts.

Read the full article at Adobe Inspire

6 Comments »   |  Posted by Scott in Photography, Video, Websites

Adobe Inspire #2: Kalle Gustafsson

Posted by Scott 08/11/09 | Link

_MG_2193
n-3
nc2b02
org_image_36251
img_39422

As I mentioned earlier, I’m guest blogging over at Adobe’s Inspire Blog this week. Today I talked about the work and process of one of my favorite photographers, Kalle Gustafsson. Read the entire article at Adobe Inspire

By the way, Kalle has a great new portfolio up with loads of new work to look at. You can check it out at www.kallegustafsson.com

8 Comments »   |  Posted by Scott in Photography, Websites

Guest Blogging At Adobe Inspire

Posted by Scott 08/10/09 | Link

iso50-inspire
I’ll be guest blogging over at Inspire — Adobe’s Experience Design blog — this week. The Experience Design Team (XD for short) is an internal group at Adobe who develop applications and interfaces, you’ve seen their work in the form of the Photoshop CS4 and Lightroom interfaces. This months Inspire is focused on photography so I’ll be pointing out the photographers that inspire me and also talking about the roles photography plays in my own work. I posted up a short introduction today with more to come throughout the week. Check it out here.

6 Comments »   |  Posted by Scott in Websites

Indexhibit

Posted by alex 06/2/09 | Link

picture-1
Indexhibit is the brainchild of Daniel Eatock and Jeffery Vaska. It was started in 2006 and has since become a very popular tool for artists looking to establish their online presence. Creating an online portfolio for yourself can be extremely difficult, and Indexhibit ameliorates that process by simplifying the format side of the equation. (Both of the creators webpages are good examples.) In their words:

[Indexhibit] is a web application used to build and maintain an archetypal, invisible website format that combines text, image, movie and sound…Content flows to the edge of the browser, images can be displayed as thumbnails that can be enlarged etc., this is a break from traditional fixed layout design associated with print, and a move towards an interactive experience where the user creates their own viewing experience. (link)

What is the general consensus on Indexibit sites? I’m curious to hear how people feel about the frame format from a user perspective. Is this type of layout standardization a good thing? Personally I like landing on sites created with the Indexhibit format because the work is given center stage; navigation is clear and there is nothing about the layout or format to distract from the portfolio. Obviously it’s not right for every designer, and you lose an opportunity to develop a badass format of your own, but it’s nice to have some level of clarity at work. I am tempted to implement it for my own online portfolio, if only for the simplicity, though I’m worried people might land and say “Ah, one of those sites,” and have it be distracting in a ‘played out’ kind of way. Maybe that concern is unfounded, but I’d like to hear what people think. Also, if anyone has experience installing and working with the platform I’d be interested to hear your feedback about the process.

29 Comments »   |  Posted by alex in Websites

CBGB 360 Virtual Tour

Posted by Scott 06/1/09 | Link

picture-6picture-4
As you probably know, CBGB — the cradle of the NYC punk scene — was shut down in 2006. But not to worry, this site has got you covered with a 360° panoramic tour of the entire club photographed shortly before (or after?) it closed it’s doors forever. While this concept would surely make most of the bands who made the place famous roll over in their graves, it’s nice to know that the place is preserved in some form. The tour is solid as far as functionality is concerned (nice that it’s in Flash and not Quicktime VR) but the downright awful — and un-hideable — interface elements sort of detract from the experience. At any rate, the photos are high quality and you can zoom in and explore the very detailed shots of the interior and exterior of the club. Link

2 Comments »   |  Posted by Scott in Websites

Loworks Japan

Posted by alex 05/29/09 | Link

picture-55
picture-62
picture-73
picture-121
picture-82
Loworks is a design company based in Japan. I’ve been on a wacky illustration kick recently, and it’s always fun to see what Loworks is up to. Their old site is one of my all time favorite website designs. It may not be the best design from an accessibility standpoint, but you can’t beat the creativity and absolute craziness at work. I wish it was still active, always made me happy. Computer Arts did a small feature on Loworks if you are interested.

8 Comments »   |  Posted by alex in Print, Web Design, Websites

Muxtape

Posted by alex 05/15/09 | Link

francisandthelights
picture-7
picture-9
Muxtape is a new platform for bands to create profiles and showcase their music. It was originally designed as a place for users to upload MP3 mixtapes (like Apple iMixes) of their favorite music. This didn’t fly with the RIAA, and Muxtape had to shutdown in August of 2008; the year’s “most heartbreaking death” according to Wired. Rather than spend all of eternity in a futile legal battle, creator Justin Ouellette decided to switch gears and develop a new Muxtape centered around original content.

I haven’t had a chance to use it myself (new bands can only be invited by participating bands), but I see great potential for Muxtape. As a musician, I am constantly frustrated by the chaotic mess that is Myspace. If it wasn’t a necessary evil in the pursuit of a successful music career, I would gladly never visit Myspace again. The possibility of a new (and aesthetically pleasing!) platform is definitely exciting.

The layout of each Muxtape page is very simple and works off a strict three column grid. This creates a pleasing consistency between pages, and still allows a band’s personality to come through with creative implementations of the grid (without crashing my browser *cough* Myspace). It will of course be very difficult to compete with the reach and popularity of Myspace, but I think the simplicity of Muxtape’s design might be refreshing enough to draw a substantial number of users away. Some may miss the social networking component, but I like how Muxtape puts the focus back on the music and doesn’t allow for as many unnecessary distractions. Good luck Muxtape!

(via Subtraction. Great Article Khoi!)

8 Comments »   |  Posted by alex in Music, Websites

Buamai

Posted by Scott 05/13/09 | Link

buamai
Social image bookmarking sites are a dime a dozen these days (think ffffound, Dropular, and their ilk) but Buamai takes the concept to a new level. The brainchild of Michael Paul Young (co-creator of Youworkforthem), Buamai has thus far kept their contributor list closed — something I think is a must if you’re going to keep quality up. It seems that free-for-all sites’ content suffers incrementally as their user count rises. Buamai also has some novel sorting features along with the “Destoy” and “Mutate” options that make for some interesting modes of discovery. Here’s to hoping for an invitation. Buamai

16 Comments »   |  Posted by Scott in Websites

ISO50 On Twitter

Posted by Scott 04/2/09 | Link

ISO50 On Twitter
So considering all the infinite hype surrounding it, I’ve finally been experimenting with Twitter over the past couple weeks and I have to say, it’s been surprisingly fun. I hooked the blog up so that all the posts are linked up on my Twitter page (using Twitter Tools) and it’s been an interesting way to communicate via a more direct route than is possible with the blog alone. I’ll be posting up giveaways, extras that didn’t make the blog, process stuff (pictures of the daily work), and random other tidbits here and there. It will also be the front lines so you’ll be the first to hear about anything useful or interesting before it hits the blog.

So there you have it, ISO50 on Twitter, join up! @ISO50

26 Comments »   |  Posted by Scott in ISO50, Websites

Read Between the Leading Podcast

Posted by alex 03/22/09 | Link

picture-31
Read Between the Leading is a design podcast started by SCAD students Aaron Heth and Matt McInerney. They release just about one show per week and discuss a diverse range of design topics; everything from the Tropicana fiasco to a new name for the @ symbol. They usually have one guest per show, and they’ve already had Mark Simonson, Antonio from AisleOne, and the Grain Edit team on so far. You can listen on their website or subscribe in iTunes.

I never listen to the radio, and have never been able to incorporate podcasts into my routine, but I’ve been trying to keep up with RBTL. I love geeking out over design, and I don’t find many opportunities to do so outside of school. I also continue to be fascinated by differences between design programs across the country, and it’s great to hear the perspectives of students from schools like SCAD. Aaron and Matt do a good job compiling relevant and interesting issues to talk about; their passion for design is definitely contagious. They are still working out some kinks, but I could see the show really blowing up as they hit their stride. Anyone else had a chance to listen? I’d be interested to hear what you all think of the show.

3 Comments »   |  Posted by alex in Blogroll, Websites