Coursera

Creating Website Mockups in VECTR (Coursera)

Offered by Coursera Project Network,
Creating Website Mockups in VECTR (Coursera)

VECTR is a free and powerful vector graphics software and create your very own unique graphic designs and implement them. By the end of this project, you will learn to create website mockups in VECTR, arrange them and export the designs in different formats and share them. You don’t need to be a professional designer or creative arts/design expert to take this project, but familiarity with services like Canva, Stencil, Visme and other similar services will surely aid in the experience.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

In this Guided Project, you will:

  • Create website mockups in VECTR
  • Arrange the mockups and export them

Learn step-by-step

  1. Setting up & prerequisites
  2. Elements to use & sample output
  3. Creating the initial mockup
  4. Generating alternative or additional mockups
  5. Arranging the mockups
  6. Exporting & Sharing the mockups
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera) Coursera
The State University of New York

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera)

CS: Software Engineering CS: Information & Technology

In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors.

Sep 28th 2026
3 Weeks
Programming HTML Javascript
Details
Create the User Interface in Android Studio (Coursera) Coursera
Meta

Create the User Interface in Android Studio (Coursera)

CS: Software Engineering Computer Science

This is a beginner course for learners who would like to prepare themselves for a career in Android development. To succeed in this course, you should understand the basics of Kotlin and cross-platform development for mobile applications. The course introduces you to creating a User Interface (UI) in Android Studio on a foundational level. You will learn about the fundamentals that will enable you to build meaningful and functional user interfaces for Android using Android Studio and Kotlin.

Sep 28th 2026
5-12 Weeks
Android Android Studio UI
Details
Introduction to UI Design (Coursera) Coursera
University of Minnesota

Introduction to UI Design (Coursera)

CS: Design & Product

In this course, you will gain an understanding of the critical importance of user interface design. You will also learn industry-standard methods for how to approach the design of a user interface and key theories and frameworks that underlie the design of most interfaces you use today. Through a series of case studies on commercial systems - many of which you likely use on a regular basis - we will illustrate the benefits of good design.

Sep 28th 2026
4 Weeks
Human Factor User Interface Design User Interface
Details
Design Principles: an Introduction (Coursera) Coursera
University of California, San Diego

Design Principles: an Introduction (Coursera)

CS: Software Engineering CS: Design & Product

What makes an interface intuitive? How can I tell whether one design works better than another? This course will teach you fundamental principles of design and how to effectively evaluate your work with users. You'll learn fundamental principles of visual design so that you can effectively organize and present information with your interfaces. You'll learn principles of perception and cognition that inform effective interaction design. And you'll learn how to perform and analyze controlled experiments online. In many cases, we'll use Web design as the anchoring domain.

Sep 21st 2026
3 Weeks
User Experience Information Design Interaction Design
Details
Introduction to CSS3 (Coursera) Coursera
University of Michigan

Introduction to CSS3 (Coursera)

CS: Software Engineering CS: Programming

The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits.

Sep 21st 2026
4 Weeks
Programming CSS Web Design
Details
Web Application Development: Basic Concepts (Coursera) Coursera
University of New Mexico

Web Application Development: Basic Concepts (Coursera)

CS: Software Engineering CS: Information & Technology

This is the first course in a Coursera Specialization track involving Web Application Architectures. This course will give you the basic background, terminology and fundamental concepts that you need to understand in order to build modern full stack web applications. A full stack web developer is familiar with each "layer" of the software technologies involved in a web application, including data modeling and database technologies, the web server environment and middleware components, network protocols, the user interface and basic visual design and user interaction concepts.

Oct 12th 2026
5-12 Weeks
Web Databases Data Modeling
Details
Learn CSS Flexbox (Coursera) Coursera
Scrimba

Learn CSS Flexbox (Coursera)

CS: Software Engineering

Mastering CSS Flexbox: Unlock the Power of Flexible Web Layouts. Discover the indispensable art of CSS Flexbox and elevate your web development prowess to new heights. In this comprehensive course, you'll gain proficiency in harnessing the unparalleled capabilities of Flexbox, revolutionizing the way you construct websites.

Sep 28th 2026
1 Week
Programming CSS Web Design
Details
Web Design: Strategy and Information Architecture (Coursera) Coursera
California Institute of the Arts

Web Design: Strategy and Information Architecture (Coursera)

Art and Culture

This course is focused on the early user experience (UX) challenges of research, planning, setting goals, understanding the user, structuring content, and developing interactive sequences. While the concepts covered will translate to many kinds of interactive media (apps, digital kiosks, games), our primary focus will be on designing contemporary, responsive websites. In this course you will complete the first half of a large scale project—developing a comprehensive plan for a complex website—by defining the strategy and scope of the site, as well as developing its information architecture and overall structure.

Sep 21st 2026
4 Weeks
Web Design User Experience Adobe Illustrator
Details
Information Design (Coursera) Coursera
University of California, San Diego

Information Design (Coursera)

CS: Design & Product

A blank canvas is full of possibility. If you have an idea for a user experience, how do you turn it into a beautiful and effective user interface? This covers covers principles of visual design so that you can effectively organize and present information with your interfaces. You'll learn concrete strategies to create user interfaces, including key lessons in typography, information architecture, layout, color, and more. You’ll learn particular issues that arise in new device contexts, such as mobile and responsive interfaces.

Sep 20th 2026
3 Weeks
Interface Information Design Interaction Design
Details
Introduction to User Experience Design (Coursera) Coursera
Georgia Institute of Technology

Introduction to User Experience Design (Coursera)

CS: Design & Product

The focus of this course is to introduce the learner to User Experience (UX) Design. User Experience design is design that is user centered. The goal is to design artifacts that allow the users to meet their needs in the most effective efficient and satisfying manner. The course introduces the novice to a cycle of discovery and evaluation and a set of techniques that meet the user's needs.

Oct 5th 2026
5-12 Weeks
Computer Science UX User Experience
Details