– Case Study

Butterfly Effect

Butterfly Effect  is a coaching service offering website focused on women’s empowerment.

Butterfly Effect Homepage

Challenges

Create a website in two languages, responsive, easy to navigate and that allows users to schedule sessions.

Timeline

2 months

Platforms

Computer, Tablet and Mobile

What was accomplished

Wireframe • UX/UI Design • Web Design

01. Logotipo

A logo based on pink and green was developed. Pink was chosen because it is aimed at a female audience and evokes playfulness. Green for being an invigorating color that represents the connection with ourselves and personal growth.

Claudia Machado
Claudia Machado

02. Colors

The colors  used on the website were defined based on the logo colors.

#FFFFFF
#D996C7
#03A678
#0D0D0D

#D2CCFC

03. Fonts e Buttons

To express the content in visually distinct ways and maintain readability, various font styles were used. This is the Raleway font used throughout the website.

Heading 1

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

[email protected]

04. Wireframes

Based on the project’s objective, two wireframes were designed, one on paper and the other digital.

Wireframe de papel Butterfly Effect
Wireframe

05. Web Design

The website has a simple structure with readable text, animations, images and buttons. The interface is intuitive, interactive and responsive.

Butterfly Effect Abou us
Sessão 1 do website da Butterfly Effect
Butterfly Effect about
Sessão 2 do website da Butterfly Effect
Sessão 3 do website da Butterfly Effect

More case studies

Claudia Machado
Claudia Machado
Claudia Machado
Claudia Machado
Sessão 2 do website da Academic Office
Sessão 4 da página inicial da Academic Office
Claudia Machado
Claudia Machado
Claudia Machado

Let’s talk?

If you have a project in mind or are simply interested in finding out more, don’t be shy. It would be my pleasure to work on the next big idea.