Form Validation

This is for validation

Figma

The primary tool used amongst designers at Winsupply. Piece together high and low-fidelity wireframes, build design concepts, and set up prototypes to be handed off to developers.  

PrimeOne Library in Figma

When creating designs, pull from this component library to ensure consistency across all applications and to make handoff to developers as seamless as possible. Utilize Arc's Components pages to follow established guidelines concerning best practices, usage, variables, and sizing.

PrimeNG

Documentation of components and their functionalities that are found in PrimeOne. If you cannot find a specific component or need to explore available functionality, use this site as a resource.

Dovetail

Our research repository is full of user interviews, moderated user tests, unmoderated user tests, and insight reports that help drive design decisions. Support Services employees can be viewers and search for specific terms to observe and understand the research conducted and its outcome/feedback.

Lyssna (Previously Usability Hub)

Conduct unmoderated usability tests to test wireframes and designs. Tests can be sent out to a randomized panel (Paid option - Winsupply logo and any private information must be hidden and/or changed to protect Winsupply and local company information) or they can be sent to internal employees/local companies.

Stark

Use in Figma to check how design meets multiple accessibility standards. Stark has many features such as Contrast Checker, Focus Order, Alt-Text Annotations, and Vision Simulator.