Strona www Vabadus - Portfolio Two Colours Agency


A website with an on-line shop for a training company


The purpose of the order was to create a website for a training company with a built-in online store. An important aspect was the preparation of several product templates, because products in the training category are not the same as a product in the consultation or book category. The entire website has been made with a dedicated graphic design, which gives the brand a unique look.


Website functionalities


01. On-line store

Built-in online store allows selling trainings, services and consultations. It is possible to sell virtual products such as e-book or audiobooks.

The entire project was made in such a way that the customer could add new categories and products on his/her own.

Sklep internetowy - Portfolio Two Colours Agency


02. Automated invoice

Online store was made on CMS WordPress with the use of WooCommerce (e-commerce solution). It was integrated with invoicing tool. Integration allows you to get data to the invoice in the shopping cart, and then after marking the order as completed, the system automatically generated and sent the sales document.

It’s an extremely convenient solution that saves a lot of accounting work.


Prototype – a mock-up of a website

We created the prototype (the website mock-up) in Miro tool. It allowed the client to look at the website’s structure before the graphic design stage, thanks to which we were able to make the necessary corrections.

Makieta - Strona www - Portfolio Two Colours Agency

The website mockup looks like this:

Prototyp - Strona www - Portfolio Two Colours Agency

Always establish a site map before creating a prototype, i.e. the structure of tabs and subpages.

Mapa - Strona www - Portfolio Two Colours Agency

Graphic project

We made the graphic design with the Figma tool. It was designed from scratch, thanks to which the customer can be sure of a unique appearance.

Dedykowany projekt graficzny - Strona www - Portfolio Two Colours Agency

Website coding

The website uses CMS WordPress, Elementor page builder and ACF. This configuration allows the client to easily edit and expand the website further.

See the on-line website:


Tools and solutions used:

  1. Miro – a tool used to create a prototype, to present a graphic design and communicate with the client
  2. Elementor PRO – page builder for WordPress that allows you to program your website
  3. ACF (Advanced Custom Fields) – a plugin for WordPress that allows you to add custom fields and allows editing from the user level
  4. Woocommerce – the most popular e-commerce solution for WordPress


Did you like it? Contact us!

How to do it right ...
to feel the effects?

Autorzy projektu

Dawid Kotrys

Właściciel Agencji, Dyrektor Kreatywny


Elementor Developer


Opiekun Klienta