Coursera

Creating Website Mockups in VECTR (Coursera)

Offered by Coursera Project Network,

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

Setting up & prerequisites
Elements to use & sample output
Creating the initial mockup
Generating alternative or additional mockups
Arranging the mockups
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

Coursera

Duke University

Cloud Computing Foundations (Coursera)

CS: Information & Technology

Welcome to the first course in the Cloud Data Analysis at Scale Specialization! In this course, you will learn how to build foundational Cloud computing infrastructure, including websites involving serverless technology and virtual machines. You will also learn how to apply Agile software development techniques to projects which will be useful in building portfolio projects and global-scale Cloud infrastructures.

Nov 16th 2026

5-12 Weeks

Cloud Cloud Computing Website

Coursera

Scrimba

Learn HTML and CSS (Coursera)

CS: Programming Computer Science

This course is perfect if you want to learn how to code websites from scratch. You will learn the basics of HTML and CSS through interactive challenges. Along the way, you will build multiple projects, like a Google.com clone, a Space Exploration page, and a fun birthday site filled with GIFs. While most of the challenges are done in Scrimba's interactive editor, you will also learn how to use professional tools like VS Code for code editing, GitHub for hosting your code, and Netlify for deploying your projects to the world wide web.

Nov 9th 2026

5-12 Weeks

Programming HTML CSS

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.

Nov 16th 2026

4 Weeks

Programming CSS Web Design

Coursera

University of Maryland, College Park

Usable Security (Coursera)

Security & Networking

This course focuses on how to design and build secure systems with a human-centric focus. We will look at basic principles of human-computer interaction, and apply these insights to the design of secure systems with the goal of developing security measures that respect human performance and their goals within a system.

Nov 30th 2026

5-12 Weeks

Cryptography Security Cybersecurity

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.

Nov 16th 2026

4 Weeks

Web Design User Experience Adobe Illustrator

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.

Nov 16th 2026

3 Weeks

User Experience Information Design Interaction Design

Coursera

Google

Design a User Experience for Social Good & Prepare for Jobs (Coursera)

CS: Design & Product Computer Science

Design a User Experience for Social Good and Prepare for Jobs is the seventh and final course in a program that will equip you with the skills you need to become an entry-level UX designer. In this course, you will design a dedicated mobile app and a responsive website focused on social good. You will showcase all that you’ve learned during the certificate program to complete the design process from beginning to end: empathizing with users, defining their pain points, coming up with ideas for design solutions, creating wireframes and prototypes, and testing designs to get feedback. By the end of this course, you will have a new cross-platform design project to include in your professional UX portfolio.

Nov 3rd 2026

5-12 Weeks

UX User Experience Prototype

Coursera

Google

Create High-Fidelity Designs and Prototypes in Figma (Coursera)

CS: Design & Product

Create High-Fidelity Designs and Prototypes in Figma is the fifth course in a certificate program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design. In this course, you will follow step-by-step tutorials to learn how to create high-fidelity designs, called mockups, in Figma, a popular design tool. Then, you’ll turn those designs into an interactive prototype that works like a finished product. You’ll conduct research to collect feedback about your designs and make improvements. Finally, you’ll learn how to share your designs with development teams and highlight your work in your professional UX portfolio.

Nov 16th 2026

5-12 Weeks

UX User Experience Prototype

Coursera

NIIT StackRoute

Building Interactive User Interfaces Using React Library (Coursera)

CS: Software Engineering CS: Information & Technology

A frontend application is expected to have an attractive, responsive UI and a seamless UX with swift navigable views. Single Page Applications (SPAs) fulfill these expectations as they are lighter and efficient. React, a popular JavaScript library is used for developing complex user interfaces for single page applications (SPAs). Facebook, Instagram, Netflix, Airbnb etc., are some of the famous websites that use React.

Nov 9th 2026

5-12 Weeks

UX UI User Interface

Coursera

University of Toronto

App Design and Development for iOS (Coursera)

CS: Software Engineering CS: Programming

In App Design and Development for iOS, the third course of the iOS App Development with Swift specialization, you will be developing foundational programming skills to support graphical element presentation and data manipulation from basic functions through to advanced processing. You will continue to build your skill set to use and apply core graphics, touch handling and gestures, animations and transitions, alerts and actions as well as advanced algorithms, threading and more. By the end of this course you will be able to develop a more advanced, fully functioning app.

Nov 9th 2026

5-12 Weeks

iOS Mobile Development Swift

Coursera

Create the User Interface with SwiftUI (Coursera)

Computer Science

In this course learners will learn how to build meaningful and functional user interfaces for iOS using Swift and UI frameworks.

Nov 9th 2026

4 Weeks

Swift User Interface Swift Programming

Coursera

University of Colorado Boulder

Print and Digital Elements of Design: Branding and User Experience (Coursera)

Architecture & Design

Graphic design projects can be delivered in either a printed format or a digital format, or both. This course will look at how to work with creative professionals to get the ideal usage out of a design to use in print medium such as logos, brochures and larger printed projects that will also carry over as seamlessly as possible into the digital realm of websites and social media. We will also cover the user experience and how to keep the end result in mind when working on creative endeavors.

Nov 16th 2026

3 Weeks

Graphic Design Web Design User Experience