14islands

14islands portfolio

A beautiful company portfolio website using organic shapes and hover effects to immerse you in their work.

Visit Portfolio

14islands’ site leads with an auto-playing video, which opens a sleek showreel video when you click it – allowing them to quickly show off a large range of their work and get you hooked to explore further.

Showreel video

The rest of the home page is dedicated to listing their projects, arranged in a grid layout. The hover effect is really cool, with an organic ‘blob’ following your cursor and changing to an accent color that pairs with each project.

Hover me!
Work grid layout Work grid layout
Work grid layout

Each case study starts with a clear, concise summary of the project and what they did, set on an accent color to clearly separate each one.

Case study intro
Hover me!
Case study content Case study content

The case studies are detailed: with plenty of text to explain what they achieved, and plenty more stunning visuals of the work itself, presented in a variety of layouts that work really well.

Case study content

Here’s a really nice subtle detail – this little statement at the top of the page acts as the menu, with the underlines changing as you navigate.

Hover me!
Menu Menu

The organic blob shapes carry throughout the site and all of its micro-interactions, creating a consistent vibe wherever you go. It’s used really nicely on the team section to reveal a little bio for each person.

Team section

And here’s another one for the badass footers collection – as you reach the bottom of the page, the cursor changes to a pencil allowing you to scribble underneath the content.

Footer

The footer also reveals another hidden gem: the Lab page, a place to keep all their experiments and passion projects. Nice!

Lab page
Prev
Mike Matas portfolio

A stunning and perfectly executed minimalist horizontally-scrolling timeline portfolio.

Next
Thomas Quigley portfolio

A stylish portfolio that does a great job of teasing password protected case studies.

Killer Portfolio Monthly(ish) Digest

Sign up to receive an occasional email with all the most recent featured sites and other helpful portfolio tips.