Digital Project 360º
Landing Page for Marques Soares +
It's the final module common to all EDIT.'s Courses, where students from different courses (Digital Marketing & Strategy, Digital Account & Project Management, Digital Art Direction & Creativity, UX & UI Design, Digital Product Design and Front-end Development) are distributed across different teams to jointly find and develop a solution for a given challenge launched by a benchmark. This way they not only have the opportunity to work in a multidisciplinary team environment, but also put into practice the knowledge acquired throughout the previous course modules.
At the final module of EDIT.'s Front-end Development Course, in the ambit of Digital Project 360º, we teamed up with students of other EDIT's Courses to respond to the challenge launched by Marques Soares brand: Relaunch of the current account customer card, now under the name "Marques Soares +", highlighting its benefits and increasing the number of customers.
As a member of team 5, with background in digital arts and communication design, in addition to the recent knowledge gained in the Front-end Development Course, I was involved in the creative process since the beginning and I was responsible for the front-end development of the digital campaign's Landing Page, being my front-end development colleague in charge of the membership form page's development. With an attitude of mutual help, in addition to fulfilling my role as front-end developer, I actively participated in the research, concept and strategy definition, campaign claim definition, moodboard, and helped in the creation of some textual content and in the interface design of some elements for the Landing Page.
- Ana Coelho / Digital Marketing & Strategy
- Francisca Pinheiro / Digital Marketing & Strategy
- Inês Teixeira / Digital Marketing & Strategy
- Joana Palhares / Digital Marketing & Strategy
- Rui Pinto / Digital Marketing & Strategy
- Aline Moraes / Digital Account & Project Management
- Daniel Lino / Digital Account & Project Management
- Carla Pinto / Digital Art Direction & Creativity
- Joana Domingues / UX & UI Design
- Pedro Vieira / UX & UI Design
- Sandra Pessoa / UX & UI Design
- Sónia Theodório / UX & UI Design
- Bruno Gomes / Digital Product Design & Management
- Rita Greenfield / Digital Product Design & Management
- Adriana Leites / Front-end Development
- Jimmy Mariano / Front-end Development
- Libre Baskerville, designed by Impallari Type
- Gotham, designed by Tobias Frere-Jones with Jesse Ragan and published by Hoefler & Co.
- LINEO – Editable stroke line icons by sharpnose
(with some adjustments)
- Logo and card images belong to Marques Soares.
- First slideshow video: excerpt from Maria Amélia Rodrigues video, taken from Histórias Marques Soares website, made by Armazém Criativo.
- Second and third slideshow videos are both previews from Adobe Stock.
- HTML
- CSS
- JavaScript
- Normalize.css (For a more consistent starting point across browsers)
- Sass (Compiles into CSS)
- Google Fonts (Libre Baskerville)
- jQuery (JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax)