Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Mockplus RP - Complete Website Design from Scratch
Rating: 4.5 out of 5(17 ratings)
1,529 students

Mockplus RP - Complete Website Design from Scratch

Learn the entire design process from idea, user flow, wireframe to hi-fi prototypes in Mockplus RP
Created byAleksandar Cucukovic
Last updated 2/2023
English
English [Auto],

What you'll learn

  • What is Mockplus RP and what it can do
  • How to set up a project
  • How to create flowcharts and site maps
  • Turn those flowcharts into wireframes of any fidelity
  • Add colors, images and styles to create your design
  • Bring life to your design by using prototyping features
  • Share those prototypes to get feedback
  • Share to Mockplus Cloud for feedback, handoff and development

Course content

1 section • 9 lectures • 1h 46m total length

  • What is Mockplus RP1:29

    Discover how Mockplus RP enables browser-based UI/UX design, real-time collaboration in teams, and handoff to developers via cloud integration, with hundreds of components and templates.

  • Course Project Breakdown1:33

    Explore a complete website design workflow from task flows to wireframes. Create designs, add interactions, and export prototypes for offline viewing, sharing with teams, clients, and developers.

  • Working With Flowcharts14:18

    Create quick flowcharts in Mockplus RP, set up a 1920 by 1080 VR project, and connect sections with connect mode from hero image to explore, possibilities, gaming, video, testimonials.

  • Creating Wireframes36:54

    Master rapid wireframing to experiment with layout and element positioning using a 1920 by 1080 canvas, hero sections, color overlays, and reusable components for quick design iteration.

  • Creating Design22:15

    Turn wireframes into a polished web design by adding real copy, logos, hero imagery, color overlays, and careful layout and spacing, then replace assets and fine-tune typography.

  • Adding Interactions14:18

    Learn to add on load and hover interactions to a page by animating the hero text and image, applying mouse enter/leave triggers, rotations, and scaling, plus preview and publish.

  • Preview, Share and Mockplus Cloud10:43

    Learn to gather actionable client feedback and streamline collaboration with previews, share links, and Mockplus cloud, while using annotations, revision history, and developer-friendly assets.

  • Collaboration4:22

    Invite collaborators, assign permissions to edit, design, comment, or preview in MockPlus RP, share libraries, use nodes, and export the RP file while tracking revision history in real-time.

  • Outro0:31

    Conclude this class with new information about Mockplus RP and applying it in your workflow. Explore more Mockplus courses on the creator's profile, including basic scores and template scores.

Requirements

  • No previous Mockplus RP experience required, you will learn everything you need to know in this class
  • I have a basics Mockplus RP course here on Udemy, if you want to know the basics of this tool.
  • Some previous UX/UI experience preferable.
  • Some previous UX/UI flow experience preferable but not mandatory.
  • Some previous UI prototyping experience preferable, but not mandatory.
  • Any internet browser for Mockplus RP to work

Description

Mockplus RP is an UX/UI design, prototyping and collaboration tool which is free to get started and it works completely in a browser. You can plan, design, prototype, share and collaborate all within one tool and when combined with Mockplus Cloud, you can share your designs for handoff or detailed commenting and collaboration features.


In this course we will cover the full workflow and create a website design from scratch. We will start with the project breakdown, create flowcharts, wireframes, design and add interactions to make it more dynamic.


Hey designer, my name is Alex and in this course we will cover:


  • What is Mockplus RP

  • Course Project Breakdown

  • Working with flowcharts

  • Creating wireframes of any fidelity

  • Turning wireframes into designs

  • Adding interactions to bring designs to life

  • Previewing, sharing and Mockplus Cloud

  • Collaboration and versioning features


This course is designed to speed up your design process and show you some more advanced Mockplus RP features. By the end of the course you will be able to plan, design, prototype, share and handoff a project of any complexity from scratch. To learn how to use Mockplus RP or design using its pre-made templates, please see my other free Mockplus RP courses.


I look forward to seeing you in class!


Have a creative day.

Alex

Who this course is for:

  • Beginners who are just starting out with UX/UI design
  • Mid level designers who didn't learn the fundamentals and want to perfect their craft
  • Designers interested in getting started with Mockplus RP
  • Designers interested in Figma, Sketch or Adobe Xd alternatives
  • Graphic designers looking into changing career.
  • Anybody interested in learning UX/UI design and Mockplus RP

Report abuse