"Showing your inner strength is showing your reliability."
In the SX-Creval system, you don't need to write a long, dry article to introduce your company history. We've prepared four visually stunning and interactive timeline components for you. Whether it's horizontal swiping, vertical scrolling, or Apple-level immersive parallax effects, you only need to enter the year and milestone events, and the system will automatically render it into a captivating corporate documentary.
1. Four top-tier timeline layouts
Different brand identities require different storytelling approaches. When adding a module, you can choose one of the following four layouts:
Style 1: Horizontal Timeline
- Visual features : Horizontally extended interactive cards. The timeline resembles train tracks, allowing customers to swipe left and right to view the content.
- Exclusive highlighting function :
- Highlights : In this style, in addition to the text description, you can add rows of "highlights (✅)". Perfect for listing multiple achievements made in a given year (e.g., ✅ Factory expansion to 10,000 square meters; ✅ ISO9001 certification).
- Default display year : You can freely specify which year the timeline will default to when the webpage is opened (leave it blank to display the first item by default).
- Applicable scenarios : Suitable for physical manufacturing enterprises with abundant practical experience and extremely steady development.
Style 2: Vertical Timeline
- Visual features : A classic vertical layout that best suits human reading habits. A timeline runs vertically, with text and images presented alternately horizontally.
- Suitable for : telling an emotionally resonant "brand story". As you scroll down, the journey of a company from a small workshop to a global supply chain giant unfolds like a scroll painting.
Style 3: Immersive Scroll Timeline
- Visual Features : This is currently the world's top web page effect (Apple's official website style)! When the user scrolls the mouse, the background is locked, and the year, huge numbers, images and text appear and switch in sequence with deep animation effects.
- It exudes a sophisticated, dark feel : This style uses a Midnight Indigo dynamic light spot background by default.
- Suitable for : High-tech, new energy, and high-precision manufacturing companies that need to showcase a "futuristic" and "disruptive" approach to the industry!
Style 4: Clickable Tab Timeline
- Visual features : Highly condensed, space-saving modern typography. Years and stages (such as FOUNDATION/EXPANSION) are arranged as buttons at the top or side; clicking on a button displays the corresponding era's text and images.
- Suitable scenarios : If your company has a very long history (such as spanning 5 decades), using this click-based design can prevent the page from becoming too long and causing customers to lose patience.
2. Node Content Entry
Regardless of the layout you choose, entering milestones is as simple as posting on social media. In the [Chronicle Node List], click "Add Node" and fill in the following information:
- Year : Enter a number (e.g., 2015). It is recommended that the nodes be arranged in chronological order.
- Timeline Nav Title : (Available in some designs) Summarizes the theme of the year, such as FOUNDATION or GLOBALIZATION.
- Content title : The key events of the year, such as the opening of the New European Branch.
- Description paragraph : A detailed description of the event. (Note: Styles 3 and 4 support rich text input , allowing you to bold text or insert hyperlinks within the paragraph!)
- Historical Photo : Upload a high-resolution old photo related to that year, such as a ribbon-cutting ceremony at a factory or a team photo.
3. Fine-tuning of appearance and texture (Style & Vibe)
- Card Dark Mode :
- If your background is set to a darker color, please be sure to check this option! The system will instantly transform the original white time card into a high-end semi-transparent dark frosted glass card , and the text will automatically flip to a lighter color, ensuring excellent visual integration.
- Card Radius : In line with your company's visual identity guidelines, set the edges of the cards to sharp right angles or rounded, modern-looking large rounded corners.
- Enhanced with animation : Add a slow-moving entrance animation to the entire history section in the [Animation Settings] to make this history seem more substantial.
💡 SX-Creval Brand Marketing Pitfalls Avoidance Guide (Pro Tips)
- "Buyer's perspective" rather than "Owner's perspective" :
Overseas buyers don't care which year the boss traveled to Europe. They only care about milestones related to supply chain strength ! Please include more of the following: factory expansion, introduction of fully automated German production lines, obtaining top international certifications (CE/UL), establishment of overseas after-sales centers, and annual export volume exceeding a certain threshold. These are the tangible results that translate into trust. - Quality over quantity :
Don't write your timeline like a diary; writing only one entry per year will drive anyone crazy! For the entire timeline, it's recommended to select only 4 to 7 of the most representative turning points. - The Primacy and Recency Effect :
Clients are often most impressed by the "first point" and the "last point." The first point showcases your foundation and original aspirations (even if the factory was rudimentary at the time); the last point demonstrates your current strength or grand vision for the future , leaving clients with a powerful and memorable ending.