How to create a wireframe with Pencil desktop software

An example of anq interactive HTML5 quiz – drag and drop entries to the correct places. I created it using the open source H5P software. The quiz aims for learners to apply their knowledge and as the explanation of answers (both correct and incorrect answers) to help learners better understand…

The process of creating websites is similar to that of building a house.
And we don’t start building without the project plan – an outline of areas and other details informing those conducting construction works of everything involved. A wireframe is like an architectural drawing in the design process. It outlines functional specifications and helps to begin creating screens.
Whether I design websites or online course, wireframing and storyboarding is part of it.

I recently worked on creating a website for an online course. With the basic site-map flow and the learning goals. and objectives document, I started working on a new website wireframe.

I considered using several pieces of software to create my wireframe:

  • cacoo.com
  • framebox.org
  • pencil.evolus.vn

Cacoo.com had some restrictions on the free account and the free version was not enough to do everything I wanted.
Framebox.org looked interesting too, but eventually decided to install Pencil software on my PC (http://pencil.evolus.vn)
Here is the short presentation of how it works and what it does.

JOIN MY NETWORK, STAY CONNECTED, GET IN TOUCH!
JOIN MY NETWORK!
RELATED POSTS
Blog Cover for Online Course Delivery - Implementation, Enrolment, delivery and support
Learn how to master Online Course Delivery by turning a finished course into a reliable system that goes far beyond simple file sharing, with the right LMS setup, smooth enrolment flows, and clear learner support. Discover how to assemble your content into a structured learning space, configure access, pacing, and certificates, and run simple but effective quality assurance checks so learners can move from sign‑up to first lesson without friction. You will also find practical ways to plan onboarding, emails, and self‑service resources so your Online Course Delivery runs smoothly for both you and your learners...
Hi, I am Gerta.
Welcome to my blog.
Gerta Nestorov Image
Do you need help designing online training?

Get in touch!

Scroll to Top