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.

bottom cut

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.

kusshh ux
kusshh ux
kusshh ux

Styleguide

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

Typography

Aa

Playfair Display

Playfair Display

Playfair Display

Playfair Display

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Aa

Open Sans

Open Sans

Open Sans

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.

More Projects

Notice how dedicated we are to delivering custom solutions.

four kings

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.

It takes 10 seconds to request a quote.

No strings attached.

computer guy

Subscribe to our Newsletter

Flawless digital

solutions

Our Offices

Šibenik

+385 22 295 465
Check out
facebook twitter linkedin