KuSshh

UX/UI DESIGN, BRANDING, DEVELOPMENT, MARKETING

A unique webshop for natural and premium products made from indigenous plants and herbs cultivated in the of island Krk.

Scope of work

UX Design

WIREFRAMING

PROTOTYPING

UI Design

STYLEGUIDE

VISUAL DESIGN

Development

WORDPRESS CMS

ELEMENTOR

Marketing

CONTENT MARKETING

SEO

Website architecture

For the KuSshh webshop we carefully crafted the complete page structure, taking into account relevant information about the brands users and our client. Trough research and usability testing we were able to produce an effective wireframe with content placement and user flow in mind, but at the same time lay out a foundation for an unconventional design that will keep the user engaged.

Styleguide

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

Typography

Aa

Playfair Display

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Aa

Open Sans

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Colours

Herbs

Lavanda-1

HEX: #7A68AE

Kadulja-1

HEX: #09764B

Smilje-1

HEX: #F8A726

Ruzmarin-1

HEX: #688CC8

Lovor-1

HEX: #095642

Maslina-1

HEX: #628C3D

Sipak-1

HEX: #D92A3A

Typography

Primary-1

HEX: #300303

Secondary-1

HEX: #F8A726

Tertiary-1

HEX: #FFFFFF

Development

Considering the clients needs we opted for a versatile stack, that got us covered for the entirety of the project. We went with Wordpress as the CMS which gave us the possibility to easely implement WooCommerce (a customizable, open-source eCommerce platform) 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 Vue.js and Javascript. Most animations and effects were created using Elementor, but for some advanced animations we introduced GSAP - an industry standard JavaScript animation library for high-performance animations that work in every major browser.