Project overview
Eleventh Floor Company is dedicated to accelerating organizations' data processing journeys through expert Ab Initio Software Training. Our mission is to empower businesses to build effective solutions that offer long-term strategic benefits. We provide comprehensive training and support, ensuring that organizations can leverage Ab Initio technology to optimize their data processing and achieve their strategic goals.
The Challenge
The existing website's UI was outdated and had a conventional design. It featured multiple pages with content-heavy sections and complex navigation, compounded by poor visual hierarchy, which made navigation and information retrieval difficult for users. Additionally, the site struggled with visibility and discoverability of information, negatively impacting the user experience.
Our Solution
Our solution was to create a simple, minimalistic one-page website with seamless navigation. We aimed to reduce content overload and eliminate clutter, displaying just the right amount of information. Additionally, we incorporated a few visual elements to enhance the website's aesthetics, making it both visually appealing and highly usable.
Wireframes
We began by developing high-fidelity wireframes, drawing content from their existing website. In collaboration with stakeholders, we identified the essential information and maintained a clear visual hierarchy. We structured the layout to ensure the entire website tells a cohesive and engaging story.
Color Pallete
The primary linear gradient combines vibrant blues, symbolizing innovation. Complementary hues of deep blue and rich purple add sophistication. Magenta, coral red, and warm orange accents infuse energy, enhancing the brand's dynamic identity.
Typography
Space Grotesk is a modern sans-serif typeface family. It combines clean lines with a touch of personality, thanks to its geometric styling. Ideal for contemporary designs, it offers a unique, sophisticated look while ensuring readability and elegance.
Elegant Icons and Illustrations
Discover our collection of elegant icons and stunning illustrations, designed to enhance user experience and add visual appeal. Perfect for improving navigation and enriching your projects with creativity and storytelling.
Captivating Hero Design
The objective was to create an engaging hero section featuring a salutation and intro, dynamic service text animation, elegant icons with subtext for USPs, background mesh gradient animation, and a scroll-down micro-interaction for interactivity.
Effortlessly Showcase Story
We created a custom 3D cityscape illustration, highlighting a skyscraper's 11th floor with a gradient line. As users scroll down, the building scales up, revealing story text on each side for an interactive experience.
Stack of services
For each of their services, we designed a card featuring the service headline, contextual subtext, and a custom illustration depicting the service. These cards were arranged in a stacked layout, and as users scroll, each card stacks up in a seamless interaction.
Credibility and Reliability
Including a numbers section to highlight key figures demonstrates its scale, while a testimonial section underscores its quality. Together, these elements enhance the platform's trust and credibility, directly correlating with an increased conversion rate.
Interactive Contact Footer
Dynamic footer with direct contact options features various mediums. Each contact icon includes hover state animation and a redirection arrow. Footer includes essential links like Terms of Use, Privacy, Cookies policies, and back-to-top function for ease.
Our featured projects
Ather
Ather Energy is an Indian electric vehicle company, We collaborated with Ather on the front-end development of their marketing website, customer portal and Ather space.
View case study
Chaos Genius
It’s an open-source Business Observability Platform for anomaly detection. Hence, to optimize the efficiency of the platform we introduced compelling real-time data visualization capabilities coupled with layered information relevant to each user role.
View case study