GLOOPSY

Concept of website for Gloopsy brand

This UI/UX Design project is a fully responsive and prototyped web design for Gloopsy brand. It elevates brand identity and makes it more powerful to reach it’s targeted audience through creative and captivating yet clean and intuitive design.

Used software

cmyk
(0,36,76,5)

rgb
(242,155,59)

hsl
(31,88%,59%)

#F29B3B

cmyk
(0,29,29,2)

rgb
(249,178,178)

hsl
(0,86%,84%)

#F9B2B2

cmyk
(38,25,0,10)

rgb
(141,172,229)

hsl
(219,63%,73%)

#8DACE5

cmyk
(0,3,13,2)

rgb
(250,242,218)

hsl
(45,76%,92%)

#FAF2DA

cmyk
(15,0,23,62)

rgb
(82,96,74)

hsl
(98,13%,33%)

#52604A

UI/UX DESIGN

To continue the Gloopsy brand design project, I also created UI/UX design for this company.

UI/UX design takes an important part in attracting clients for your brand to make profit. There are lots of rules to be obeyed in web design to achieve the goal to attract clients.

A good quality website has to be clean and intuitive and has to meet the Jacob’s law by creating a website where a client knows exactly what to do.

User experience

UI/UX research

Marketing strategies

User interface

Responsive design

Jacob’s law

E-shop website

Intuitive & clean

The main goal of this UI/UX design project was to create effective communication channel for Gloopsy brand identity in a form of e-shop website.

The website holds unity in design according to Gloopsy brand manual and design guidelines. This website directly represents the Gloopsy’s personality and provides clients with clean and intuitive responsive web design that attracts them with originally designed products.

Hero section

First things first, an attractive and eye-catching hero section with nav bar.

Lead to main section

Oval shapes and fun patterns that characterize the brand identity.

Main section

Offering a discount on all products for first order. Following the marketing strategies.

Products section

Showing products already able to add to cart or click to show details about the product.

CTA section

Calling to action with a custom box with more products for lower price.

About us section

Showing clients further information about the brand.

Footer

Footer on the bottom of the page with social media & contact information.