CodeName “Cloud Authentification”

This very small project illustrates very well the design process in a nutshell. For this project, contrary to many others at Sciforma, I worked with very few technical constraints as we were creating an additional page rather than a redesign of existing pages as we usually do.

  • 1. Simplified Flow

    Having a clear idea of how pages interact with one another.

  • 2. Design Iteration

    Finding the best options from the general layout to the smallest icon.

  • 3. Test prototypes

    Breaking down the flow, testing out alternatives, finding the best options for our users.

  • 4. Pixel perfect

    For each page, pixel-perfect designs, compliant with the internal design system and guidelines

  • 5. Corner Cases

    For every state, making sure all the options are covered: ideal, error, hovered, selected…

  • 6. Design Specs

    Making every element as clear as possible for the dev team: style and color used, spacing…

  • 7. Interactive prototype for devs

    Making the flow, interactions, and animations come to life so they are cristal-clear for the dev team

  • 8. Implementation

    Checking the final results, giving feedback and discussing technical issues with the devs.

Previous

Design System
Next

Grids and Tables