All

workflow sketch + zeplin

As an assertive blend of rigorous vision, passion and oddity, we studium use a transversal method, supported by the best tools.
The UX/UI creative team starts with the context of the project, then its conceptualisation and finally, ends up with its materialisation. This is the base for ever single project.

We use 02 tools as starting points to build our component library: SKETCH and ZEPLIN.
These tools are vital to allow the contribution from every team member, as well as a optimisation of our work.
Tools like SKETCH and ZEPLINare part of daily basis and helps us explain web design in a very efficient and quick way, with maximum detail.

01. flowchartWe structure the work on a functional level saving time with the use of a flowchart that processes all the information.
The perception of layout differentiation and navigation between pages is easy with our flowchart.

02. wireframes Wireframing works as a tool, with the specific goal of improvement the user experience: design structure and compromising design decisions along with the client.

After establishing some initial UI requirements, we begin handmade wireframing some key pages. Then we make them digital.

03. interface design
Layouts are consistent and concise.
We design layouts based on a style guide and we create a well-structured SKETCH system of components. Once completed, we migrate the toolkit to ZEPLIN.

04. high fidelity prototypeSimple and interactive prototypes.

ZEPLINis a great tool for us, the creative studio. It’s high fidelity guarantees refined results in our projects.The communication between designers and developers becomes agile and effective and the margin of error of the migration between layouts and development is highly reduced.