Managing your Web Design Project
Getting project requirements from your Client
Wireframes, 8px Grid System and Atomic Design
Creating Style Guide for your Web Design
Design Desktop Wide Screen Version of WStudio Website
-
Online tools for Grid Calculations (12:30)
-
Planning your Grid (5:19)
-
White Space Plan (5:34)
-
Setting up artboard for Desktop Design (6:36)
-
Designing Hero Header Section Part 1 (12:17)
-
Designing Header Hero Section Part 2 (8:32)
-
Designing Process Section Part 1 (10:00)
-
Designing Process Section Part 2 (8:36)
-
User Reviews Section (8:49)
-
Web Design Adjustments and Fine tuning (5:46)
-
Designing Team Section Part 1 (10:32)
-
Designing Team Section Part 2 (6:42)
-
Design Footer Section Part 1 (8:18)
-
Design Footer Section Part 2 (10:37)
Tablet Medium View Design
-
Responsive Design Considerations Part1 (6:29)
-
Responsive Design Considerations Part2 (5:45)
-
Establishing Grid For Tablets (7:20)
-
Header Design for Tablet View (11:17)
-
Tablet View - How it works section (10:17)
-
Designing Team Section for Tablet Medium view (9:27)
-
Designing footer for Tablet Devices (8:48)
Mobile Small View Design for Wstudio Website
Designing for Developers
Prototyping for Web Design
SVG and Icon Fonts
