Interactive

i3S GreenLab Platform .2022

Product and UX Design of a sustainability management platform.

The design process included:

  1. contextual inquiries and focus group;
  2. personas and context scenarios;
  3. wireflows and prototyping
  4. usability testing (low-fi + high-fi).

Platform Prototype
Project Presentation

Group Project for IxD Especialization Course: Catarina Rocha, Francisca André & Mariana Limões

Tools: Figma, FigJam and Zoom

Greenkeeper Area of GreenLab Platform
xCoAX 2021 Virtual Exhibition page
xCoAX 2021 Virtual Exhibition page
User flow and context storyboard
A persona's journey through the conference
xCoAx 2021 Papers index page
xCoAx 2021 Paper Session page
xCoAx 2021 Paper Session page

xCoAx .2021

User experience and interface design of xCoAx 2021’s remote conference, virtual exhibitions and archive. Manual implementation.

As a BA final project, it was accompanied by a dissertation that reflects on design as means of participation. The methodologies of User Centered Design and Participatory Design were studied and applied. Therefore, the design process included:

  1. user interviews with card sorting;
  2. modelling of personas, user journey maps, storyboards, context scenarios;
  3. co-design sessions;
  4. usability testing, among others.

Tools: Figma, HTML, CSS, JS, Bootstrap

Persona
xCoAX 2021 Virtual Exhibition page
xCoAX 2021 Virtual Exhibition page
A persona's journey through the conference
User flow and context storyboard
xCoAx 2021 Papers index page
xCoAx 2021 Paper Session page

Contrast .2021

Theme and website development for Contrast, a project that gathers and showcases all photography teaching projects.

Developed in Wordpress.

Tools: Figma, Wordpress, HTML, CSS, PHP and JS

Contrast Gallery screenshot
Contrast page
Contrast page
Contrast website
Contrast website

Flair by MR .2021

Creation and application of a Design System for Flair by MR shopping website. Customization of a Shopify Theme.

The process involved the following steps:

  1. information architecture;
  2. tone of voice definition;
  3. prototyping;
  4. coding.

Tools: Figma, Shopify, Liquid and JSON

Flair by MR homepage, scrolled down
Flair by MR collection page
Flair by MR product page
Prototype of Flair by MR website

Faceboomer .2021

A social network simulation.

It's a narrative based on the online experience of elderly people. The goal is to put any user in the shoes of the elderly and make them more sympathetic to their usual disorientation.

Group project: Catarina Lobão, Francisca Marques, Giuliana Almásio, Mariana Limões, Marta Sousa & Raquel Clemente

Tools: HTML, CSS, JavaScript + P5.JS

Join Faceboomer

Faceboomer screenshot
Faceboomer screenshot
Faceboomer screenshot
Faceboomer Coollage screenshot

Frameworks for Interfaces .2020

The Interface-User Relationship: Applied to Gesture Interactive Interfaces is a publication that aims to explore how one could naturalise the relation between user and interface.

The artifact that complements this issue is called Frameworks for Interfaces. It aims to build a base for a system's interface that could read and interpret human's gestures.

Tools: Processing

Frameworks for Interaction screenshot
Frameworks for Interaction screenshot
Frameworks for Interaction screenshot

Flock Type .2019

Program built on C++ intended to create a wave of type represented by the repetition of a single character. This wave of letters explores space in three dimensions, as each character moves organically in a seeming depth field.

Group project: Giuliana Almasio, Joana Coelho and Mariana Limões

Tools: Processing

Editorial

The Shining .2021

Photo editing and editorial design for a commissioned publication.

Cabeça magazine, issue #7 "Lust Hatred Ego". 10 pages.

Tools: Photoshop, Indesign

slav publication index
slav publication spread
slav publication spread
slav publication spread
slav publication spread
slav publication pages animated

Ж Publication .2019

The shared interest among group members for Eastern Europe was a good baseline to this publication. Cyrillic alphabet, bad quality images and space history.

Group project: Inês Alecrim, Gonçalo Silva, Joana Coelho & Mariana Limões

Tools: Indesign

slav publication index
slav publication spread
slav publication spread
slav publication spread
slav publication spread

Branding

Douro Region Identity .2019

Douro Region is the oldest wine region in the world. Its landscape is marked by a set of deep valleys.

The lino print texture was used to refer to the terraces together with a humanistic typeface representing Douro’s handmade character. The logo works as an open system, as a reaction of the environment where it is put.

Tools: Photoshop, Indesign

Douro texture
Douro Logo gif
Douro book cover
Douro Book
Douro Logo
Douro Logo

PSP Production Portugal Branding .2018

PSP is moved by the organised, swift and problem solving world of film production.

The brand's new graphic guidelines are based on their youth and boldness, along with Portugal's colours and textures. The logo’s symbol was not changed, only adjusted to the new graphic identity.

Tools: Photoshop, Illustrator, Indesign, Keynote

PSP banners
PSP logo
PSP A4 folder
PSP A4 folder
PSP A4 folder
PSP restaurants book
PSP restaurants book
PSP restaurants book
PSP notebook
PSP pocket

Play

X Days of Quarantine .2020

Each of us found a way to cope with the challenging times related to the COVID-19 outbreak. As soon as my faculty closed in March 11th 2020, I knew I had to keep my creativity flowing while classes were on stand-by. Therefore, I started working on the days, and their numbers, that passed by me.

Tools: Illustrator CC, Processing 3

Number 2
Number 3
Number 4
Number 5
Number 6
Number 7
Number 9
Number 11
Number 12
Number 13
Number 14
Number 25