Imagem de perfil de Teresa Alves
  1. Selfcare web app
     

    Selfcare web app

    EDPonline is a massive self care web app that serves both B2C and B2B clients (+400k) of the major electricity company in Portugal.

    I was responsible for building and optimizing layout patterns in HTML & CSS to speed up the development process.

    I was also responsible for building new features and elements, from operational UX Design to its implementation.

  2. Non Profit Organization website
     

    Non Profit Organization website

    QUEBRAR O SILÊNCIO (@SilencioQuebrar) is the first Portuguese non profit organization dedicated to help boys and men to overcome sexual abuse trauma.

    I was responsible for the UX/UI Design and style code (CSS) using WordPress, which gave me the chance to explore and learn more about the platform.. As in all other frameworks, as soon as you finish your first project, you're ready to start over and do it better. And we'll do that in the future.

    It was an amazing experience, on a social project that deserves to be shared.

  3. Jekyll for designers - tutorial
     

    Jekyll for designers - tutorial

    Jekyll is a parsing engine that generates static websites from dynamic elements. It allows to reuse the HTML and CSS produced, therefore saving development time.

    This project is a step-by-step tutorial that covers all the basics, from context to references, to help other designers to start using this technology to build robust prototypes.

    I wanted to help others due to the difficulties I had myself when learning so many new concepts, so I wanted to make it easier. This tutorial is in Portuguese.

  4. Tech news website
     

    Tech news website

    SAPO Tek is one of the oldest and most respected technology news site in Portugal. It delivers all the latest information technology news, with reviews, videos, images, suggestions and opinion articles.

    When the website's technology was upgraded in 2015, I was responsible for updating all the design aspects, from UI Design to usability and code, HTML and CSS.

    It was a great challenge to learn building the layout patterns using the Template Toolkit processing system

  5. Cape Verde cultural magazine
     

    Cape Verde cultural magazine

    Esquina do tempo (Corner of time) is an online cultural magazine, founded in 2010 by Cape Verde University chancellor Brito-Semedo, and his desire to promote and document Cape Verde's culture.

    I was responsible for the UI Design, style code (CSS) and implementation on SAPO Blogs. The only request was to add the building of Mindelo City Hall.

    I am now a better person for knowing a little bit more about Cape Verde's culture.

  6. Small children web app
     

    Small children web app

    ABC do SAPO is an interactive application to help small children to learn the letters and associated words.

    I was responsible for the web version, intended for schools, from layout to front-end code (HTML and CSS).

    It was very rewarding to actually watch the kids using it and observing how they interact with each character.

  7. A friend's personal blog
     

    A friend's personal blog

    I met Fernando Lopes a few years ago, when we spoke for the first time about the blog redesign and he ended up migrating it, from another blog platform, to the Portuguese SAPO Blogs (@sapo).

    It was a great challenge to convince Fernando to change from a very dark to a light visual environment, but the result made it much easier to read.

    I like his honesty, fluency, feedback and spontaneity, and that adds something special to the job of redesigning the blog again, this time responsive to fit tablets and smartphones.

  8. Transports schedules and itineraries
     

    Transports schedules and itineraries

    SAPO Transportes is a web application optimized for mobile devices. The Android version is a minimal native implementation that feeds on the web version.

    It allows consulting Lisbon's public transportation schedules and explore the city through the journey planner. You may also save favorite stops and routes.

    It was a great technical challenge due to the integration with SAPO Mapas mobile, therefore built within a massive HTML5 mobile framework. It was also great fun.

  9. HTML5 mobile framework
     

    HTML5 mobile framework

    SAPO Mobile was a massive framework that started as proof of concept for a responsive approach to mobile development in HTML5 by Luis Carmona (@lpccarmona) and Bruno Carreira (@hellc0re).

    For a couple of years I was responsible for maintaining and customizing all new projects added to the framework.

    Working with about one hundred projects with public recognition such as Jornal Expresso, Blitz, Exame Informática, Visão, Caras, Jornal Económico, Sol, SIC Notícias, etc., it was essential to be disciplined on code maintenance, keeping up with the best practices and everyday study of mobile devices.

  10. Sports debate blog
     

    Sports debate blog

    This blog hosts a continuous debate on football performance and politics and it's led by fans of different and major Portuguese football teams, Benfica and Porto.

    The challenge of this project was to make it look and feel appealing for opposite football teams while keeping it clean.

    I was given total freedom for the look and feel (which is rare) and the clients were very pleased width the result. It uses Masonry.JS for side column layout.

  1. Memundo Internacional S.A. | Oct 2017 - Present

    Senior UX Designer

    My responsibilities are identifying and documenting the problems intended to be solved; do research on available tools and user feedback; create personas and user flows; and build wireframes and functional prototypes.

  2. EDP - Energias de Portugal | Mar 2016 - Sep 2017 • 1 yr 8 mos

    Senior UX Designer & coder

    EDP - Energias de Portugal (formerly Electricidade de Portugal) ranks among Europe's major electricity operators, as well as being one of Portugal's largest business groups.

    When working on EDP DSI - Direcção de sistemas de Informação, I was dedicated mainly to self care web app edponline, where my key responsibility was to build responsive and scalable layout patterns in HTML and CSS, and contribute to speed up development process in an Agile Environment.

    I also worked with Waterfall Methodology, creating new features and pages from strategic and operational UX Design to layout code, with and without existing UI patterns.

  3. World Bank Group | Feb 2014 - Apr 2016 • 2 yrs 3 mos

    Senior UX/UI Designer Consultant for Public Accounts Committees

    Web and Graphic design plus code into CSS and SVG, for the wiki based communication system used by Public Accounts Committees associates network.

  4. SAPO | Jun 2010 - Feb 2016 • 5 yrs 9 mos

    Senior UX/UI Designer + Front-end coder

    SAPO started as a search engine when founded in 1995. by the Computer Science Centre of the University of Aveiro. The name was derived from the acronym of the service, S.A.P.O. (Servidor de Apontadores Portugueses Online). This acronym corresponds to the Portuguese word for toad. SAPO organized and sponsored Codebits, an annual hackathon held in Portugal, that ran from 2007 to 2014.

    The transversal philosophy of sharing knowledge, provided the grounds for a whole experience, hands on. From the UX Design and Information Architecture and wireframes to coding the layout, my job was always focused on ergonomics and keeping up with the best practices and new techniques.

    Integrated in a multidisciplinary design team, side by side width UX, Usability and Accessibility experts, top Web and Mobile Designers and genius Software Developers, working at SAPO was the most rich and formative work experience I’ve ever had.

  5. SAPO Internacional | Jul 2008 - Jun 2010 • 2 yrs

    UX/UI Designer + Community Engagement Coordinator

    SAPO Internacional started with SAPO Cabo Verde and extended to Angola, Moçambique and Timor Leste. Integrated in a multidisciplinary team, from editors to marketeers, my job had two different yet complementary focuses, Community Engagement and Visual Communication Design.

    I was responsible for managing the Community Engagement in User Generated Content services (SAPO Blogs, SAPO Vídeos, SAPO Fotos) for all SAPO Internacional platforms. This direct contact with users enabled a great understanding of their needs, identifying what could be done to improve support and functionalities.

    One of the aspects of user engagement was blog personalization. It was an amazing experience, not only for the UI challenge of building an unique visual identity using just CSS (the markup is unaccessible) but also for the opportunity to see projects and people grow in the digital world. In parallel, I was also responsible for producing media design assets for campaigns and promotion materials.

  1. User eXperience Design

    Research

    Personas

    User flows

    Wireframes

    Prototyping

    User testing

    Pen and paper

    Sketch

    InVision

    Text editors

  2. User Interface Design

    Visual Identity

    Mockups

    Usability

    User testing

    Style Guide

    Communication

    Adobe Creative

    Sketch

    InVision

    HTML + CSS

  3. Front-end Design

    Layout patterns

    Best practices

    Usability

    HTML5 + CSS3

    Templating

    Prototyping

    Sublime Text

    Jekyll, jQuery

    Git on command line

    Bootstrap, INK

Teresa Alves