Posts

• Designing web interfaces in position absolute

  Frustrations, reflections and ideas on how to optimize our design and development processes through web UI tools.

• Design and code responsive Skeleton Screens

  You will learn how to design a Skeleton Screen thinking about its asynchrony and how to code it based on Sketch or Photoshop opacity modes.

• How Vuex works and how I used it wrong

  Vuex basics, how I make my website's performance worse using it and why

• Website with blog and portfolio using Vue.js + Nuxt + Markdown

  How I created my new website with portfolio and blog in two languages. What technology I used and why.

Portfolio

• Log in and sign up pages for iOS app – Designed

  The Dream VR

  Log in and sign up pages for iOS app – Designed
  The Dream VR

• Dream Cinema VR Website – Designed & Coded

  The Dream VR

  Dream Cinema VR Website – Designed & Coded
  The Dream VR

• MarsMan Front-end framework – Designed

  Internal project for MarsBased

  MarsMan Front-end framework – Designed
  Internal project for MarsBased

• Decidim.cat Website – Designed (First version)

  Barcelona City Hall while working in MarsBased

  Decidim.cat Website – Designed (First version)
  Barcelona City Hall while working in MarsBased

About me

I’m a UX Engineer (product design and front-end) based in Barcelona. I studied a media engineering degree in Helsinki and Hong Kong, worked in big corporations and innovative startups and traveled the world as much as I could. I’m interested in the whole visual part of the web and its usability, performance and accessibility. Also I’m interested in feminism and LGBT rights. My surname is Aragonese, as Zaragoza (Spain), where I was born 23 years ago with my two triplet brothers.

Public speaking

• Alicante, ESP

  31 May 2019

  Building a multilingual blog using Vue.js, Nuxt and Markdown — VueDay 2019

  In this talk I spoke about how to create a multilingual serverless blog with Nuxt, the reason why I chose this Vue's framework, differences between building a webapp blog and a static one, performance, and some mistakes along the way using wrongly Vuex.

• Disseny Hub, Barcelona, ESP

  21 March 2019

  Debate: "Design Beyond Technology" — ADI-FAD

  I was invited by the Barcelona Industrial Design Association (ADI-FAD) to this debate on the relationship between design and technology in our industries.

• UC3M, Madrid, ESP

  14 March 2019

  "UX Engineer: mixed engineers between design and front-end" — T3chfest 2019

  With this talk my objective was to visualize this professional position for students and professionals who don't know the profile of UX Engineer despite knowing the disadvantages of the strong separation between design and development. Talk conducted in Spanish.

• Barcelona, ESP

  2 December 2017

  Web development Workshop: "Build your personal website or portfolio!" — Women Who Code Barcelona

  With this workshop my goal was to teach how to build a personal website or portfolio for women with a static generator like Middleman.

Work Experience

• Barcelona, ESP

  Oct’17 - today

  UX Engineer — Holaluz

  Mix of UX/UI Designer and Front-End Developer at Holaluz, a 100% renewable and online energy company in Spain. At the moment I'm learning #BuildingEndToEndDesignSystems #VueJS #Accessibility

• Barcelona, ESP

  Feb’17 - Oct’17

  VR / Mobile Product Designer — The Dream VR

  The Dream VR is the first Virtual Reality and 360º TV in the world. Here is where I learnt: #VR #VRDesign #UnityGraphics #A-Frame #VRPrototyping

• Barcelona, ESP & Brussels, BEL

  Jun’16 - Feb’17

  UI/UX Designer & Front-End Developer — MarsBased

  MarsBased is a development consultancy from Barcelona offering end‑to‑end web & mobile apps. Here is where I learnt: #SCSS #Middleman #BEM #Ionic #git #SASS #AtomicDesign #RemoteWork #QualityOfCode

• Helsinki, FIN

  Jan´16 - Jun´16

  UI/UX Designer & Front-End Developer — Midealab

  Midealab is a venture builder company with studios in Helsinki, Tallin and Lviv. Here is where I learnt: #HTML #CSS #ProductDesign

• Helsinki, FIN

  May’14 - Oct’14

  Product Design Intern — Microsoft

  I joined the Microsoft’s UX and Interaction design team at Nokia House after being hired by Nokia. Here is where I learnt: #UXdesign #ProductDesign #Corporate

• Helsinki, FIN

  Dic’13 - Dic’15

  UI/UX Designer — FastMonkeys

  FastMonkeys is a python development company offering web & mobile apps. Here is where I learnt: #UI/UXdesign #HowToStudyandWorkWhileYouAreAbroad

Education

• Everywhere

  - Always

  Self-learner — From each job, class, co-worker, book, article, meet-up or life experience

  This is how I learnt the 80% of what I know now and how I improve it. At the moment I'm learning #VueJS #Performance #DesignSystems

• Hong Kong, HK

  Aug’15 - Jan’16

  Engineering Exchange Student — Hong Kong University of Science & Technology (HKUST)

  Exchange student for one semester at one of the top universities in Asia. Here is where I learnt: #ProductDesign #Innovation #EngineeringSubjects #SurviveInHongKongAndAsia #CulturalDiversity

• Helsinki, FIN

  Aug’13 - Dec’16

  Media Engineering, Bachelor Degree — Helsinki Metropolia University

  I studied my university degree in the largest and the most international University of Applied Sciences in Finland. Here is where I learnt: #EngineeringSubjects #BasicsOfProgramming #StudyAndLiveAbroad #CulturalDiversity #SurviveFinnishWinters #GrowingAsAPerson