Masterclass By Neftali Loria

Release date:2021

Duration:21 h 00 m

Author:Neftali Loria

Skill level:Beginner

Language:English

Exercise files:Yes

Table of Contents

Module 1

1. Introduction

2. Setup for Success

3. Define the Strategy

4. Don’t Reinvent the Wheel

Module 2

1. Introduction

2. The Moodboard

3. The Interface

4. Exporting Assets

Module 3

1. Introduction

2. The Setup

3. The Build

4. Mobile Build

5. Animations

6. Webflow CMS

7. Optimization

Module 4

1. Introduction

2. Craft Essentials

3. Craft Core

4. The Build Part I

5. The Build Part II

6. Publish

Module 5

1. Introduction

2. The Message

3. The Motion Flow

4. The Video Formats

5. Code

Module 6

1. Introduction

2. Website Visitors

3. Build an Audience

4. Campaigns & Budgets

Module 1

1. Introduction

1.1 – Tools for Success 1.2 – What is UX 1.3 – Design Thinking

2. Setup for Success

2.1 – Asking the Right Questions 2.2 – What are we building 2.3 – Project Management 2.4 – Tracking our efforts 2.5 – Say Hello to Milanote

3. Define the Strategy

3.1 – Research and Analysis 3.2 – Target Audience 3.3 – Customer Journey 3.4 – Pain Points and Solutions 3.5 – Exploring UX Patterns

4. Don’t Reinvent the Wheel

4.1 – Ideas Paper Sketches 4.2 – Wireframe Frameworks 4.3 – Intro to Figma 4.4 – Digitalizing our Ideas 4.5 – Part I Exploring Crazy Ideas 4.5 – Part II Page Structure 4.5 – Part III Basic Components 4.5 – Part IV Related Components 4.5 – Part V Core Sections 4.6 – System Flowchart 4.7 – Prototype & User Testing

Module 2

1. Introduction

1.1 Tools for Success 1.2 UI Design Patterns 1.3 Gestalt Principles 1.4 Design Standards

2. The Moodboard

2.1 What is the Moodboard 2.2 Research and Inspiration 2.3 Part I The Look & Feel 2.3 Part II Atomic Design Practice 2.4 Textured Gradients 2.5 Typography and Hierarchy 2.6 Clean the Styleguide 2.7 3D Shapes with Vectary

3. The Interface

3.1 The Grid System 3.2 Above the Fold 3.3 The Fixed Navigation 3.4 Features I Continuity 3.4 Features II Common Region 3.5 Products I Proximity 3.5 Products II Symmetry 3.6 Visual Parallax 3.7 One-Click Registration 3.8 Adapting to Mobile 3.9 Organizing our System

4. Exporting Assets

4.1 Preparing to Export 4.2 Compress our Assets 4.3 Figma Microanimations

Module 3

1. Introduction

0.1 Webflow Masterclass 1 What Are We Building 1.1 Tools for Success 1.2 The #NoCode Movement

2. The Setup

2.1 Why Webflow 2.2 Accounts vs Hosting 2.3 General Webflow Settings 2.4 Importing Fonts 2.5 Webflow Limitations 2.6 Designer View 2.7 Playground Part I 2.8 Playground Part II 2.9 Playground Part III

3. The Build

3.1 Core Page Sections 3.2 Hero Part I Flex & Bgs 3.2 Hero Part II Grid & Utilities 3.2 Hero Part III Figma Assets 3.3 Fixed Navigation 3.4 Features Part I Slideshow & Grid 3.4 Features Part II Relative Objects 3.5 Products Part I Tab Component 3.5 Products Part II Grid Overlay 3.6 The Parallax Setup 3.7 Building the Signup Form

4. Mobile Build

4.1 Intro to Breakpoints 4.2 The Mobile Hero 4.3 The Mobile Nav 4.4 The Overflow Hack 4.5 The Mobile Features 4.6 The Mobile Products 4.7 The Mobile Parallax 4.8 The Mobile Signup

5. Animations

5.1 Basic CSS Animation 5.2 Lottie Animations 5.3 Navbar Animations 5.4 Viewport X-Axis Interaction 5.5 3D Transform Animations 5.6 Self Perspective 5.7 Scroll Animations 5.7 Viewport Y-Axis Interaction 5.8 Parallax Animations 5.9 Extra Tips & Tricks 5.9 Homepage Loader

6. Webflow CMS

6.1 Intro to Collections 6.2 Create & Import Data 6.3 Filter & Sort Settings 6.5 Data Relationships 6.4 Dynamic Templates 6.6 Search & Index Data 6.7 Review Final Templates 6.8 The Editor Dashboard

7. Optimization

7.1 SEO Essentials 7.2 Optimize Page Speed 7.3 DNS Configurations 7.4 Publishing the Website 7.5 Post-Launch Checklist

Module 4

1. Introduction

1.1 What are we building 1.2 Tools for Success 1.3 The Craft Mindset

2. Craft Essentials

2.1 Intro to HTML & CSS 2.2 Webflow Code 2.3 Licensing & Hosting 2.4 Craft Installation 2.5 Craft Interface Tour 2.6 Craft Plugin Store 2.7 Craft Documentation

3. Craft Core

3.1 Local Environment 3.2 Version Control 3.3 Database Installation 3.4 Local vs Cloud Assets 3.5 Transactional Emails 3.6 Sections & Fields 3.7 Import Database 3.8 Twig Syntax 3.9 Template Inheritance

4. The Build Part I

4.1 Entries & Categories 4.2 Craft Includes 4.3 Intro to Queries 4.4 Related Entries 4.5 Dynamic Templates 4.6 Category Navigation 4.7 Lightswitch & Embeds 4.8 SEO Meta Tags 4.9 Pagination

5. The Build Part II

5.1 Sign Up 5.2 Login & Reset 5.3 Profile Template 5.4 Google Signup 5.6 Wishlist 5.5 Search & Results 5.7 Singles & Structure 5.8 Navigation Plugin

6. Publish

6.1 Sitemap Plugin 6.2 Git Deployment 6.3 Go Live wFortrabbit

Module 5

1. Introduction

1.1-what-are-we-building 1.2-tools-for-success 1.3-the-state-of-editing

2. The Message

2.1-video-structure 2.2-finding-a-rhythm 2.3-visual-storyboard

3. The Motion Flow

3.1-introduction-to-adobe-premiere 3.2-proxies-indexing 3.3-audio-trim 3.4-rough-cut 3.5-ultra-key-transitions 3.6-masking-elements 3.7-basic-color-grading 3.8-motion-graphics

4. The Video Formats

4.1-video-formats 4.2-export-settings

5. Code

fonts.7z illustration.7z gfx.7z logo.7z marketing.7z photos.7z psd.7z video.7z.001 video.7z.002 video.7z.003 video.7z.004 video.7z.005 video.7z.006 video.7z.007 video.7z.008 video.7z.009

Module 6

1. Introduction

1.1-action-plan 1.2-tools-for-success 1.3-marketing-foundations

2. Website Visitors

2.1-intro-to-crms 2.2-email-acquisition 2.3-email-deliverability 2.4-tracking-user-data

3. Build an Audience

3.1-define-your-strategy 3.2-search-engine-marketing 3.3-seo-keywords 3.4-tools-for-growth

4. Campaigns & Budgets

4.1-personalized-engagement 4.2-simple-retargeting 4.3-video-campaigns 4.4-boost-traffic-w-google

[KreativePro] Masterclass By Neftali Loria.7z [KreativePro] Masterclass By Neftali Loria_Subtitles.7z

  Channel    and      Group