How We Built a Dynamic Landing Page with Silo Animation and Fillable PDF Form for Alliance
About Alliance
Alliance Alliance Concrete Ready Mix & Materials, Inc, based in Houston, Texas, is providing premium concrete solutions, catering to construction projects of all sizes. In addition to providing high-quality concrete , Alliance offers a credit option to its clients, helping construction businesses manage their projects with financial flexibility.
Challenges
Alliance required a visually striking, single-page landing website to communicate their business in an engaging manner. Central to their vision was an animated silo that would visually represent the transformation of unprocessed features into finished services. Additionally, they needed a downloadable, fillable PDF credit application form for potential clients to easily access, complete, and submit.
The specific challenges were:
- Silo Animation with Dynamic Features: The animation needed to illustrate the concept of features being processed through the silo. As unprocessed features (represented by empty pills) enter the silo, they transform and emerge as finalized services (colored pills), symbolizing Alliance’s streamlined business process.
- Fillable PDF Form: Alliance wanted a downloadable PDF form that clients could fill out electronically and return after printing, alongside an embedded web version with over 100 fields.
Without these elements, Alliance would miss a unique opportunity to convey their business process and provide a seamless user experience for clients seeking credit options.
Our Solution
Strategy
The challenge was twofold: creating a captivating animation that effectively communicated Alliance’s business transformation and developing a fully functional, fillable PDF form for credit applications.
- Silo Animation Design: We started by conceptualizing the animation using Adobe Premiere. We created a 2D animation featuring a rotating silo, incorporating Alliance’s branding along with the Texas flag to emphasize their local identity. The animation illustrated empty pills entering the silo (representing unprocessed features) and exiting as colored pills (symbolizing processed services).
Industry:
Web Development
Location:
United States
Technologies Used:
PHP/WordPress Adobe Premier Adobe Acrobat JavaScript/CSS- Custom CSS for Animation Integration: To make the animation interactive and dynamic, we used custom CSS styles to control the flow of pills. The left side of the animation showcased unprocessed items (empty pills with text), while the right side displayed processed items (filled pills with text), perfectly aligning with the concept of Alliance’s business.
- Fillable PDF Form Creation: For the credit application, we created both a web-based form with over 100 fields, including online signature options, and a downloadable, fillable PDF version. This allowed customers to either fill out the form online or download it for manual submission.
Key Services Provided
- Website Development
- 2D Animation Creation
- Fillable PDF Form Creation
- Digital Signature Option in Form
- Recaptcha Integration
Design & Development
Our design and development process focused on creating a fully customized landing page that seamlessly blended form and function:
Homepage Design: The homepage featured a hero section with a background image of Alliance’s operations, followed by the animated silo at the center. Additional sections included:
- Company Introduction: A concise section detailing Alliance’s services and core values.
- Contact Form: A simple form to capture inquiries and connect with potential clients.
- Location Section: Featuring a dynamic map showing Alliance’s office locations.
Credit Application Form: We developed a comprehensive web form with over 100 fields, designed to capture all necessary details for credit applications, including an option for clients to sign electronically. The downloadable fillable PDF form was also made available on the same page, ensuring ease of use for clients who prefer manual submissions.
Email Notifications: We enabled email notifications for both new inquiries and credit application submissions, ensuring Alliance’s team could respond promptly to potential clients.
Results
The final product was a fully operational, visually engaging landing page that met all of Alliance’s needs. Key outcomes included:
- Interactive Silo Animation: The dynamic animation effectively communicated Alliance’s business process, creating a memorable user experience.
- Fillable PDF Form: Clients now had easy access to a detailed credit application form, available both as a fillable PDF and as an online form with signature capabilities.
- Improved Customer Engagement: With a seamless online presence and user-friendly design, Alliance is now better equipped to engage potential clients and streamline credit application processes.
Overall, the new landing page helped Alliance communicate their value proposition more effectively, while also enhancing their operational efficiency.