Wireframes

Wireframes/ specs

Wireframes and specifications for Exibi.com. Created in Adobe Illustrator CC, implemented in Axure. I started designing in a vertical tablet layout, since that was the smallest width for our use case of students and teachers. Therefore, most of my wireframes for Exibi are laid out with a maximum width of 768px, but I extended the wireframes when necessary to 1024 and other sizes to account for the different design required when using the greater widths.
 

Vertical tablet:

Exibi tablet wireframe animation

 

Vertical tablet markup:

Exibi-portrait-showcase-competencies-details-showcase-specs-dimensions
 
Exibi-portrait-showcase-competencies-details-showcase-specs-text_color

 

Desktop/horizontal tablet markup:

Exibi-landscape-showcase-exhibit-public-specs

 

Modal mockup:

Exibi-portrait-workspace-exhibit-edit-link-specs

 

Multi-layer navigation bar mockup:

Exibi-portrait-workspace-teacher-student_workspace_collections-specs

 

Database search mockup:

Exibi-portrait-workspace-teacher-student_workspace_find-specs

Tags: , , ,