Available for new cooperation from April. Drop us a line to book a team 👈
Available for new cooperation from April. Drop us a line to book a team 👈
Available for new cooperation from April. Drop us a line to book a team 👈

UniferX NEW - goodface.agency

An international distributor of organic fertilizers

Industry

  • agriculture

Expertise

UX/UI design and web development

Development period

2023-2024

About the client

UniferX is an international distributor of organic fertilizers for crops, aiming to combat the climate crisis by offering solutions that aid plants in adjusting to shifting environmental conditions.


Challenge

The company's website has long been out of date, no longer meeting modern standards, and an updated brand identity. Our challenge was to give the site a complete overhaul, enhancing both functionality and aesthetics.

  • Our challenge was to create a functional and visually attractive site at the same time. Let's add here the client's ambition to make it one of the best on the market. Another powerful motivation for us.
  • The Goodface team aimed to showcase the client’s products effectively making info easier for customers to access. In our design philosophy, functionality alone isn't enough; it has to have that wow factor.
  • Due to the large system of data, we had to fine-tune how they interacted to make it user-friendly.
2. UniferX - old website.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Solution

Discovery

We started with market research and competitor analysis to understand the needs of the target audience and found some insights. Based on them we developed the user flow and site map.

3. Project plan.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
4. Competitor analysis.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
5. Target audience groups.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
6. User Flow.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Wireframes

At the visualization stage, we created detailed wireframes. It brought a clear vision of how the information will be located on the pages.

Then the development team created a specification with requirements for the functionality of the site.
 

Design concepts

The next step was the creation of design concepts. We pitched two different styles inspired by mood boards.

  • The first embodied modern approaches to design: a combination of simple geometric shapes in a non-standard form, big fonts, animations, and dynamic grids. 
  • The second one was done in darker colors, embracing the sleek Bento UI trend.
8. UniferX - Design concepts.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Design

In the design stage, we worked on several key features, like advanced search and an interactive map for fast-finding distributors.

  • We improved filters to streamline product selection on the revamped site.
  • And those smooth scroll animations add a touch of fluidity, guaranteeing a more interesting user experience.
9. Trial results and crop nutrition programs.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
11. About UniferX.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
12. UniferX - Products.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
14. UniferX - vision.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Development

Our technical implementation unfolded in three phases: Frontend, Backend, and Quality Assurance.

Using React.js for the Frontend and Laravel PHP for the Backend, we ensured scalability, speed, and optimization. These technologies empowered our developers to handle large data volumes efficiently.

16. UniferX - Feedback form.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Frontend

During the Frontend stage, we devised a scalable component system and seamlessly integrated engaging animations without compromising performance or SEO.

18. UniferX - Company history.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
19. UniferX - mobile screen products.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
20. UniferX - Resources.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Backend

Our Backenders developed cross-country functionality with multilingualism, enabling the site to dynamically adapt content based on the user's location and language preferences.

21. UniferX - Change country.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Сontent

We streamlined navigation with an advanced search feature, simplifying information retrieval from extensive document repositories.

Our team meticulously crafted an architecture to manage relationships between various data objects such as products, cultures, outcomes, and countries.

Despite the complicity of data on the platform, we maintained our user-centric approach. So the content remains structured and convenient to manage.

22. UniferX - Trial results.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
24. UniferX - Research & News.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
25. UniferX - Instagram.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency
26. UniferX - mobile screens.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Result

As a result, we achieved a new vibrant website, boasting enhanced navigation, interactive features, and animations. It effectively engages users, encouraging them to explore the site. 

Thanks to optimization, it is swift and accessible. And of course, it's pretty easy for content management.

27. UniferX - Result.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

CSS Design awards

The website got CSS Awards in Best UI Design, Best UX Design, and Best Innovation nominations.

Goodface agency - UniferX case - CSS Design awards.png - UniferX website: UX/UI design and web development for a distributor of fertilizers – Goodface agency  - goodface.agency

Links

Other projects

Adaptiq - goodface.agency

Adaptiq

  • IT

Development of a corporate website for an international IT company

View projectArrow - goodface.agency
  • IT
Arrow - goodface.agencyArrow - goodface.agency
Ping Proxies - goodface.agency

Ping Proxies

  • IT
  • SaaS

UX/UI design, dashboard frontend development and web development for a software company

  • IT
  • SaaS
SOON
Ecosphere - goodface.agency

Ecosphere

  • greenTech
  • manufacturing

Website development for a group of companies engaged in green energy, juice and water production

View projectArrow - goodface.agency
  • greenTech
  • manufacturing
Arrow - goodface.agencyArrow - goodface.agency
View all worksArrow - goodface.agency
Get an offerSmile - goodface.agency
Take your business to the
 next level
in one simple step
get in touchSmile - goodface.agency
Cat
Close
Checkmark - goodface.agency

Fill in a simple brief

We will respond during business hours

Close

PRIVACY POLICY

Welcome to Goodface privacy notice.

Goodface respects your privacy and is committed to protecting your personal data. This privacy notice will inform you as to how we look after your personal data when you visit our website (regardless of where you visit it from) and other sites we own and operate. And tell you about your privacy rights and how the law protects you.

We may change the privacy policy from time to time to reflect changes to the products and services that we provide and how we process your personal data.

We will not share your information with any third party outside of our organization, other than as necessary to fulfil your request if any."

INFORMATION WE COLLECT

When you visit our website, our servers may automatically log the standard data provided by your web browser. This data is considered “non-identifying information”, as it does not personally identify you on its own. It may include:

  • Your computer’s Internet Protocol (IP) address;
  • Your browser type and version;
  • The pages you visit;
  • The time and date of your visi;
  • The time spent on each page;

OTHER DETAILS

We may ask for personal information, such as your name and email address. This data is considered “identifying information”, as it can personally identify you. We only request personal information relevant to providing you with a service, and only use it to help provide or improve this service.

We collect information by fair and lawful means, with your knowledge and consent. We also let you know why we’re collecting it and how it will be used. You are free to refuse our request for this information, with the understanding that we may be unable to provide you with some of your desired services without it.

We will only process personal data and communicate with you if:

1. You have given us consent to the processing of your personal data and communicating for one or more specific purposes i.e. requesting products or services from us, downloading material or information from our website or submitting a contact us form.

2. Performance of a contract

3. Where we have a legitimate interest for contacting you in relation to our products and services

DATA PROCESSING AND STORAGE

We only retain personal information for as long as necessary to provide a service, or to improve our services in future. While we retain this data, we will protect it within commercially acceptable means to prevent loss and theft, as well as unauthorised access, disclosure, copying, use or modification. That said, we advise that no method of electronic transmission or storage is 100% secure, and cannot guarantee absolute data security.

Rights and choices of individuals:

  • See what data we have about you, if any;
  • Change/correct any data we have about you;
  • Have us delete any data we have about you;
  • See what security measures we apply to your data;
  • Express any concern you have about our use of your data;

You may opt out of any future contacts from us at any time. You can do the following at any time by contacting us via the email address given on our website: goodface.agency