Finishing this website for renowned Swiss Gallery Henze & Ketterer, showcasing some iconic artist that made art history. Invested a lot into design and content of artist profiles, artworks search functions, online viewing room section, and artwork photography. Powered by finsweet!

Galerie Henze & Ketterer - Gallery Webseite

I was quiet into "art" websites lately so it was nice to design & develop some nice motorcycle website for a great Yamaha dealer here in Switzerland – I had to be close to some branding but the Fotomaterial is a pleasure to use! Ride on!

Yamaha Motorcycle Dealer

Small Video Channel Project I prepare for the Swiss Ernst Ludwig Kirchner Archive. Since it is a draft, it is all static at the moment, no cms involved but many extras, such as clean page transitions (thanks Timothy Ricks), Tab-Filters, etc.

Video Channel for Ernst Ludwig Kirchner Archive

Still building this online viewing room to present artworks the user can engage with and learn more about. For example with a "before/after" slider, a "card-flip" interaction or a nice "magnifying glass" hover effect.

Online Viewing Room 

Free to clone: 

Navigation bar with site progress & index including a little link menu. 

On scroll the navbar hides and the progress bar shows the site scroll progress with an indicator going trough each chapters / section. Made simply with anchor point and one scroll interaction. Based on finsweet client first structure (more or less).

If section will be different in height, just adjust the page interaction and set some individual keypoints for each section.

Happy cloning.

Navbar with index and progressbar

Pleased to show my latest art related webflow project: A viewing room  and online exhibition for the Swiss Gallery Henze-Ketterer. Dedicated to two great artists from the 20th Century: Ernst Ludwig Kirchner and George Grosz. It is all about story telling while scrolling and involving the visitor to engage with the art and learn more about it.

I added many feautres starting with a sticky timeline that also acts as index for the whole site... discover all of it and it would be great to get some feedback from you!

Online Exhibition - Viewing Room for Modern Art

Expressiv shall become a curated online platform for art exhibitions by renowned international art institutions with focus on classical modernism and expressive art.

This is my first draft. I created a clean and simple design with a cms for all exhibitions based on artist and venue categories.

I added quite a bit of FinSweet attribute functions for all kind of filters, load more, prev/next cms, and so on. Check "now" and for past exhibition the archive.

Comments are welcome.

Art Exhibitions Platform

This clonable basic template is for art galleries. It only comes with the homepage I created as an example for a client - in the end I never used it - feel free to make something out of it.

The animated hero shows two gallery locations with exhibitions based on the CMS collection (check the switch).

The template has a minimal, clean design, is pretty raw and basic in its size and functions. Neverthelss I liked it and wanted to share it with you.

Art Gallery Template - clonable

Fun exercise and tribute to the Stripe Press website! I rebuild a small part of this great website in webflow with 100% native interactions, 3D effects and a little bit of depth. And of course a vintage lava lamp effect (!). Basic page load and section anchor menu is also included.

As content I used some vintage comics (offered by Sotheby's in the past) with a fictive brand called "rarebooks".

No time for more at the moment. Let me know if you like it, I might add some more parts and functions... Meanwhile feel free to clone it – maybe nice for an online shop, artist website, portfolio for printed stuff, etc.

rarebooks - vintage comics collection

My prototype for a clean and minimal online shop for art editions and artists' books. 

This one is dedicated to the works of Hungarian conceptual artists Géza Perneczky, who created those artworks in the 1970/80s.

The mini slider on the homepage on hover give you a preview of each book, before clicking and go the the details page.

Art Editions Online Shop

A mini portfolio and selection of art related websites I did in the past. I'm half art historian and half webflow developer, therefore working with webflow for the arts is great for me and my clients enjoy my expertise! 

I added a few smooth and minimal scroll interactions for this portfolio with links to the other project. 

Scroll down to see them live!

Artwork: Courtesy of Géza Perneczky / Patrick Urwyler

Viewingrooms – Websites for Art Professionals

Day 3 – it all comes to an end. We can only escape together – with the power of Zapier, lets help our hero to escape the cave!

Important info: Please, I only have 70 Zapier tasks left on my plan, please do not use the form submission too many times until the jury could review.

As soon as there is four four submissions the ladder is finished. I will erase the connected collection items from time to time, so people can restart building the ladder. This way the dialog of the frog and our hero might not make 100% sense (since there might be already some ladder pieces around), but the experience is great anyway you can always add a piece and climb up the ladder to succeed and finish day 3 on this island...

Enough talk, see yourselves. Cheers and big up to CloneComp.

The Div-Ladder Escape

My CloneComp Day 2 Submission. Based on the great Day One Submission by Ashely Crossland. I flipped the card and discovered that three is an other map, this time leading to dark caves... what will I find there? As yesterday I had 5 hours in total to build this... 

Check it and leave some comments if you like.

the-caves-of-finsweet-island

The Story of Finsweet Island – Clonecomp 2021 / Day 01
My Submission for Clonecomp 2021 Day 1 and a homage to the secret of Monkey Island - I created a start for each of you for your story driven clone comp projects – a nice one-page website where you enter the jungle, grab food, pack it into you backpack (with jetboost) and finally find shelter for the night...

Clone and make the story your own – day two is coming...

the-story-of-finsweet-island

Following the great Timothy Ricks, here some implementations of his glorious custom codes – all black & white:

Magnetic custom cursor adapting to the button's shapes and fills. I added some nav menu interactions, black text highlight, etc. 

Feel free to clone!

Lost? > Tutorial by Tricks here: https://www.youtube.com/watch?v=A2yzN7NSUo8

Custom Dark Magic

Played around with Fin'Sweets globe and used it to created a global map of artworks in collection by the artist Géza Perneczky.

I started adding some museums with the artworks and made a little tooltip for this list. This is only a prototype with custom "minimal" globe and background. Could be a nice feature for an artist/gallery website. 

Set up your own globe with FinSweet's and Weglot's superb project!

Mapping Artworks with FinSweets globe

An easy solution to render multi-images alts tags (edited in cms) into captions for the dynamic list of images.

Some instructions:

Go to the template page and copy the custom code (script) from the page settings. 

Two classes are needed:

The image class (e.g. "retro_img") and a class for the captions (e.g. "caption"). The captions will be automatically put under the image as a paragraph.

To control the look of the captions, create a paragraph element, add a class "captions", style it and then delete the paragraph (only the class must remain in the css). 

Done, the captions should appear under the image.

I'm sure you can bring this very basic example even further.

Script found in stackoverflow created by user "SuperDJ":
https://stackoverflow.com/questions/51964433/display-image-alt-text-using-vanilla-javascript

Happy cloning.

Alt Tags as Captions for CMS Multi-Images

Another clone for your featured in my new webflow portfolio. Project cards, on click unveiling a transition effect and full screen modal. Each card with individual client colors. Watch out for the combo classes when duplicating and add new interactions!

Let me know if you have problems.

And check the full portfolio here: www.web-bureau.weblfow.io

Wanna have another cloneable section available - let me know in a comment.

Happy cloning!

Patrick Urwyler

About

Skills

About

About