Beginners Guide To Web Design Wireframes

Learn to build interactive wireframes without writing any code & learn several key design concepts along the way.

Last updated 2022-01-10 | 4.5

- Learn Why Students should learn basic design first
- then coding
- Select a domain name that is aligned to their business idea.
- Understand the essential concepts of UI/UX

What you'll learn

Learn Why Students should learn basic design first

then coding

Select a domain name that is aligned to their business idea.

Understand the essential concepts of UI/UX

Have A brief understanding of web development

Understand the Different Types of Websites

Get Familiar with Balsamiq Wire framing Tool

Build Wireframes for the Google Chrome Website

Link various Screens

* Requirements

* Basic Computer Skills

Description

The first step to building great websites & apps is to learn how to design them. Learn the fundamentals of web & web design. In this course you will learn how to design the website of your wishes from scratch using industry leading tool, Balsamiq Mockups.

Learn how to build wireframes and bring those wireframes to life by creating interactive clickable wireframes without writing a single line of code.

You will wireframe the google chrome website and make it completely interactive.

If you want to get started on learning design quickly in order to make your ideas come to life. This course is for you.

Who this course is for:

People who want to build websites for their ideas but don't know where to start

Course content

6 sections • 13 lectures

Introduction 1 lectures

Introduction Preview 00:52

You will learn why it is important to learn design before you learn coding. The mistakes beginners make is they choose to start with coding before they learn what they want their website or product to do. After This you would be able to understand the advantages learning design first brings.

Introduction to Wireframes 2 lectures

Getting The Tools Preview 01:04

You will learn how to get the industry leading tool to create beautiful mockups, Balsamiq on your computer and get started

Your first Wireframe Preview 05:40

You will learn how to start building wireframes using Balsamiq tool. Also learn various features of Balsamiq Mockups tool.

Web Fundamentals & Design Basics 3 lectures

Design Basics Preview 02:52

You will understand a few fundamental concepts of design and what is the difference between web design and web development.

How to Communicate to a Web Developer Preview 01:07

You will get a clear understanding on the terms used by web developers and be able to communicate with them in a much better way.You will be able to talk their language.

Types of Websites Preview 05:17

You will understand what is the difference between a responsive website and a static website. You will also understand why it is crucial to be designing keeping a Mobile first approach.

Wire Framing the Google Chrome Website 4 lectures

Wire Framing the Google Chrome Website Part 1 Preview 08:28

You will analyse the Google Chrome Website and start to recreate the same using Balsamiq Mockups.

Wire Framing the Google Chrome Website Part 2 Preview 14:19

You will learn how to wireframe all elements of the Google Chrome Website including the footer region and build a cohesive wireframe.

Building The Pop Up Window

Wireframe the Pop Up Window for the Google Chrome Website

Making the wireframe interactive & Final Touches Preview 02:45

You will learn how to make the wireframe Interactive by linking the various screens together and also polish out the wireframe.

Wire framing a Mobile Responsive Landing Page 2 lectures

WireFraming Landing Page - Lesson 1 Preview 09:53

In this lecture you will learn how to wireframe a mobile ready landing page.

WireFraming A Landing Page - Lesson 2 Preview 08:40

In this lecture you will learn how to wireframe a mobile ready landing page.

Next Steps 1 lectures

Domain Name Best Practises Preview 07:44

Getting a truly integrated domain name is vital if you are creating a website. Go are the days having just a website was enough, the world has gone social and it is vital to have social media handles that align with your domain name. Learn how to get the best domain name for your website.

Here I have taken an example of E Commerce store from an upcoming course catering to building E Commerce stores in India.