The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I’m happy to share this Figma to Wordpress Pixel-Perfect High-Performance Website for ECU project I worked on.
The Solution:
Tech Stack: I chose GeneratePress and GenerateBlocks. This stack allowed me to build a lightning-fast site structure without the code bloat associated with traditional page builders.
Figma to WordPress: Implemented the design with absolute precision, ensuring the spacing, typography, and layout matched the design mockups 100%.
Custom API Integration: Instead of using a standard widget, I wrote custom PHP code to connect directly with the Google Maps API. This dynamically fetches and displays the company's star rating and review count, keeping the site lightweight and credible.
https://properremaps.co.uk/
wonderful!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
If Customers Can't Find It, They Can't Buy It.
A WooCommerce store can have amazing products and still lose sales because the navigation is confusing.
Good eCommerce navigation should help customers answer one question quickly:
“Where do I go next?”
When designing a store, I focus on:
→ Clear product categories
→ Simple menus
→ Smart filtering
→ Search that actually helps
→ Logical product organization
→ Easy access to the cart
→ Consistent navigation on mobile
The goal isn't to show customers everything.
It's to help them find the right thing faster.
Less confusion.
Less friction.
Better shopping experience.
Great eCommerce UX doesn't make customers think—it helps them shop.
What makes you leave an online store: slow loading or confusing navigation?
#WooCommerce #Ecommerce #WebDesign #WordPress #UXDesign #OnlineStore #EcommerceDesign
Smart filtering and search are doing different jobs here: filtering narrows what the shopper already knows they want, search recovers the visit when they don't have the right words for it.
A landing page should stay useful after handover.
I’ve published the WordPress implementation of my COVA cocoa-site concept: nine key Customizer controls, with heading and contact-link edits actually saved, checked and restored in the browser.
The existing product details, ingredient filters and mobile menu were checked too, with no horizontal overflow at four tested viewport sizes.
Case study and delivery notes:
https://contra.com/p/vsqqcgMQ-cova-cacao-editable-word-press-theme
This is an original, AI-assisted concept theme verified locally, not a client engagement or public deployment. Only the nine key fields are editable through the Customizer; other content remains in the theme source. Checkout and a live inquiry backend are outside this demo.
For a paid WordPress landing page, my service starts at US$600 for an agreed supplied design/content, up to five main sections and one revision:
https://contra.com/s/FbOcL6NY-word-press-landing-page-custom-theme-and-editable-content
Send your page brief, current hosting/editor and deadline to discuss fit. Scope, acceptance and payment timing are agreed before starting.
From Figma to React — then I added some motion ✨
A client wanted this Figma design brought to life in React.
I focused on keeping the implementation as close to the original design as possible — but there was one thing missing from the Figma file: motion.
So I added a few playful animations to make the page feel more alive while keeping the original visual direction intact.
Built with React + CSS.
Curious — would you keep the design completely static, or add subtle motion like this?
What would you change or improve? 👇
