Creating Website Mockups in VECTR (Coursera)

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

Learn CSS Flexbox (Coursera) Coursera
Scrimba

Learn CSS Flexbox (Coursera)

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.

Oct 26th 2026
1 Week
Introduction to C# Programming and Unity (Coursera) Coursera
University of Colorado System

Introduction to C# Programming and Unity (Coursera)

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
Learn UI Design Fundamentals (Coursera) Coursera
Scrimba

Learn UI Design Fundamentals (Coursera)

The ability to create stunning user interfaces is a skill any frontend developer will benefit from, whether you're in a team, a consultant, or want to build your own projects. This course will teach you the seven fundamentals that underpin any beautiful and effective user interface. Through lectures and interactive exercises, you'll discover the skills you need in order to build UIs that both look amazing and feel great to use. You will build everything in the browser using HTML and CSS, and put your new skills to the test many times throughout the course!

Nov 2nd 2026
1 Week
Introduction to CSS3 (Coursera) Coursera
University of Michigan

Introduction to CSS3 (Coursera)

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.

Oct 19th 2026
4 Weeks
Introduction to User Experience Design (Coursera) Coursera
Georgia Institute of Technology

Introduction to User Experience Design (Coursera)

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
Design a User Experience for Social Good & Prepare for Jobs (Coursera) Coursera
Google

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

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.

Oct 20th 2026
5-12 Weeks
Rapid Prototyping of Embedded Interface Designs (Coursera) Coursera
University of Colorado Boulder

Rapid Prototyping of Embedded Interface Designs (Coursera)

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
Front-End Developer Capstone (Coursera) Coursera
Meta

Front-End Developer Capstone (Coursera)

The Capstone project enables you to demonstrate multiple skills from the Certificate by solving an authentic real-world problem. Each module includes a brief recap of, and links to, content that you have covered in previous courses in this program. This course will test your knowledge and understanding, and provide you with a platform to show off your new abilities in front-end web development using React. During this course, you will be guided through the process of building an app, combining all the skills and technologies you've learned throughout this program to solve the problem at hand.

Oct 19th 2026
4 Weeks
Web Design: Strategy and Information Architecture (Coursera) Coursera
California Institute of the Arts

Web Design: Strategy and Information Architecture (Coursera)

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
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)

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
Print and Digital Elements of Design: Branding and User Experience (Coursera) Coursera
University of Colorado Boulder

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

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.

Oct 19th 2026
3 Weeks