Du Motion

UX/UI DESIGN, DEVELOPMENT

A website about an annual sports event in Dubrovnik

Scope of work

UX Design

WIREFRAMING

PROTOTYPING

UI Design

STYLEGUIDE

VISUAL DESIGN

Development

FRONTEND

BACKEND

Marketing

CONTENT MARKETING

SEO

Website architecture

For a website to be successful, a prerequisite is a great UX constructed on a firm foundation - This was our main focus while developing the Du Motion website. It was important to create a friendly UI, were every user finds important information with ease.

Styleguide

We introduce meaningful typography and colors to reinforce what the brand stands for.

Typography

Aa

Montserrat

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Aa

Open Sans

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Colours

Main

Primary-1

HEX: #008DD2

Primary-2

HEX: #0b98f6

Primary-3

HEX: #5094c2

Typography

Title-1

HEX: #292b2c

Title-2

HEX: #FFFFFF

Body-1

HEX: #546887

Body-2

HEX: #2775FF

Development

The frontend of this app was developed using Vue.js - a JavaScript framework for building user interfaces. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries. The backend was developed using Laravel - a PHP web framework, for the development of web applications following the model-view-controller architectural pattern. Laravel provides elegant solutions for Routing, templating HTML, and authentication, which makes it an excellent choice for backend.