Skip to content

Latest commit

 

History

History
63 lines (48 loc) · 4.01 KB

README.md

File metadata and controls

63 lines (48 loc) · 4.01 KB
EDIT. Disruptive Digital Education · Front-end Development Course · 2019

Digital Project 360º
Landing Page for Marques Soares +

Digital Project 360º

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.

Challenge

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.

My Role

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.

Team 5

  • 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

Typefaces

  • Libre Baskerville, designed by Impallari Type
  • Gotham, designed by Tobias Frere-Jones with Jesse Ragan and published by Hoefler & Co.

Icons

  • LINEO – Editable stroke line icons by sharpnose
    (with some adjustments)

Images and videos

  • 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.

Technologies

  • HTML
  • CSS
  • JavaScript

Libraries and other external stuff

  • 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)