40
4.8
40

Informative and clearly structured corporate site for EU fulfillment provider

Product details:

Frontend dev
Management
Web design
Webflow
Jan 2024
 – 
May 2024
ongoing
265.80
 hours spent

Project scope

Fulfillment for Europe (F4E) is an association of award-winning European Fulfillment houses, fully integrated to provide reliable and scalable fulfillment services, including pick and pack, kitting, reverse logistics, and more.

Homepage hero screen

They approached us with a request to completely redesign their existing website based on the provided text and page structure. The goal was to create a clean, somewhat traditional corporate website with interactive elements that would demonstrate the reliability of the company and its technology. The site also had to have a blog with cases from various niches and news, as well as an extensive archive with various legal and economic resources.

Solution

We started developing this site by gathering references and aligning design concepts and stylistic expectations, as we do in all our projects. The Digital Butlers design team provided a list of example sites that they felt would be suitable for the site's theme, the brand's identity, and the employer's requirements. After receiving detailed feedback from the employer, we created a clear and detailed list of stylistic solutions that can be used on the site, as well as a list of things to avoid - a "do's and don'ts" table.

"Do's and don'ts" table

After finalizing the design direction, we created multiple design concepts. Once we selected a specific option, we started crafting the UI design for the desktop version of the main page. After completing this part, we prepared all the necessary pages in Figma, which included the mobile version and the UI kit for easier development.

Services list
Services list for Germany

Since the website contained a substantial amount of information related to legal and economic aspects of logistics in the European Union, it included various graphs, tables, tabs, and more. It's crucial to visually organize the information blocks to maintain a dynamic presentation and avoid overwhelming the user. Subtle, non-intrusive animations and appearance effects also enhance the perception of information.

About us page

The employer didn't have the chance to arrange a personal photo session or provide any photo or video materials for the site. As a solution, we proposed using stock photos and videos and leveraging AI to create media materials.

Key areas slider

The website was created using Webflow, incorporating custom JS, HTML, and CSS code. All sections with dynamic content, such as services, industries, blogs, resources, case studies, integrations, and members, were linked to Webflow CMS, simplifying the process of adding or modifying information in these sections.

The site uses:

  • Smooth scrolling
  • Parallax effects
  • Appearance of text via the GSAP library
  • Seamless transitions between pages
  • Custom cursor
  • Custom scrollbar
  • Logo animation via Lottie
  • Quiz form
  • Phone format mask
  • Connection with the mail service
  • Dynamic SVG map
  • and much more
Inner page header

Technology

In the process of creating the site, we utilized programs such as Figma, Mindjourney, and Adobe After Effects. The site was built on the Webflow platform with the integration of custom CSS, HTML, and JS code.

Fully adaptable

Awards

No items found.

Let us know about your project

Error message
This is some text inside of a div block.
This is some text inside of a div block.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Designed with Loyalty and Passion

Explore more works that made with loyalty

TorchSensors.com

We built a site for a marketing campaign to accept pre-orders for a fire prevention sensor in a 1.5 month. And within the 1st day of its launch, we received an overwhelming number of pre-orders for the product.

Ockom.co

We designed a cybersecurity company's website with effective mood-setting features like immersive 3D, animations and clean UI. The result was positive reviews and Awwwards recognition.