Interactive agency + Marketing agency = Two Colours

About the project

In designing the site, we were inspired by the very idea of the brand: "Justwoodit was born out of a true passion for the elegance and simplicity that can be achieved from unique wood elements." These words were our guideline in our quest to create a site in line with the company's values.

We cordially invite you to learn about the process of creating an online store for Just wood it.

Project authors
  • Łukasz
    Senior Graphic Designer
  • Wioletta
    Elementor Developer
Prototype

Creating a prototype - a mock-up of an online store

The initial stage of creating an online store for Just wood it was modeling the initial concept of the site - a prototype. In this phase, we focus on outlining the initial idea for the site, highlighting the main points and sections, before delving into its graphic details.

We use programs, such as Figma and Miro, which allow us and our clients to gain insight into the structure of the site at an early stage. As a result, we are able to communicate effectively and make necessary modifications. From the first moments, we determine the location of elements such as sections, texts, graphics, multimedia or CTA buttons.

While working on a project for the Just wood it brand, we aimed to design a site that would encourage the purchase of stylish wood office products. We also wanted visitors to easily find the information they needed about the products. To achieve this, we used a variety of presentation methods - from professional photos provided by the client to dynamic videos showing the process of creating these products.

An important aspect is to maintain constant contact with our client. After completing our initial concept, we organized a video call where we presented our concepts and provided guidance on how he could share his comments and ideas with us.

Online store prototype just wood it

Graphic design of an online store

For the graphic design of the online store for Just wood it, we focused on minimalism from the very beginning. The white setting of the site gives a sense of cleanliness and elegance, while dynamic photos and videos add a modern touch to the site's structure. The main goal was to present the products offered in a way that would allow the user to immediately understand their value. The message in the hero section is clear and concise: "Unique monitor stands and desk accessories designed to organize and optimize your workspace." On its background, we implemented a slideshow with professional product photos. A small, minimalist CTA button below the main message invites you to explore the offer.

Hero section of the online store
Graphic design of an online store

The homepage not only showcases selected products, but also highlights the uniqueness of the brand, highlighting what makes its assortment unique.

The graphic intent is marked by simple elegance. The bright colors of the CTA buttons have given way to subtle grays that gently suggest the luxurious nature of the products. Strona, despite its simplicity, is by no means monotonous. All relevant information is presented in a concise and graphically appealing way, making it easy for the user to read.

The feedback section on the homepage is a valuable source of authentic customer experiences, Adding credibility to the site. Positive reviews can boost the confidence of potential customers and convince them to make a purchase.

In the "about us" section, users may come across a video showing the product development process.

The product category tab, on the other hand, is characterized by clarity and intuitiveness, coherently fitting into the overall design.

The product card is designed for your complete comfort, allowing you to choose the specific size and color of each product component. Clarity and clarity of descriptions of all product features and characteristics ensure that the customer is not left in the dark and can understand exactly what they are buying. This approach to product presentation streamlines the buying process, reducing any doubts the customer may have.

 

Implementation

Coding an online store

During the creation of the online store, a key step was its implementation of - For this, we used the Elementor tool. It is a solution that allows easy customization of the site's appearance, which translates into benefits for our clients. Once Elementor is completed, the client is able to make independent modifications to the content on the site without having to hire specialists.

Our goal is for our clients to be able to manage their site independently, allowing them to respond flexibly to changing market needs and visitor expectations.

During the coding process, we also implemented pre-planned features so that the site not only looks good, but also meets specific business goals.

E-commerce module

This key element of the site transforms it into a full-fledged online store, allowing customers to browse products and add them to a shopping cart, which in turn offers the possibility to use a discount code. In addition, the payment system allows customers to choose from a variety of methods, such as Blik, Google Pay or PayPal.

E-commerce module online store

Contact form

Located in the "contact" section, the minimalist and clear form allows customers to contact the company seamlessly. It allows site visitors to quickly and easily communicate their questions or concerns directly to company representatives. 

Online store contact form

If this project has caught your attention, we encourage you to also learn more about it on our profile on Behance. Also take a look at our other implementations!

Thinking about a professional website for your business? Take advantage of free consultation and find out how we can support your operations!

    Let's talk and establish action plan!

    Krótki formularz Fill out the full brief

    Hidden
    Hidden
    Jak Ci się to podoba?