eContent - NY USA

Client Objectives

• Reflect eContent's modernity and digital focus through a website design that effectively communicates its brand identity.
• Implement interactive elements throughout the scroll to enhance user experience and maintain engagement.
• Showcase eContent's most relevant projects to captivate current and potential clients.
• Display all members of eContent in a comprehensive and engaging manner through a dedicated scroll.
• Facilitate customized content editing for the eContent team, overcoming limitations found in the previous platform (Wix).

User Objectives

• Check out the portfolio of projects that eContent has worked on and learn more about our team.
• Foster a sense of transparency and connection by featuring the agency's team members prominently.

Challenges

Challenge 1: Implementing a Custom Audio Button for Video Volume Control (Without Displaying YouTube or Vimeo Components).

Solution 1: As Webflow lacks native support for this feature, the approach involved embedding a Vimeo video. Custom code and Vimeo APIs were utilized to enable volume control without displaying YouTube or Vimeo components.

Challenge 2: Animation of Multiple Elements through Scroll for a Horizontal Scroll Section with 3 Segments.

Solution 2: Instead of scrolling by section, the decision was made to utilize the entire page scroll. The animations were executed upon completing the entire page to accurately calculate the percentage for each animation in a horizontal scroll section with three segments.

Challenge 3: Implementing a custom animated design (4 elements) based on a static vector design provided by the client.

Solution 3: Working closely with a Motion Graphics designer agency (chakanastudio.com), using After Effects and exporting the animations to Lottie, we implemented the scroll-triggered animation as requested by the client.