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.

Testing: HR Module

Menu:

  • Teacher of The Month
  • Staff Duties
  • Resignation Letter
  • Report (employee attendance Record Report)
  • Payroll
  • > Employee Payslips
  • > Payslips Batches
  • > Configurations (odoo) --->for finance officer only.
  • Employees
  • > Departments
  • > Employees
  • > Contracts
  • > Attendance Wornings
  • > Configurations (oddo)
  • Recruitment
  • > Vacancy Announcement
  • > Resumes and Letters
  • > Vacancy Announcement
  • > Reports
  • > Configurations (oddo)
  • Attendances
  • > Attendance
  • > Reports
  • > Configuration (attendance reasons)
  • Leaves (Odoo)
  • > Leaves to Approve
  • > > Leaves (create Leaves)

Vacancy Application Form:

----> created by HR

---> filled through website

  • this is linked to website

Applying for

  • selections... see SRS

Applicant Information:

  • Name
  • Address
  • email
  • phone
  • marital status
  • your children (add lines) (name, gender, age)

Education:

Work Ability

Expected Monthly Salary

  • Full Time
  • Part Time

Work Experience

Post

Responsibilites

Date from - To

Company

Education

  • High School
  • Undergraduate
  • Postgraduate

Institute

|

Details

|

---> this is linked to webiste (see website content)

General Note:

  • an employee of a department can be the manager of that department!
  • employees shouldnotbe able to create timesheets for another employee.

Users of this module:

  1. HR Manager
  2. Finance Officer
  3. All Staff

Errors:


Notes & Things to check: (personal)

  • Check folder
  • Access rights for all user type are implemented correctly.
  • check spelling..
  • check the screenshots if any.
  • check debug config if needed.

Data Flow and related modules:

  • This module is linked to website contents (-------)

Menu: Staff Duties

Duty Type

  • Tarheel Duty
  • Morning and Home Time Duty
  • Fotour Duty
  • Break Duty
  • Create + edit

Week No.

Teacher add line

Draft > Sent to Staff

Configuration:

  • Duties
  • schools configured somewhere by someone.
  • Week no. defined somewhere by someone.

--> if Tarheel duty, then send to tarheel manager and module and all staff to view!

Save / Edit

Discard

Staff Duties


Duty Type ....... Week No.......

Notes:

  • should add academic year field here?

School

  • Preschool
  • Primary School

Year Group list add line

Absent Replacement

Notes

Send To Staff

every _____ weeks (roatation specified)

day - day

Day ----> in case of morning and tarheel duty.

Week --> in case of fotour and break duty.

Daily Tarheel List ----> check Tarheel Module Link

Can be sorted by:

  • School
  • Bus
  • Class

Students's daily attendance+Tarheel Duty (teachers)=Daily Tarheel List

Daily Tarheel list is Created by Tarheel Manager every day (week days configured) OR system generated it automatically just before the end of the day (time configured) ---> this is mainly to ensure that all students attendance record are submitted by teachers.

  • the form could have a re-generate button that tarheel manager / office coordinator can click to regenerate the Daily tarheel list of the day if a class student attendance has not been submitted.
  • How is the system going to make sure that all classes' attendances have been submitted by teachers?

Daily Tarheel List

School .......... Bus Name .........

Menu: Vacancy Announcment:

------> HR manager

  1. create vacancy announcements
  • missing: application form link
  • job announcement should be availablevia parent emial, mobile app, website.
  • applicant should beapproved by hr manager---> then arrange interviews ---> accepted / rejected (second approval for the accepted applicants: should have different email configuration?)
  • after the interview (principalaccept /reject ) --> send email notifications + create employee profile.


2.receives the applications forms (retrieved form website) linked to vacancy announcement to approve/reject. (status)

  • rejected applicants ---> email automatically (configure email first(
  • accepted applicants ----> sorted automatically as (teacher / Admin)
  • accept + reject config not found. (date, applicant name, position, body) see SRS.


Step One

Step Two

3.arrange job interviews(not found)

  • attributes: (name, type [admin, teacher], date , time period
  • interviewlistshould be sent to principal.


Step Three

-----> HR manager + all staff can request a leave

  • Missing: Address during absence
  • Missing: who will cover your tasks during period of absence.
  • Confirmation is required from all names listedand the form should be sent to all of them. this is before sending the request for approval fromemployee's direct manager then HR manager, and finally toPrincipal
  • note (text) -->for all approvals[can be done in logs?]
  • approve leaves/reject ---->depending on the manager comment.

Menu: Leaves > Leaves to approve > leaves

  • sheet (text) not working
  • there is an error saving this form
  1. create timesheets ?? Attendance V.S Timesheet module??


Menu: Attendance > Attendnaces (fingerprint system)

  • should appear on staff system , website, and parent app.
  • photo should not be retrived from user account, but inserted by the HR manager.


Menu: Teacher of the Month

  • do we need to specify employee type (is a teacher, admin, others)
  • system user type should be specified somewhere else (teachers, Admins, Others, Parents)
  • missing: accounting information tab.


Menu: Employees > Employees

  • system should notify HR officer befoe a month of the end of the academic year
  • a notification ot finance officer should be sent after a new contract is signed.
  • missing fields (contact signed and attached), (accounting: analytic Account, Salary Journal).

Menu: Employees > Contracts

---> HR manager + all staff cna create

  • cant find this function.
  • employee ---> HR manager ---> principal approval ---> finance officer.
  • attributes (date, employee name, employee job title, Amount, Reason, Status [reject / approve] by hr manager + principal)

Menu: Can't find --> create / receiveSalary Advance Request

----> HR Manager + all Staff

  • Create Resignation letter (all employees should create their own, hr manager cant create for others)
  • resignation letter can be printed
  • Last Day field ---> not found
  • Text field (resignation body as in SRS) --> system should retrieve attributes in the body.

Menu: Resignation Letter

-----> HR Manager Create

-----> All Staff view only

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