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

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.

Nov 2nd 2026
5-12 Weeks
Computer Science UX User Experience
Details
Programming Mobile Applications for Android Handheld Systems: Part 1 (Coursera) Coursera
University of Maryland, College Park

Programming Mobile Applications for Android Handheld Systems: Part 1 (Coursera)

CS: Software Engineering CS: Programming

This course introduces you to the design and implementation of Android applications for mobile devices. You will develop an app from scratch, assuming a basic knowledge of Java, and learn how to set up Android Studio, work with various Activities and create simple user interfaces to make your apps run smoothly.

Oct 26th 2026
5-12 Weeks
Programming Mobile Applications Android Apps
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.

Oct 18th 2026
3 Weeks
Interface Information Design Interaction Design
Details
Introduction to C# Programming and Unity (Coursera) Coursera
University of Colorado System

Introduction to C# Programming and Unity (Coursera)

CS: Software Engineering CS: Programming

This course is all about starting to learn how to develop video games using the C# programming language and the Unity game engine on Windows or Mac. Why use C# and Unity instead of some other language and game engine? Well, C# is a really good language for learning how to program and then programming professionally. Also, the Unity game engine is very popular with indie game developers; Unity games were downloaded 16,000,000,000 times in 2016! Finally, C# is one of the programming languages you can use in the Unity environment.

Oct 26th 2026
4 Weeks
Programming C# Game Development
Details
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.

Oct 26th 2026
3 Weeks
Programming HTML Javascript
Details
Learn Accessible Web Design (Coursera) Coursera
Scrimba

Learn Accessible Web Design (Coursera)

Computer Science

This course is all about making the web a better place for everyone. You'll dive into what it truly means to build accessible websites and why it's so important. You'll get to grips with all the fundamentals of accessible development, like understanding contrast ratios, exploring the accessibility tree, getting familiar with WCAG levels, and much more.

Nov 2nd 2026
1 Week
HTML Web Design WCAG
Details
Web Design: Wireframes to Prototypes (Coursera) Coursera
California Institute of the Arts

Web Design: Wireframes to Prototypes (Coursera)

Art and Culture

This course is focused on the application of the early UX research to actual user interfaces: the creation of wireframes, high-fidelity mockups, and clickable prototypes. This course is the continuation of the course Web Design: Strategy and Information Architecture, in which students completed the first half of a large scale project—developing a comprehensive plan for a complex website.

Oct 19th 2026
4 Weeks
Web Design Prototype Wireframes
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.

Oct 19th 2026
4 Weeks
Web Design User Experience Adobe Illustrator
Details
Principles of UX/UI Design (Coursera) Coursera
Meta

Principles of UX/UI Design (Coursera)

Computer Science

Learn the fundamentals of User Experience (UX) research and design. Become immersed in the UX process of identifying problems and iterating and testing designs to find appropriate solutions. You’ll learn how to empathize with users through best-practice research approaches, and create common UX artifacts such as user personas. And you’ll use UX insights to make appropriate design decisions.

Oct 26th 2026
5-12 Weeks
User Experience User Interface Design User Interface
Details
Rapid Prototyping of Embedded Interface Designs (Coursera) Coursera
University of Colorado Boulder

Rapid Prototyping of Embedded Interface Designs (Coursera)

CS: Design & Product Computer Science

Rapid Prototyping is the second of three classes in the Embedded Interface Design (EID) specialization, an online version of the on-campus EID class taught in graduate embedded systems design. This course is focused on rapid prototyping of devices and systems and the related methods, practices, and principles that will help ensure your embedded interface designs are what your users both need and want.

Oct 19th 2026
4 Weeks
HTML UX Electrical Engineering
Details