Bionorica
Phytoneering Extract Solutions
Phytoneering Extract Solutions is a subsidiary of Bionorica that manufactures and sells plant-based pharmaceutical products.
3+ months
Corporate website
Web development
Web
About
Project Idea
Phytoneering Extract Solutions partnered with Yellow to rebuild its existing website. The first step in our process was to analyze the site, after which we identified the aspects that should be changed, devised the structure for a new site, and produced the final solution.
The client had
- The old version of the website
Inherent challenges
- Site analysis
- Site optimization
- A multi-language interface
- Map integration
- Bilingual search implementation
Team
Project manager
Technical lead
Two full-stack engineers
Designer
Wireframes
The main goal of creating wireframes for the website was to optimize the user flow so that it would correspond to real-user behavior as well as the daily needs of the client business.
Technology Stack
The website was built through the use of specific tools and technologies:
Design
It was necessary to profile—or predict—user behavior so as to ensure convenient, intuitive functionality. Another important aspect of the production was to create numerous illustrations. We drew them from scratch so that the site's visual style would further convey the company's brand image.
Challenges and Solutions
The project had five main challenges, as described below:
Site analysis
Problem:
Development started with a careful analysis of the client's existing website so that the new one would be free of weaknesses and other pain points.
Solution:
Because the client's existing site was difficult to understand and navigate, we devoted great effort to the structural design of the new website.
Site optimization
Problem:
It was essential to optimize the website's efficiency for quick loading and instant response.
Solution:
Services such as GTmetrix and PageSpeed Insights helped us check the site's performance. After testing and optimizing the code, we were able to reach almost the highest site loading speed.
The search field
Problem:
Because the website would be bilingual, its content also had to be searchable in a bilingual manner.
Solution:
We added two separate fields—"English search tags” and "German search tags"—via Contentful.
A map for the Contact page
Problem:
We had to install a scalable, interactive map on the Contact page. An additional task was to make the map reflect the style of the website.
Solution:
We produced a custom version of Google Maps in which we removed everything that was shown by default, such as the names of establishments, streets, and other landmarks. Moreover, we changed the code in Google Maps to achieve a halftone look, i.e., black and gray on white.
An interface that would work well in two languages
Problem:
The website for Phytoneering Extract Solutions had to be bilingual: German and English. This requirement presented certain difficulties. For example, the switch to the other language would trigger a page reload, in which case the user would return to the top of the page regardless of the point at which the selection was made.
Solution:
Our specialists modified the AWS configuration and various architectural elements so that a user could freely switch from German to English or vice versa.
Results
We achieved a pleasantly dynamic, user-friendly website.
