™ Глянець, студія веб-дизайну — Shop BeautyFranko_0
Back

Shop BeautyFranko

™ Глянець, студія веб-дизайну — Shop BeautyFranko_1
™ Глянець, студія веб-дизайну — Shop BeautyFranko_2
BeautyFranko

BeautyFranko: professional cosmetics in one click

When BeautyFranko online store approached us, the main task was to create a modern platform that would combine convenience for customers with ease of management for the team. We focused on the key challenges that needed to be solved for the business.

Challenge №1: How to make the catalog simple and clear?

The BeautyFranko assortment covers hundreds of items, so it was important not to overwhelm the user.

Solution: we created a clear catalog structure with sections: New Arrivals, Brands, Promotions, Korean Cosmetics, Decorative, Skincare, Accessories, Manicure, Perfumes. Special attention was paid to the mobile version — the catalog with intuitive navigation guides the customer from search to purchase.

Challenge №2: How to make the product card informative?

Customers want to see everything at once: features, options, reviews.

Solution: the product card includes name, SKU, photos, description, wholesale prices, shade and volume selection via icons. Added blocks “Similar Products” and “Recently Viewed,” while reviews go through moderation.

Challenge №3: How to help customers quickly find what they need?

With a large catalog, search and filters become key.

Solution: we implemented search with autocomplete, filtering by brand, price and product parameters. Sorting and the “abandoned cart” function are also available.

BeautyFranko

Challenge №4: How to reduce routine work for managers?

The team spent a lot of time updating the catalog.

Solution: we created an admin panel with quick actions, bulk import/export of products via Excel, and the ability to configure promotions and promo codes.

Challenge №5: How to provide simple payment and delivery?

Online customers expect maximum convenience.

Solution: we integrated LiqPay and WayForPay for payments, and also connected Nova Poshta and Ukrposhta. TTNs are generated automatically, speeding up the workflow.

Challenge №6: How to prepare the site for SEO and scaling?

The site must be fast and ready for promotion.

Solution: we implemented an SEO module for managing metadata, optimized the code, added schema.org markup, and achieved a 90+ score in Google PageSpeed.

Result:

BeautyFranko received a modern online store with a well-designed catalog, informative product cards, fast search and filters, convenient integrations, and SEO readiness. It is a platform that simultaneously makes managers’ work easier and shopping simple for customers.

What did we do?
™ Глянець, студія веб-дизайну — Shop BeautyFranko_3
UI/UX, design
™ Глянець, студія веб-дизайну — Shop BeautyFranko_4
Programming
™ Глянець, студія веб-дизайну — Shop BeautyFranko_5
Nesting
™ Глянець, студія веб-дизайну — Shop BeautyFranko_6
Testing
™ Глянець, студія веб-дизайну — Shop BeautyFranko_7
™ Глянець, студія веб-дизайну — Shop BeautyFranko_8
™ Глянець, студія веб-дизайну — Shop BeautyFranko_9
™ Глянець, студія веб-дизайну — Shop BeautyFranko_10
™ Глянець, студія веб-дизайну — Shop BeautyFranko_11
™ Глянець, студія веб-дизайну — Shop BeautyFranko_12
™ Глянець, студія веб-дизайну — Shop BeautyFranko_13
™ Глянець, студія веб-дизайну — Shop BeautyFranko_14
™ Глянець, студія веб-дизайну — Shop BeautyFranko_15
™ Глянець, студія веб-дизайну — Shop BeautyFranko_16
™ Глянець, студія веб-дизайну — Shop BeautyFranko_17
™ Глянець, студія веб-дизайну — Shop BeautyFranko_18
™ Глянець, студія веб-дизайну — Shop BeautyFranko_19
™ Глянець, студія веб-дизайну — Shop BeautyFranko_20
™ Глянець, студія веб-дизайну — Shop BeautyFranko_21
™ Глянець, студія веб-дизайну — Shop BeautyFranko_22
™ Глянець, студія веб-дизайну — Shop BeautyFranko_23
™ Глянець, студія веб-дизайну — Shop BeautyFranko_24
™ Глянець, студія веб-дизайну — Shop BeautyFranko_25
™ Глянець, студія веб-дизайну — Shop BeautyFranko_26
Spent time
™ Глянець, студія веб-дизайну — Shop BeautyFranko_27
Shop BeautyFranko On laptop
Shop BeautyFranko On tablet
Home page
™ Глянець, студія веб-дизайну — Shop BeautyFranko_28
Tools and Technology
which we used to work on the site
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Figma
Shop BeautyFranko
Internal pages
Accessibility menu
Contrast settings
Font size
Letter spacing
Line height
Images
Font
Reset the settings