Interactive agency + Marketing agency = Two Colours

About the project

Dariusz Owczarek and the Original Bar team create unique cocktails and offer an unforgettable bartending show - a good knowledge of the specifics of the business was crucial when creating the site to fully reflect the character and mission of the brand.

Welcome to the process of creating the second website design for Darius, this time for the Original Bar.

Project authors
  • Mateusz
    UX designer
Prototype

Creating a prototype - a mock-up of the website

When we started working on a blog website for specialty event bartenders, our first step was to development of a prototype - The original visual version of the site. Through this, we were able to orchestrate and present the initial concept of the site before we even started its graphic design.

In creating these initial versions, we always use tools such as Figma or Miro. These are platforms that allow both us and our clients to see the architecture of the site early on, including the homepage and all subpages. This allows us to determine the precise placement of various sections, texts, graphics and call-to-action (CTA) buttons from the beginning.

When creating the site for the Original Bar, we paid special attention to its intuitiveness and simplicity of navigation. We wanted users to easily find the information they are interested in and get a complete picture of the services bartenders offer. As part of the presentation of what the brand offers, we planned a variety of content - from concise and clear descriptions of the process of ordering services, to a form for generating leads in the hero section, to an extensive gallery of client-provided photos illustrating the quality of service you can expect from them.

During the development of the prototype, we maintain close contact with the client, in this case the owner, Dariusz Owczarek (dariuszowczarek.pl). Once it was completed, we conducted a video interview and provided instructions on how the client could make any comments.

website prototype for bartenders

Graphic design of the website

During the graphic design of the website dedicated to bartenders, the main goal was to create a colorful yet clear design. We chose shades of red as the dominant color theme, which, thanks to its intensity, effectively draws visitors' attention to the key elements of the site. What stands out here are the CTA buttons, which encourage visitors to make contact and take advantage of the free tasting offer. The first glance at the site draws attention to the hero section, adorned with a photo of cocktails, giving a foretaste of what to expect from bartending services.We made sure that the entire layout is rich in a variety of photos and minimalist icons. As a result, each service is presented by its own icon and photo, which makes the offer not only clear, but also attractive to the eye. 

hero section of the website for bartenders
graphic design of a website with a blog for bartenders

Below this section, the user can see Interesting figures that show the years of experience of bartenders and even suggest how many drinks bartenders have prepared during their career. This is a good introduction to a concise and clear description of the process of ordering services. A great option and an effective magnet for potential customers is the offer of a free tasting before the actual order, which guarantees the highest quality of service and the assurance that the event will be a memorable experience.

Another section presents reviews from satisfied customers, which are highlighted in a vivid, bright color, and a list of well-known brands that have used the service.

The site is also rich in content thanks to its blog, which features topical articles and a gallery showcasing the achievements of bartenders.

Each of the services offered has its own sub-page laced with detailed descriptions and high-quality photos. It is worth noting that the abundance of photographs on the site does not adversely affect the fluidity and speed of the site.

The "about us" section shows profiles of the founders and the entire team. Authentic photos of the people who make up the company reinforce trust and build a bond with potential customers by showing the real faces behind the services offered.

Implementation

Coding the website

Implementation of the website The business card for bartenders was a crucial step in the final phase of its creation. We carried out this task using the Elementor tool - currently very popular. It is characterized by simplicity and intuitiveness, and allows customers to easily modify and expand the site on their own without having to seek external support.

By giving the client the ability to freely manage the site, we make it possible to continuously update it, responding to dynamically changing market requirements and visitors' needs. As a result, the client does not have to rely on permanent cooperation with an agency, which gives him greater autonomy and control over the content.

While programming the site, we also implemented additional features to make it even more user-friendly and increase its business potential.

Form for generating leads

On the home page, in the hero section, we placed a form for soliciting potential customers. This form is a key part of the so-called sales funnel. What's more, a free e-book is offered to encourage visitors to enter their data. To get one, just enter your name and email address.

lead generation form - original bar

Contact form

We have introduced a contact form to make it easier for visitors to communicate directly with service providers. In this way, those interested in services can quickly get answers to their questions and requests.

contact form on the website for bartenders

If this project has caught your eye, we invite you to take a closer look at it on our profile Behance. We also invite you to see our other implementations.

Are you dreaming of a beautiful and professional website? Book a free consultation and see how we can support your plans!

    Let's talk and establish action plan!

    Krótki formularz Fill out the full brief

    Hidden
    Hidden
    Jak Ci się to podoba?
    5/Number of votes: 1