The challenge
- A finished Figma design that had to look exactly the same in WordPress
- Editorial type, large photography and layered sections on every page
- A site the team can keep updating without a developer
Figma to Elementor · Detroit
Kenmar: Figma to Elementor, pixel for pixel.
Kenmar Corporation has connected automotive suppliers with OEMs and Tier 1 partners since 1961. They came with a finished Figma design, and we built it in WordPress with Elementor Pro: every page matched to the design, responsive on every screen, and easy for their team to update.
- 1961
- Year Kenmar was founded, told on the heritage page
- 4
- Continents on the global reach page
- 100+
- OEM relationships, shown on the site
- Figma
- Every page built to match the design
The brief
The job, in three parts.
What we did
- Built every page in Elementor Pro, matched section by section to the Figma file
- Set up global colours, fonts and reusable sections so pages stay consistent
- Made each layout responsive for tablets and phones
The outcome
- A premium site that looks like the design, not an approximation of it
- A 65-year history, global reach and product expertise told clearly
- Pages and insights the Kenmar team edits themselves
What we built
Inside the Figma to Elementor build.
Real screenshots from the live site. Every feature here is one you can try at ekenmar.com.
01
A homepage that sets the tone
A full-width aerial hero, the Kenmar name in large editorial type and a "65+ years" badge open the site, followed by the product areas Kenmar has helped grow, each on its own photo card.
02
Four services, laid out like a magazine
The homepage explains what Kenmar does in four numbered blocks with photography, built from the Figma layout with the same spacing, type and image crops.
03
Global reach on one page
The global reach page connects North America, Asia Pacific, Europe and Latin America over a world-at-night hero, with each region and its cities in its own block.
04
Product expertise, made visual
An exploded view of a car shows how components and systems come together, introducing Kenmar's expertise across chassis, body, interior and complete vehicles.
05
A heritage page with a family story
The heritage page tells how Ken and Mary Elliott founded Kenmar in 1961, with a timeline of milestones and archive photography.
06
Insights the team publishes
Stories, events and news live on an insights page the Kenmar team updates themselves, using the same layout the design defined.
Also built
- Team page with full-width photography
- Business values page
- Contact page with a clear call to action
- Global colours and fonts set once in Elementor
- Reusable sections for new pages
- Responsive layouts for tablet and phone
On phones
Built for the phone in your hand.
Each Figma layout was adapted for phones, so the big type and photography still read well on a small screen.
The Kenmar Corporation stack
Visit the live site- WordPress
- Elementor
“The person you talk to is the person who builds your site.”
Alipio Gabriel, founder and lead developer · with Kenneth N. and Irish E.’s SEO team
Top Rated Plus · 100% Job Success
Want a site like this?
Tell us about your store or site in a two-minute brief. We reply within one business day with questions or a fixed quote.