- Corporate website
Agrokor Group is the largest privately owned company in Croatia and one of the most important companies in Southeastern Europe. The Group’s core business ranges from agriculture and food production to retail and other commercial activities.
A company of Agrokor’s size and importance needed a website able to represent it adequately. Our overall goal was to create a modern, clean and consistent visual framework that also works well with a wide range of content types and messages.
Make the website a primary source of Agrokor related information
Strengthen the image of Agrokor as the leading company in the region
Increase the number of visitors and extend the time spent on site
From brief to screen
First, let us show you the workflow of this project
In our line of work, putting together a successful story in just one shot is close to impossible. In order to create solutions that are in accordance with our client's challenges, we’re committed to an iterative process comprised of analysis, feedback, testing and adjustments.
Analysis, planning and project management
Naturally, planning and project management are dominant in the beginning and decrease as the project evolves. However, through various iterations of analysis and planning we’re ready to adjust the course of a project.
Design starts with the definition of the concept and it continues through two iterations. One is related to pure design layout production and the other to inspection and polishing of the site.
Frontend development enters the process shortly after the design phase. Front-end developers collaborate closely with designers through various iterations of check-ups and phases of site polishing.
As backend developers create the computational logic of the website, their effort is more or less always present on a constant scale throughout the project.
- Business community
- Media representatives
- Potential employees
- General public
How do we address two different types of targets and convey two different messages?
One of the main questions we asked ourselves is “What is Agrokor?”
And subsequently, what does it represent?
When people think about large companies like this one, they usually have quite a rigid picture in mind. Our main task (and biggest challenge) was to create a new corporate website which will present impressive results and at the same time promote company’s values and social responsibility to the public.
We identified two sets of messages the website has to communicate.
How does one merge these two concepts and tones without sounding odd? Through design, content adjustment and grooming.
Emotion and message through design
Special effort was put into this project by our design department in particular. It was clear right away that design would be the principal tool of conveying different messages and emotions, and subsequently we came out with three possible concepts.
Together with the client we chose the third option!
Why? It gave us the possibility to implement both concepts of communication: strength of the Group and return to nature.
The main advantage of this concept? It allowed clear visual emphasis on key messages throughout the project. On top of that, this particular option had a tremendous influence on the feel of the whole site.
Typography & Colour
As we thought about this site, it became clear that apart from general messages, a company of Agrokor’s size needs to be able to distribute transparent and easily accessible information via it’s website.
We also realized that the company previously produced a huge amount of content through various brand books, annual reports, product catalogues etc.
Before setting off on the project, we spent a lot of time stocktaking the existing content about the company and its brands. The amount of content was so large we needed to find the common denominator for gauging both quality and quantity of existing content for different companies, brands and sub-brands.
pages of content
SYSTEMATIC CONTENT FILTERING PROCESS
How to successfully present all this data that varies so much in both quantity and quality? Through constant iterations of systematic filtering and comparison, we came to various solutions.
In the end, there was enough content to make a page for every brand, so that is exactly what we did! (this did not exist in the earlier version of the site)
Finally we presented different materials and highlighted key messages for different targets through visually appealing interactive infographics.
In order to raise the quality of dialogue between design and content, we made the design blocks follow the content, and vice versa.
On the other hand we presented different materials for different targets through nice looking interactive infographics and highlighted key messages.
Enhancing UX for different user groups
There were certain types of information we needed to emphasize and make more accessible.
We made all the needed data available for download (logos, visual, breaking news, about the company, reports….) allowing fast and easy access for journalists and other media representatives.
There is now a significant amount of information available straight away and ready for download, no login needed. Potential investors can evaluate their investment opportunities through just a few simple clicks.
Along with a presentation of the employment process, development and educational opportunities, we needed to upgrade the application form for potential employees. We introduced new steps in the employment process in order to make employee filtering easier for the company.
These are now related to categories/themes throughout the site - the user always has the latest news within the specific category he is looking for. By doing that, we managed to provide all the information currently relevant for a certain topic.
I’ve had the pleasure of working with web.burza web development team on several projects. Apart from dedication to delivering quality service on time, what sets these guys apart is going that extra mile in order to make the final product better. On top of that they are a fun group of people to hang around with.
The website is running on our own CMS, core.WEB which is customizable to specifically fit the needs of various projects. It’s optimized for speed and scalability, flawlessly delivering more than 3 million pages per day. Most important of all, it makes content curation much more easy for the editing staff.
Using widgets, our powerful system of building blocks, we simplified changes to the navigational structure of the website. If, for example, the company decides to concentrate more on the Media page of the site, they could easily make the Media page the focal point of their site’s navigation.
And the results?
The bar for this project was set very high. We’ve more than reached it, and managed to pack it all into a beautiful, simple and easy-to-read design that has all the key attributes across every-size device imaginable (RWD). The effort was huge but yielded awesome results.
6 months after the website launch - compared to the same period of last year...
Avg. Session Duration
Which technologies did we use?
- HTML5 / CSS3 / JS (jQuery)
- core.WEB CMS