Azara

UX/UI DESIGN, DEVELOPMENT

Website about a dedicated recruitment and employment company that deals only with maritime, shipbuilding and offshore industry worldwide.

Scope of work

UX Design

WIREFRAMING

PROTOTYPING

UI Design

STYLEGUIDE

VISUAL DESIGN

Development

WORDPRESS CMS

ELEMENTOR

Marketing

CONTENT MARKETING

SEO

Website architecture

While designing the website for Azara we aimed to provide positive experiences that keep the user loyal to the service and brand. By making the contact button accessible troughout the whole experience the user had the opportunity to engage at any moment and get in touch. The Newsletter component plays a prominent part as well - using a cost-effective mean the client can build relationships and update their potential candidates with important maritime news and open vaccancies.

Styleguide

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

Typography

Aa

Maitree

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Aa

Nunito

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Colours

Main

Primary-1

HEX: #102830

Primary-2

HEX: #054B61

Primary-3

HEX: #D2E4EA

Secondary-1

HEX: #159495

Secondary-2

HEX: #09B3B5

Secondary-3

HEX: #34BFC0

Tertiary-1

HEX: #F0B718

Tertiary-2

HEX: #F6BB14

Tertiary-1

HEX: #FFC317

Accent-1

HEX: #F6678C

Background-1

HEX: #096A88

Background-2

HEX: #EBF2F4

Typography

Title-1

HEX: #FFFFFF

Title-2

HEX: #054B61

Body-1

HEX: #3A6A79

Development

The development stack depended a lot on the client's need to have the possibility to update job postings and news, so Wordpress CMS was the perfect fit. It's broad selection of plugins allowed us to develop a clean site with all the needed utilities. The layout was developed with Elementor. For advanced style customization of some components Vanilla CSS was used.