Cases
«COFFF»
development
of design of
a selling website
Developed a design for a sales website for a single-brand store selling coffee equipment
2023
Address:
cofff.ruthe site
COFFF is a brand of professional coffee equipment. The company's products are manufactured in Italy and Turkey, and are presented in the budget price segment. The owner of the company's brand is Red Gastro.
The task set by the
customer
Make a structure
and draw a design of a website for sale of coffee equipment
and draw a design of a website for sale of coffee equipment
Project Summary
Start of work:
June 2023
Completion of works:
July 2023
What tasks did we solve in the project «COFFF»
What tools
did we use?
For design – traditional Figma.
MS Word for generating reports
MS Word for generating reports
Figma
Excel
MS Word
We worked out the structure of the pages and the website
We were faced with the task of creating a lightweight and easy-to-use promo site for the Cofff brand.
The site consists of a main page, which is an effective selling landing page, which provides the information necessary for making a purchase decision: information about the brand, products and their benefits.
The main page has a block with a full range, and for each product there is a product card.
Made ui-kit
All elements necessary for the layout of the site were designed in the form of ui-kit. It presents color solutions, fonts, buttons, inputs, carousels, lists, tabs, check boxes, radio buttons, icons. All elements are designed in a single style.
Developed a general
design style
At the customer's request, we made the design as minimalistic as possible. Color scheme: black and white, with coffee-colored accents.
All ui-kit elements are made in rounded shapes: this allows to emphasize the design of the Cofff equipment.
Rendered
additional pages
For the convenience of layout designers, we drew product pages: this way, developers understand what indents need to be made, what sizes and proportions of elements need to be observed.
All conversion elements are located in pop-up windows.
They contain feedback and order forms, ready-made equipment kits, sufficient for opening a full-fledged coffee shop.
They contain feedback and order forms, ready-made equipment kits, sufficient for opening a full-fledged coffee shop.
We drew
a mobile version
All pages were drawn as mobile
layouts: 320px wide, with the functional blocks indicated.
layouts: 320px wide, with the functional blocks indicated.
Photo
Gallery
Website design layouts
for the project «COFFF»
for the project «COFFF»
See more layouts
Look
Some numbers
We always count, but we can’t show all the numbers.
But we can show some of them a little!
But we can show some of them a little!
2
Editing iterations
took place before the design was accepted
took place before the design was accepted
16
Full-fledged layouts
were drawn to create the site
were drawn to create the site
100+
Elements contains ui-kit
Order a project
Contact us and we will share our experience and help with the implementation!
Write
See
similar cases
similar cases
Web-AR for Gauss
Made a small promotional site and a decision with augmented reality on Web-A for the company Varton
2022
VITRAJI
We have developed a website for the presentation of the company's products and the benefits of working with it for construction companies, designers and agencies.
2022
Amarylis
In 2019, the company restarted the online store, and, faced with the task of designing the interface and creating design, turned
to us for help.
to us for help.
2020
Paradiso
Hotel Paradiso is located on a mountain slope in South Tyrol and offers its guests winter and summer leisure programs
2020
Noirot
Together with Nuaro LLC, our team did product photography for the catalog and advertising.
2019
Overtime
We created a modern website for advertising a basketball camp for children and teenagers, helped the team with marketing and positioning
2023
Panam Pizza
We developed a set of promotional materials for the franchise of the Panama pizzeria network.
2022
Premium Technologies
We developed a promotional website and advertising campaigns to promote retail and small wholesale sales of Schüco products and additional services of Premium Technologies.
2021
Oscar-Et-Valentine
It happens that after the launch of the site, its redesign is immediately required. This is exactly what happened to the Oscar Et Valentine website.
2020
Show more
