
Challenge
Understanding the business concept and proposing a design that represents the business using a prototype was tricky. But after giving it both time and thought, we made such a design that gives an exact idea of the end results.
Presenting something new was a huge challenge, as meeting the client’s expectations requires high-level conceptual work. Yet, after this major hurdle, there were just a few more challenges remaining to get the project done.
First was to understand the business and provide XD prototypes with a conceptual design.
Next, implementing light-weight custom animations on the website that won’t affect website speed was easy yet time-consuming.
The old lead capture system couldn’t properly categorize or route leads based on intent. So, to integrate the third-party tool Ignite and pass leads on to the CRM was the next challenge.
To use Lottie animations in Gutenberg blocks. These JSON-based animations were embedded throughout for dynamic & visual storytelling.
To develop a color-changing strip on scrolling for each page. This is because every frame counts when you’re serving global audiences with varying internet speeds.
Understanding the business concept and proposing a design that represents the business using a prototype was tricky. But after giving it both time and thought, we made such a design that gives an exact idea of the end results.
Presenting something new was a huge challenge, as meeting the client’s expectations requires high-level conceptual work. Yet, after this major hurdle, there were just a few more challenges remaining to get the project done.
First was to understand the business and provide XD prototypes with a conceptual design.
Next, implementing light-weight custom animations on the website that won’t affect website speed was easy yet time-consuming.
The old lead capture system couldn’t properly categorize or route leads based on intent. So, to integrate the third-party tool Ignite and pass leads on to the CRM was the next challenge.
To use Lottie animations in Gutenberg blocks. These JSON-based animations were embedded throughout for dynamic & visual storytelling.
To develop a color-changing strip on scrolling for each page. This is because every frame counts when you’re serving global audiences with varying internet speeds.
Solution
Our team is capable of learning about every kind of business. We always take on new challenges and opportunities to deliver the best and provide solutions. The client was satisfied with the consultation and deliverables that we provided. Below are the most highlighted milestones that we achieved while working on Acorn-i.
Our UI/UX team got involved and presented mockups. Upon approval of the mockups, we created XD prototypes to give exact ideas of the end results.
We created an interactive globe animation in Three.js and implemented it on the website without affecting page load speed.
We created a custom API to bridge the website and CRM to pass all leads. Ignite receives not just contact information, but contextual details about what content the prospect engaged with.
All Lottie animations were exported as .json files and imported into the WordPress media library to use inside Gutenberg blocks. So, editors can add dynamic content without touching code.
Lastly, we also set a gradient background on each page that appeared to change color when scrolling. It’s subtle enough not to distract from content and engaging enough to guide attention through the user journey.
Our team is capable of learning about every kind of business. We always take on new challenges and opportunities to deliver the best and provide solutions. The client was satisfied with the consultation and deliverables that we provided. Below are the most highlighted milestones that we achieved while working on Acorn-i.
Our UI/UX team got involved and presented mockups. Upon approval of the mockups, we created XD prototypes to give exact ideas of the end results.
We created an interactive globe animation in Three.js and implemented it on the website without affecting page load speed.
We created a custom API to bridge the website and CRM to pass all leads. Ignite receives not just contact information, but contextual details about what content the prospect engaged with.
All Lottie animations were exported as .json files and imported into the WordPress media library to use inside Gutenberg blocks. So, editors can add dynamic content without touching code.
Lastly, we also set a gradient background on each page that appeared to change color when scrolling. It’s subtle enough not to distract from content and engaging enough to guide attention through the user journey.
Results
These are the specific, measurable, and important product milestones delivered by us to the stakeholders.
- Interactive Animations
- Custom Content Filters
- Ignite & CRM Integration
- Social Media Sharing
- Custom WordPress Design
- Smooth Section Scrolling
- Lottie Animations
These are the specific, measurable, and important product milestones delivered by us to the stakeholders.
- Interactive Animations
- Custom Content Filters
- Ignite & CRM Integration
- Social Media Sharing
- Custom WordPress Design
- Smooth Section Scrolling
- Lottie Animations
