en
en
Contact us +38 068 829 90 90 hello@e-client.online

Ukrainian cluster of snail producers

Go to website

Snail producer

  • Site type: website catalog
  • Niche: production
  • Terms: 24 days
  • Status: Completed
  • Made: Ui/Ux, Web dev

01 About the client

USFC is an enterprise that unites farmers to jointly grow shellfish using a single technology. In addition, they are engaged in joint sales of products in Europe.

02 Goals and objectives

Create a multilingual website catalog, according to the information we provide about the company and products that can be ordered from us
  1. You need to create an additional logo for the site
  2. The site must be implemented in English, Italian, Spanish, French and Ukrainian
  3. The site must be implemented in green
  4. The pages of the site that must be present: home, about production, about products, cooperation and contacts
  5. On the contact page, make it possible to write to us
  6. You need to make sure that the site is displayed correctly on different devices and browsers.
  7. Take care of quick transitions between pages.
  8. Make it possible to conveniently fill the site and change the information on it

03 Decision

To achieve the set goals, we used a number of supporting tools. For example, CMS MODX - for managing and filling the site with content, Google MAP API - for creating a map of farmers

Website design

First of all, we started creating a logo. The client had an idea for it: to combine a person and a mollusk. Based on this, we developed 4 options, concepts of the logo, approved one of them and finalized it. After that, we started working on the website design

Colors

Colors

Fonts

Source Sans Pro Bold
Source Sans Pro Regular
Source Sans Pro Light
Photos of some sections
Site photo USFC - 1
Site photo USFC - 2
Site photo USFC - 3
Site photo USFC - 4

Website development

One of the features of this project, from the client programming side, was the work with Google Map Api and the smoothness of the site scrolling.

Roman Melnychuk

Site animation

The site has a smooth page scrolling feature that displays all page elements. In addition, animation is observed when hovering over individual elements (e.g. buttons or links).

Google Map API

Working with Google MAP API consisted of two points. First, it was used to style the site map to match the site color and create a GEO point with information displayed on it. Second, it was used to display a map of farms and cluster points (when clicking on points or zooming in on the map, markers of a particular farm are displayed). When you click on a marker, a photo of the farm is displayed, the name of the region it belongs to, and who its owner is.

Back-end

One of the most interesting aspects of developing the functionality for the site was connecting the Google Map API to the site management system. This was necessary to build an interactive map of farms.
Dmytro Kosyk

Working with the admin

The admin panel provides the ability to edit all necessary information and break down the site into language versions.

Farm map

To connect the data filled in the management system with the Google Map API, the MIGx add-on was used. This allows you to quickly make changes to the interactive farm map.

5 language versions

One of the project's features was the large number of language versions. Lexicons were used for this, to further facilitate editing.

Telegram API integration

Data from forms is sent directly to a telegram group with managers. This allows you to respond effectively to new requests.

04 Technologies and tools

jQuery
Modx Revolution
Gulp
Figma
MySQL
PHP
LESS
Telegram API

05 Result

As a result, we created a multilingual, cross-browser and cross-platform website, based on all the client's wishes. We filled it with basic information, created a video guide on working with the site's admin panel, and transferred all the information and access to the project to the client.

Roman Melnychuk

06 Client's words about the project

Review author: Andrii Davydov
Andrii Davydov

Founder

07 Project team

Project management

Roman Melnychuk

Marketing

Design

Development

Content

Other projects

Are you interested in developing a website for a manufacturer?

In complex work, we have discount system