Four Kings

UX/UI DESIGN, BRANDING, DEVELOPMENT, MARKETING

A webshop for a range of premium pumpkin products with exquisite taste created by four generations of family leaders.

Scope of work

UX Design

WIREFRAMING

PROTOTYPING

UI Design

STYLEGUIDE

VISUAL DESIGN

Development

WORDPRESS CMS

ELEMENTOR

Marketing

CONTENT MARKETING

SEO

Website architecture

Four visionaries. Four generations. For premium quality. For healthy kings… and their happy queens. With that in mind we started our venture to create a webshop unique to the brand, but still implementing good UX practices troughout the whole webshop. At the end, trough usability testing and various interviews with the client we were able to produce an effective wireframe with content placement and user flow in mind.

Styleguide

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

Typography

Aa

Cardo

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Aa

Lato

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Colours

Main

Primary-1

HEX: #E98C45

Primary-2

HEX: #B65B16

Primary-3

HEX: #EFAA76

Secondary-1

HEX: #A0906A

Secondary-2

HEX: #7D6F4F

Secondary-3

HEX: #C3B9A2

Tertiary-1

HEX: #1A1919

Tertiary-2

HEX: #0D0C0C

Tertiary-3

HEX: #343232

Typography

Primary-1

HEX: #FFFFFF

Secondary-1

HEX: #F58220

Tertiary-1

HEX: #EACFBA

Development

In regards to the clients needs we went with Wordpress as the CMS. It gave us the possibility to implement WooCommerce as our webshop solution. An advantage was also easy integration with Elementor Page Builder, whom we used for layout development. For parts of the layout we developed custom components using Javascript. Most animations and effects were created using Elementor.