Discover the best catalog websites created by professional designers. Get inspired and start planning your perfect catalog web design today!

A responsive CMS-based event listing board

Bird Events

Event Catalog

A Webflow assets directory template. Feel free to use this clone-able for any new additional elements you create, the existing pages are now your playground. This kit was designed to be used as a documentation / copy-and-paste tool. No restrictions apply.

We would like to send a warm thank you for taking time out to take a look at what we have to offer the community. This assets directory inspires to become more organized and to prototype/develop more rapidly with Webflow's copy-and -paste features. 

Re-Cloning Structure Credits to Ryan Morrison from Webflow

Ultimate - Web Asset Directory (Template)

Ultimate - Webflow Assets Management Directory

The template for the website of "Asian Trade" company which sell china industrial machines in Russia.

Asian Trade

Asian Trade. China machines trading company

Magical

A quick side project created while at Webflow! A little outdated, but still plenty of incredible tools in here!

The Best Tools For

Best Tools For

Web catalog of Zanotti refrigerators sales company in Minsk, Belarus. Quiz mechanics, Webflow Interactions and some design :)

Live site: https://belref.by

BelRefParts

BelRefParts. Catalog

Website for a local bridal wear store. 

The goal was to create a very elegant, bright website that was easy for users to browse gowns by their favourite designers.

Anne Whittaker Bridal Wear

anne-whittaker

An attempt to create a dictionary based on a single collection with 'first character' titles.

Here I wanted to avoid using a nested second collection with multi-refs for the 'first characters' because it became too messy for the client to manage because they'd have to (1) add the term+definition but then also (2) add as a multi-ref item within the 'first character' collection. Just too much work for the client.

So instead, this single collection uses a toggle to define the groupings based on the first character with a 'first-character'  combo class, conditional logic, and sorting to achieve the groupings.

Additionally, using finsweet js to combine collections to remove Webflow's limitation per page.

UPDATE: Checkout Timothy Ricks' solution which is super clean and pure genius: https://youtu.be/xZVDzO6ZLxc

Single CMS Dictionary, Grouped by First Character Title

CMS Dictionary, Grouped with Leading First Character Title

Catalog website for Radium Lamps brand. Catalog implemented using standard Webflow CMS features

Raduim

Radium Lamps Online Catalog

How do you recreate a website based on an outdated platform and interface design into a modern, CMS-heavy, and fully-responsive one? Integrate the powerful tools of Webflow. This is a product catalogue and database type website I created for Tefal Philippines. The whole UI is still based on their global look and layout but the backend is all made in Webflow.

Tefal Philippines

tefal-philippines

Menlo Park Historical Association is a non-profit aimed at preserving and sharing the history of Menlo Park.  They had a ton of great information and resources on a Google Sites page but it was lacking organization and search-ability.  With their team, we outlined a (Finsweet client-first) structure to organize their catalog of articles, photos, and newsletters (dating back to 1970!) to make it more discoverable and easy-to-use (thanks Finsweet attributes!).  They also had no way of taking member sign ups electronically (all done via mail-in check) so I hooked them up to a business Paypal account which allows them to automate their membership processes.

Menlo Park HA

Menlo Park Historical Association

This is a local family owned print shop that needed a new website.

Boomerang Printing

boomerang-printing

Large content site for self-development enthusiasts. Publishing feeds from YouTube, SoundCloud, and RSS.  Zapier integration. Course catalog. Custom, localized event feeds.

BROJO

BROJO Self-Development Group

Level

Built to showcase Elytone's corporate information and product catalog, this custom website was built to primarily generate new leads.

Elytone

Corporate Website for Elytone

Dogtas Montenegro

Earthen overseas is a group of company which is leading provider of high-quality tiles, sanitary ware, and faucets for use in residential and commercial projects.

earthen

earthen Overseas

Designer specializing in: Adobe production, specifically Illustrator, Photoshop and InDesign; Digital production for Print or Web; Project Management.

BRIGHT IDEA DESIGN

mjmaxam

Ricura Caribeña

Prevolution Digital

Memorial Plaques is the online home of The Anglia Sign Casting Company. They design and cast bronze memorial plaques specific to the individual needs and wishes of their customers.

Discover catalog websites built by the Webflow community

Discover catalog websites built by the Webflow community