Advanced CMS Design

Phase 2 - Prototyping

Overview
Crucial Design Principles
Know Your Limits, and Design with them in Mind
201
Minimize Your Use of Multi-Refs
202
Crucial Design Principles
CMS Relationships
202
Minimize Your Use of Collection Lists
203
Minimize Your Use of Scripts
204
Manageability Matters
205
Design Approach
Design Approach
300
Prototyping
402
Demo Project
Example Project - IMDB
500
Phase 1 - Design
501
Phase 2 - Prototyping
502
Phase 3 - Build
503
Review our Project Results
505
Further refinements
506
Resources
How to structure your Webflow CMS Collections
901
The Xref Pattern for Two-Way References
902
Advanced
Webflow CMS Technical Deep Dive
951
No items found.
Published
Updated
November 6, 2022
in lightbox

Here's where we build our basic site, and work out all of the key design factors;

  • What data we need
  • How and where it will be presented
  • How to create the Collection Lists, and show related data
  • How to filter and sort everything we need
  • Any script needed to fill specific gaps, e.g. sorting or filtering issues

Have a look at the demo IMDB Project here, and the read-only project link.

User Review Testing

I highly recommend bringing another pair of eyes ( or many pairs ) in to play to review your design and make suggestions.

You don't want to discover that you've missed anything important after you're in too deep to change it easily.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.