πŸš€
Uniweb CMS
English
English
  • Uniweb CMS
  • πŸ’«Let academic websites build themselves
  • Guides
    • ☁️How to manage content with profiles
    • πŸ“°How to create content-first websites
  • Video playlists
    • ▢️Content management and website building
    • ▢️Feature walkthrough
    • ▢️Website template creation
  • Advanced Use Cases
    • 🎨How to create website templates
      • πŸŽ‹Design starts from data
        • 1️Creating logical data paths
        • 2️Planning for exceptions
        • 3️Defining clear, logical rules
        • 4️Other data design elements
      • πŸ—ΊοΈThink about the viewer's path
      • πŸ—ƒοΈFilter options, defining ranks for content, and more
      • πŸ–ŒοΈThe design process
      • πŸ› οΈUniweb Launchpad
Powered by GitBook
On this page

Was this helpful?

  1. Advanced Use Cases

How to create website templates

PreviousWebsite template creationNextDesign starts from data

Last updated 2 years ago

Was this helpful?

A website is a collection of web pages that are linked together and used as a communication tool. With our new design methodology, profile-driven design (PDD) we are enabling a communication tool that is adaptable, intuitive, and data driven.

As a designer, your role shifts and encompasses both the graphic design as well as the data design. Fear not, this doesn’t require any code or complex data manipulation, leave that to the developers. In fact, everything you need to do will be done right in Figma. You can get the template here:

When it comes to designing a website based on profiles there are a few things that are different compared to regular design:

This section aims to introduce you to the fundamental ideas behind PDD by explaining the data paths, exception planning, defining clear rules, and other profile-driven design elements.

The viewer's path is crucial and having a good idea of where people will go on the website makes it easier to think about the content the website should serve them to keep them on the website for longer.

For researchers with lots of projects, publications, and everything else, filtering, sorting, and searching are imperative. This section explains how to properly define these filters while also talking about how to assign ranks for suggested content.

This section covers all the steps during your design process. Starting with selecting the data, moving to the design, followed by testing, and finally identifying all your paths, rules, and other options.

Uniweb Launchpad is the tool you'll use to customize the profile and add sections that can help with your template design. This section tells you how and the best practices to follow

🎨
πŸŽ‹Design starts from data
πŸ—ΊοΈThink about the viewer's path
πŸ—ƒοΈFilter options, defining ranks for content, and more
πŸ–ŒοΈThe design process
πŸ› οΈUniweb Launchpad
https://www.figma.com/community/file/1139621786687163502
Profile-driven design for Uniweb CMS templates