Runatserver

Entrapass

Entrapass
Techno

.NET / Silverlight / XAML

Deliverables

UI screens
Components Kit
Guidelines
HMI

Date
2012

Overview


Montreal-based startup Runatserver was commissioned to design and build a web-based application that enables building security personnel to easily perform a multitude of functions, including door control, live video, telephone entries, smart card and alarm management, etc.
This product must be able to adapt and expand as the systems it supports are updated or extended.

  • Context: Employed in Montreal (CA)
  • Sector: Private security
  • Product: Buildings security management software
  • Target audience: Building administrators
  • Objectives: Design a visual and user-centered product, while supporting developments within a short timeframe

Skills and activities

created icon

Analysis & Strategy

created icon

User Research

created icon

UX/UI Design

created icon

User Testing

created icon

Graphic Design

created icon

Data Visualization

created icon

Webdesign

created icon

Design System

created icon

Front-end dev

created icon

Team Collaboration

created icon

Artistic Direction

1. UX/UI design

On some sprints, my work started with researching and designing features. I used simple navigation based on large icons to take into account the users referencial. Integrated tutorials simplified the learning process.

My visual creation was chosen from among the proposals of two other graphic designers, and I then designed and produced most of the graphic mockups.

Filters and navigation research
Wireframe for filters research
Tutoriel for creating dockviews

2. Integration

I developed the resources and graphic components in XAML and prepared the animations and resizable screen layouts. Ongoing collaboration with the developers ensured technical feasibility and graphic integration.

Modal windows implementation guidelines

3. Teamwork

We were lucky enough to work in perfectly defined sprints, with one of Canada's pioneers of agility and a seasoned Scrum Master! This enabled me to work iteratively on certain key screens.
Another English-speaking graphic designer came in to help us design graphic mock-ups for the screens. I guided and supervised her work. Alongside this art direction, I was able to start coding the GUI with the developers.

Conclusion

The project was a success, with very positive feedback from the customer. The right use of agile methodology and teamwork were key to overcoming the challenges encountered.
After nearly a year working in Canada, Runatserveur allowed me to continue working for them remotely from France.