ao link
Affino
Solutions
Services
Insights
Blogs
About
Support
Contact
Search
CONTACT
ABOUT
BLOGS
SERVICES

Design Training

If you this is your first time undertaking our design training, then please start at the first Design Style video, and work your way through as highlighted. If you are coming back here to refresh your understanding, or discover more about a specific concept then all our videos are listed in their relevant sections.
Design Styles & Fonts
Design Objects & Skins
Demo Builds
Templates
Design Elements
Message Templates

Design Styles

Design Styles Pt 1

Design Styles Pt 1

Create, copy & delete 09:00
Design Styles Pt 2

Design Styles Pt 2

Assign to a skin 01:59
Design Styles Pt 3

Design Styles Pt 3

Styling Templates & Design Elements 12:04
Design Styles Pt 4

Design Styles Pt 4

Live Design Mode & Review 10:07

Fonts

Fonts

Fonts

Using Google & Custom fonts 10:22

Design Objects & Skins

Design Objects Pt1

Design Objects Pt1

Create, copy and delete. 21:21
Breakpoints

Breakpoints

Add a new breakpoint, and work with existing breakpoints. 05:40
Design Objects Pt 2

Design Objects Pt 2

Create a new skin, assign a design object, and add to a channel. 05:03
Design Objects Pt 3

Design Objects Pt 3

Edit and update properties, content and style with live design mode. 05:03
Design Objects Pt 4

Design Objects Pt 4

Adding custom CSS to style a design object. 07:24
Design Objects Pt 5

Design Objects Pt 5

Creating and embedding row and cell type design objects. 15:08

Demo Build

Basic Navigation Pt 1

Basic Navigation Pt 1

Create a basic navigation in desktop format. 27:49
Basic Navigation Pt 2

Basic Navigation Pt 2

Create a basic responsive navigation and menu. 11:24
Basic Footer

Basic Footer

Build a basic footer 29:34
Basic Listing

Basic Listing

Build a basic listing page 25:51
Basic Article

Basic Article

Build a basic article page 26:08
Basic Landing Page

Basic Landing Page

Build a basic landing page 49:51

Templates

Prime Content Pt 1

Prime Content Pt 1

A deep dive into the prime content design element 1:24:58
Prime Content Pt 2

Prime Content Pt 2

A deep dive into the prime content design element 32:08

Design Elements

Article Listing

Article Listing

A deep dive into the article listing design element 1:05:45

Message Templates

5 minute build

5 minute build

Here we show you can build a new message template in 5 minutes 6:48
Message Templates Pt 1

Message Templates Pt 1

The first part of a deep dive into the new Message Template builder 29:11
Message Templates Pt 2

Message Templates Pt 2

The second part of a deep dive into the new Message Template builder 21:21

Menu Builder & Design Element

Menu Builder

Menu Builder

A look at how we create a menu using the menu builder. 7:56
Dropdown menu

Dropdown menu

How to create a menu with a simple dropdown. 11:19
Mobile Menu

Mobile Menu

In this video we configure the menu for viewing on mobile devices. 12:04
In page menu

In page menu

In this video we look at how to add a menu within a page. 6:06
Horizontal Scroll Menu

Horizontal Scroll Menu

In this video we look at the final menu type, Horizontal scroll. 7:02
Additional Extras

Additional Extras

In this final video we will explore some additional options and configuration. 18:26

Driving business at some of the world's most forward thinking companies

Our Chosen Charity

Humanity Direct


Meetings:
Google Meet and Zoom

 

Venue:

Soho House, Soho Works +

Registered Office:
55 Bathurst Mews
London, UK
W2 2SB

© Affino 2024

Solution

Overview
Case Studies
Featured Clients
Affino for Publishers
Affino for Professional Services
Affino for Event Organisers
Affino for Member Organisations
Sustainability

Get In Touch

Tel 44 (0)20 3603 3155

Contact Us
engage@affino.com

Stay In Touch

Legal