"When describing a company's strength, don't just use words; use visual layout to persuade clients."
Whether placed on the homepage as an introduction to the company profile or on the "About Us" page as a detailed introduction to the brand's history, these 8 "General Overview" components are perfectly suited for their roles.
1. The 8 Storytelling Layouts
Depending on the materials you have (whether they are mostly text or mostly images), you can choose the most suitable layout:
Classic graphic style (suitable for regular displays)
- 1. Text on the left, image on the right
- Features : The most reliable and common layout. The left side features a company profile and a call to action button, while the right side displays a large-format photo of the factory.
- Highlight : Below the text on the left, you can also attach a row of **"number cards"** (e.g., Founded: 2012 / Employees: 500+ ), letting the data speak for itself.
- 2. Overlapping small images
- Features : A highly modern "picture-in-picture" composition. On the left, there is not only a main image, but also a floating secondary image and a **"floating data card"** with a shadow (e.g., 12+ Years of Manufacturing Excellence ).
- Highlight : The right side supports adding an "Advantages List" marked with a green checkmark (✅), which is suitable for listing your factory certifications (such as ISO/CE) one by one.
- 3. Left image, right text + selling point grid
- Features : The large image on the left supports direct overlay of eye-catching slogans; the right side, in addition to concise text, also includes a four-grid matrix of "feature cards". Suitable for scenarios where multiple advantages such as scale, speed, and quality need to be clearly explained in a single sentence.
Interactive reading style (suitable for long content)
- 4. Vertical Tabs
- Features : If your company has many dimensions to discuss (e.g., Our Mission, R&D Capacity, Quality Control ), the traditional approach is to make the page very long. However, this component organizes these into vertical tabs on the left. Clicking the left navigation seamlessly switches the content and images on the right, greatly saving page space!
Data-driven approach (suitable for highlighting core competencies)
- 5. Full-width numerical overview
- Features : The top section features a lengthy rich text introduction of the company, while the bottom section displays a row of large "digital milestone" cards spanning the entire screen (e.g., ISO 9001, 20+ Years, 99% Pass Rate ). Suitable for established factories with a long history and impressive performance data.
- 6. Plain Text Overview
- Features : Abandoning complex images, the layout relies solely on exceptionally beautiful typography and side-by-side data cards at the bottom to define the entire page. Suitable for brands with strong writing skills and an emphasis on a minimalist, high-end aesthetic.
- 7. Large image + combination card
- Features : A mixed layout with the most "exhibition hall" quality. The left half features a huge photograph with internal slogans; the right half not only has text descriptions, but also three core data cards floating above.
Special effects (top-tier front-end technology)
- 8. Ceiling-mounted scrolling interactive image gallery
- Features : The most cutting-edge narrative component on the entire site! It adopts the world's top "Sticky Scroll" technology.
- Experience : As visitors scroll down, the company introduction text on the left gradually lengthens, while a fixed picture frame appears on the right. Most amazingly, as you continue scrolling, the images in the frame (up to 6 can be uploaded) undergo 3D flipping/fade-in transitions one after another!
- Applicable scenario : It is strongly recommended to use this as the opening of the "About Us" page, to impress overseas buyers with a dynamic photo album presentation.
2. Core Texture and Tone Control (Vibe & Details)
- Dark Mode Magic :
"Dark tech style" is becoming increasingly popular on foreign trade websites. In components such as styles one, two, three, and four, if you have used dark background highlights, please be sure to check "Card/Color Inversion" ! The system will automatically convert the original white background and black text cards and titles into a high-end dark semi-transparent frosted glass and white text with one click, saving you the trouble of manually matching colors. - Title highlighting and formatting :
In some styles (such as Company 2), you can add a "highlighted suffix" to the title. The system will automatically draw a dynamic SVG hand-drawn underline (such as a yellow highlight or wavy line) below the text, providing a strong visual emphasis. - Hover Effects :
All layouts featuring large images support custom hover animations. For example, adding a sweeping light effect to the large image on the right can instantly give an ordinary factory photo a Hollywood feel.
💡 SX-Creval Company Profile Writing Guide: Avoiding Common Pitfalls (Pro Tips)
- Use more data cards and fewer adjectives :
Instead of writing "We have a large factory and extensive experience," it's better to simply fill in the numbers on the card: 20,000 sqm Workshop, 15 Years Experience, 50+ CNC Machines. Overseas engineers only trust objective data. - The ratio of "us" to "you" :
When writing your company description, avoid using phrases like "We are..." or "Our factory..." throughout. Excellent marketing copy should focus on the customer. For example: "Our 20,000 sqm facility ensures your orders are delivered on time." - Selected Images :
For layouts like styles one, two, seven, and eight, which heavily rely on images, do not use free online image libraries! Please use real group photos of your team in uniform in the workshop, or a clean and tidy automated production line. Authenticity is the only shortcut to building trust.