wireframe|cc

Create better wireframes with an app fine-tunedfor wireframing

Essential tools made simpler and smarter. Nothing to distract or slow you down. Achieve the right level of detail faster.

See how it works
Toolbar - single element mode Toolbar - multiple elements mode Toolbar - insert element
01

Click and drag to draw

02

Choose element type

03

Click to edit an element

04

Click inside a selected element to insert text

04

Drag in this direction to select many elements

Replay demo
Try out for free.
Featured by: Logos Scroll down
A different wireframing tool

Most other design tools are too complex for wireframing

You run the risk of becoming too invested in unnecessary details and styles too early, which can make iteration difficult and time-consuming.

Drawing

Drawing

Click and drag to draw.
To create an element, draw a rectangle on the canvas and then select the stencil that you want to insert. To edit the element, click on it.

Style

Limited palette

A limited palette of colors and options can help you avoid wasting time on unneeded details, allowing you to focus on what truly matters.

Interface

Context sensitive UI

Simple, context-sensitive UI.
Smart features are there when you need them and hidden when you don't.

Templates

Devices

Wireframes for any screen.
Create wireframes for the web, mobile devices, or any custom screen.

Interactive

Clickabel prototype

Clickable wireframes.
Link pages together to create simple clickable prototypes and test the user flows.

Power and simplicity

Free & premium versionsavailable

A basic version of the app is available for free. In the free version, every wireframe that you save receives a unique URL that you can bookmark or share. The Premium version separates the editor and preview mode. It offers a private dashboard containing all of your projects, as well as shareable links that can be used for previewing but not editing.

Free version

  • No user accounts
  • Public wireframes ?
  • Single-page wireframes

Premium version

  • Your private account
  • Private wireframes ?
  • Multi-page wireframes
  • Clickable wireframes ?
  • Master pages ?
  • Export to PDF & PNG ?
  • Revisions

Frequently asked questions

   

When you sign up you will get a free, unlimited access to all features of Wireframe.cc Premium. After 7 days you will be asked to pick a paid plan that works for you. Your projects will not be deleted even if you decide not to do that - you can come back any time.

No – your free trial comes with all of our Premium features. You won’t have to select a plan until your trial expires.

Yes, you can easily upgrade, downgrade or cancel your plan at any time. There is no minimum duration of the membership period, no hidden fees and no questions asked. When you cancel your subscription the membership will be valid until the end of the billing period.

You can pay with Visa, Mastercard, American Express, Discover, JCB or PayPal. The billing period starts on the day you upgrade to a paying plan. You will be billed in advance on a monthly or annual basis. Payments are handled securely by FastSpring.

All data is backed up daily and stored in multiple locations. All plans come with SSL encryption. Your projects can only be edited by you or your team.

Wireframe.cc Premium supports the latest versions of Chrome, Safari, and Firefox. It may be probably possible to use it in other browsers, but we can't guarantee it.

If you have any further questions about the premium features, pricing, or the sign-up process you can email us at info@wireframe.cc

Join thousands of creators.

Start your free trial. No credit card required.

Create Messages:

Status:

  • Draft ---> when creating the message
  • Sent ---> when send button clicked
  • Acknowledged ---> when message is received.
  • Action Taken / replied -> when message is acted upon
  • Message
  • Query
  • Memo

Send

Forward

Create Request: --> Parents (via mobile app)

Late pickups more than 3 times will require additional fees 300 SDG each time parent is late after third time.

I request that my child ______ in the ______class comes to school early at _____ in the mornings.

The reason for this is that ___________________________


----> emails within the system.

Errors:


Notes & Things to check (personal note):

  • Email folder
  • Access rights for all user type are implemented correctly.
  • do we need academic year field for employee appraisal?
  • check spelling..
  • check the screenshots if any.
  • check debug config if needed.

Data Flow and related modules:

  • Parents (via app) ---> Office Coordinator (Comm. Module)
  • Teachers (via system / app) ---> Office Coordinator (Comm. Module)
  • Create Request [Book Request] ---> Registration Module [Student Profile --> Payment Tab]

Testing: Communication Module

General Notes:

  • Configuration needed:
  • 1. Late Pickups Fees
  • 2. Body Text of Mornings Drop Off
  • 3. Class Level should be configured somewhere (School Profile maybe)
  • 4. how to configure (Parents of Classes)?


  • when creating an employee (User Type), they should belong to one of these [Admins, Teachers, Parents, Others] --->(found in appraisal form)
  • Tarheel Requests should be in Tarheel Module

Users of this module:

  1. Office Coordinator
  2. All Other Statt (via app / system)
  3. Parents (via app)

Menus:

  • Requests
  • > Early Morning Requests
  • > Late Pickups Requests
  • Message

Draft > Sent > Acknowledged > Action Taken

Save / Edit

Discard

Date

|

Recipient (Conditions):

  • User is Parent ---> Send to Office Coordinator only.
  • User is Teacher ---> (Office Coordinator / Teachers list / Group List [see below to find the form of groups])
  • Office Coordinator:

------> Class Level (List: preschool / primary school ...etc)

  • --------> Teachers (List based on class level selected.)
  • --------> Class Parents (List of Parents' Groups based on calss level selected above)
  • --------> Year Group Parents
  • ---------> Specific Parents (list)

--------> Group (Group Name + Group Members)

Message Type

----> Users can send messages (message/ Query/ Memo) using the system / app to Office Coordinator.

  • Office coordinator can forward these to Users.

Subject

|

Attachments

---> To upload photos + documents.

Messages


Date ...............Message Type..........Subject..............Status

Message Body

|

Note

by office coordinator (active after the status is Action Taken)

Menu: Configuration > Groups

Group Memebers:

add line...

Member Name

Group Type

Group Name/Title

|
  • Create and edit

Selects from system users

Member Type

|

retrieved

  • Admins
  • Teachers
  • Others

Messages


Group Name/Titel........Group Type


Office Coordinator Sends To:

Parents

Teachers

Groups

Groups

multi-selection

if Groups:

if Teachers:

Teachers

if Parents:

Class Level

Year Group

Class

Parents

Multiple

multiple selection so to be able to select specific parent of all parents filterd.

Draft > Sent > Office Coordinator Approved

Check if this has any relation to Office Module

If Request Purpose = Meeing:

Body:

Please specify in detailsthe reasons for requesting a meeting. Accordingly, the Adminstration will pass your request to the class teachers and they will discuss your points then get back to you either by phone or set up a meeting.



Input by Office Coordinator Only:

Meeting No.

|

If Request Purpose =Book Replacement:

Requested Books

Book Name

Book Fees

---> From list of year group School books (as defined in Academic Modules)

|

Please check the following with Mr. Hydar:

  • When parents requests a book, its name + fees should be added to payment tab in Student Profile.
  • When Office Coordinator approves the request (approve button), Finance officer notified to control the payemnts and parents come to school to pay the fees. [in case of reject there should be a note]
  • Finance officer notified to control the payments
  • so this is linked to registration > student profile > school book tab

SRS:

  1. Parents should pay the book fees before coolecting the book from teachers. This implies:
  2. once paid, a notification should be sent to the class teacher with the studnet name, books required and quantity.

Quantity

|

Total Fees

|
|

Note:

If Request Purpose == Early mornings:

If Request Purpose == Late Pickups:

I agree to check that there are staff in the school before I leave my child on the premises and to wait with them in the case that there is no staffer to receive them.

I understand that the school cannot take responsibility for any child left without being handed over to a staff member or responsibility for any child left at the school before7.45 AM

how to configure the time here?

If Request Purpose == Withdrawal:

If Request Purpose == Enrollment:

Class

Child Name

if parent is the user ---> sees their own children only.

Request Purpose

  • Meeting
  • Book Replacement
  • Early Mornings Drop-off
  • Late Pickups
  • Withdrawal from Private Bus
  • Enrollment in Private Bus

Date

|

This request is already in Tarheel Module!

I think office coordinator should be able to only see and track these requests Status.

This request is already in Tarheel Module!

I think office coordinator should be able to only see and track these requests Status.

Requests


Date ...... Request Purpose..... Child Name ........ Class.........Status

--> don't think this field is needed here, should be in the form to create meeing arrangement [academic/office module]

Status:

  • Draft ---> when parent creates the request
  • Sent--> when click send to office coordinator
  • Approved --> when action is taken.

Send

Save / Edit

Discard

User Type

  • Teachers
  • Others
  • Admins
  • Parents

To Do:

  • Send to
  • office module / academic ---> request for a meeting and schedule. [no need for meating number field here in Request form below]
  • how do Teachers / Counsellors request for parent meeting?


  • early morning and late pick up requests should besaved in thestudent Profile.

---> in tarheel module

Align Top

Align Left

Align Bottom

Align Right

Align Center

Align Middle

Distribute Vertically

Distribute Horizontally

Align Top

Align Left

Align Bottom

Align Right

Align Center

Align Middle

Distribute Vertically

Distribute Horizontally

Sign Up

Save

Settings

Grid size: 20px
Default style:
Stroke
Fill
Canvas size:

Wireframe saved

Public url: https://wireframe.cc/EUz161
Using Wireframe.cc Premium you can also create:
Try every feature, no credit card required
Saved
Copied
X: – px Y: – px W: – px H: – px

Align Top

Align Left

Align Bottom

Align Right

Align Center

Align Middle

Distribute Vertically

Distribute Horizontally