Julia Paulucci

Sumup e Pix

Introdution

This project was developed from several exercises proposed during the UX/UI Design course at the British School of Creative Arts (EBAC). The purpose of the project was to bring together the concepts learned in the course to create an attractive and informative digital work.

Problem Description

Create an email and landing page for the SumUp project, focusing on promoting the integration of Pix, a popular Brazilian instant payment method, for small businesses using the SumUp platform. The goal of the email and landing page is to inform existing SumUp customers about the benefits of using Pix for their sales transactions.

UI Sketches AND Information Architecture

Based on the given briefing (you can access it by clicking here, however, it is only available in Brazilian Portuguese), I was asked to create sketches of possible layouts for both landing page and email marketing. The results obtained are as follows:

Landing Page

E-mail Marketing

Mid-fi Prototypes

I was asked to pass the sketches to Figma, it turned out to be a medium fidelity prototype.

Landing Page

E-mail Marketing

Moodboards

After the development of the Wireframes and the Mid-fi Prototype, I revisited both companies’ brand manuals to do a style study for my project.

Based on the company’s follow-up and their respective style guides, I created two moodboards that reflected the concept of transparency, intelligence, clarity, calm, technology and modernity, in straight, light, bichromatic, solid and 2D graphics.

Conceptual

Graphic

Style Guide

In this project, I preferred to still incorporate most of Sumup’s style guide, for two reasons:

1st: The communication route/channel is Sumup’s, hence the importance of creating a product that strongly reflects the brand’s aspects.

2nd: As it is a Banco do Brasil service, the Pix product has greater flexibility in its style guides, making the interaction between brands way more easy, as this is one of its main objectives.

Landing Page Typography

E-mail Marketing Typography

Color Palette

Key Visuals

Based on the concepts of the moodboards and the result obtained in the style guide, I developed 3 Key Visuals that talk to the entire project, the paths have the same idealization and are well developed in terms of refinement.