meetup-UI-UX
Content/files and projects UI/UX at Women Who Code Recife
Meetup 1 THE EFFECTIVE DESIGN PROCESS UI / UX USING FIGMA
SCHEDULE:
- Design Process
- Introduction to prototyping tool - Figma
- Creating an Interactive Wireframe
- Applying the style in the wireframe
- Finishing prototype - Personal Site ( Desktop/Mobile)
GOAL:
- Accelerate your workflow.
- Learn how to use the features of Figma.
- create consistent designs and avoid repetitive work.
- collaboratively with the entire team.
- build an interactive and complete project.
Obs: This meetup will have Step 2 (Transforming the prototype into Code) HTML, CSS and responsive using Flexbox.
NEWS:
Soon we will be launching the Women Dev Projects initiative - aim to develop pro-bonos and commercial projects to put into practice the knowledge in meetups and study groups. Opportunity to acquire professional experience with real projects. We believe that with the creation of an own portfolio professionals gain more visibility and increase their competitiveness in the market. For commercial services a% will be donated to the community, being reverted to courses, books, coffeebreaks and conferences for members and encouraging female entrepreneurship.
Anyway, this meetup is already part of the process of this initiative and the goal is to align the knowledge, we prepare, because we will certainly have real projects to develop, so the idea is to train dev teams and designers for the opportunities that will arise .
READ MORE:
Fundamentals of Design - https://docs.google.com/document/d/1QExTnjTlhaHRswYhIvVVwVUdFp1fhgMxgkP2ihimBqU/edit?usp=sharing
Tipografy: https://docs.google.com/document/d/1DSEiFBSUxaiNuCmMdY73hiOYtR2Jz2nJYBvgT_xdJ5g/edit?usp=sharing
Process of Design:
Step 1 - Understand: https://docs.google.com/document/d/13Aoz1kocq2pdihFdqZuUY6TJROO8Nwz7eo5Hnzd_Bkw/edit?usp=sharing
Step 2 - Plan: https://docs.google.com/document/d/1NYNqTxavqREvlwT44uCXWvQus63DJX-tCucNj53kSDE/edit?usp=sharing
Step 3 - Design: https://docs.google.com/document/d/1lFj_SJrFbJXhQ-zOqhGhfkhOY7iwQqiL-CfyqE_80wM/edit?usp=sharing
PROJECTS
Meetup - Final Project https://www.figma.com/file/e0agdxIfKgAKssH0ZoIVQ3l0/Personal-Page?node-id=0%3A1
Wireframe: https://www.figma.com/file/MlWKOzbTZScx7dH2N9MwMrTc/Personal-Page-Wireframe?node-id=0%3A1
Wireframe Interactive: https://www.figma.com/file/ODPWyJyBoYGaCYlXr1P2Yqn8/Wireframe-Interativo