SEO preserved through the redesign
URLs, main menu labels and policy text stay unchanged, with an SEO parity checklist between old and new before go-live.
← All projects
Full-stack · WooCommerce · Redesign
IGA (Infinity Gems)
A rebuild of the iga.vn gemstone store on a custom theme and plugin: collections by stone type, Five Elements stone matching, SEO-ready product copy, and an unchanged URL structure so rankings are preserved.
In final review on staging
- Role
- Design, development, data migration
- Platform
- WordPress block theme, WooCommerce
- Version
- Theme 0.4.92, iga-core 0.5.33
- Language
- Vietnamese
5.256
products moved to the new design
62
stone types with element mapping
Highlights
Stones by Five Elements
Shoppers enter a birth date to see their element and matching stones; element data for 62 stone types lives in one file and is reassigned in bulk by a command with dry run and backup.
Collections by stone type
Home and landing pages group products by Ruby, Sapphire, golden rutilated quartz, Tourmaline, Jade and Amber.
Tools for advisors
An internal page where staff choose matching elements per stone type, saving every click straight to the data.
Screenshots
Click an image to enlarge, use the arrow keys to browse.
Context
iga.vn (Infinity Gems) sells gemstones, gemstone sculptures and feng shui pieces, more than 5,000 products, mostly bought as gifts. The old site ran Flatsome. It is being rebuilt with a custom iga theme (0.4.92) and an iga-core plugin (0.5.33), currently being finished on staging. The store is Vietnamese only.
Principles
- Keep the URL structure, main menu labels and policy text so no SEO is lost, with an SEO parity checklist between the old and new site.
- Product photos are real in-store shots, so the design has to work with handheld photography.
- Performance targets: mobile 95+, desktop 98+, CLS under 0.05.
Features
Collections by stone type
Home and landing pages group products by stone (Ruby, Sapphire, golden rutilated quartz, Tourmaline, Jade, Amber...).
Stones by Five Elements
Enter a birth date to see the element and matching stones. The element colour table for 62 stone types lives in one data file; the wp iga menh command reassigns the "matching element" attribute on products, with a dry run and a backup before writing.
Internal page for advisors
Staff pick the matching elements for each stone type; every click saves straight into the data.
SEO-ready product descriptions
A bulk command adds an opening paragraph built from real product data and fixes H2/H3 levels.
Contact page with a map
MapLibre + OpenFreeMap, showing a static poster first and loading the map later so there is no CLS.
License
GPL version 2 or laterGPL-2.0-or-later
Free software: anyone may use, change and share it, as long as shared copies keep this license and include the source code.
Developed for Infinity Gems An Thịnh (iga.vn).
- Theme iga 0.4.92
GPL-2.0-or-laterDeclared in the code: themes/iga/style.css (License: GPL-2.0-or-later) - Plugin iga-core 0.5.33
GPL-2.0-or-laterDeclared in the code: plugins/iga-core/iga-core.php (License: GPL-2.0-or-later)
The screenshots on this page were taken by me from the running version of the project.
See the License and credits page →
Third-party libraries and resources (7)
Swipe sideways to see all columns.
| Name | License | Version | Type | Source |
|---|---|---|---|---|
| MapLibre GL JS | BSD-3-Clause | 5.24.0 | Library | maplibre.org |
| Be Vietnam Pro | OFL-1.1 | - | Font (in the theme) | github.com/bettergui/BeVietnamPro |
| Cormorant Garamond | OFL-1.1 | - | Font (in the theme) | github.com/CatharsisFonts/Cormorant |
| OpenFreeMap và dữ liệu OpenStreetMapThe store map loads map tiles from the OpenFreeMap service. | ODbL-1.0 | - | Data | openfreemap.org |
| LighthouseMeasuring tool, not shipped with the product. | Apache-2.0 | 13.5.0 | Tool (development only) | github.com/GoogleChrome/lighthouse |
| PHPUnitTest tool, not shipped with the product. | BSD-3-Clause | 11.5.57 | Tool (development only) | github.com/sebastianbergmann/phpunit |
| Playwright CoreCapture and test tool, not shipped with the product. | Apache-2.0 | 1.63.0 | Tool (development only) | playwright.dev |
Credit: Map data (c) OpenStreetMap contributors, under the ODbL license.
More projects
PixGamma
AI · macOS · Image restoration
CreditMate
iOS · Fintech · Privacy
SL Migrations
WordPress Plugin · PHP · Security
Tân Doanh
Full-stack · WooCommerce · Performance
Media Studio
AI · Full-stack · Content automation
PC Builder
WordPress Plugin · Full-stack
phatdev.net
Full-stack · Next.js · CMS
ERP Tân Doanh
Full-stack · ERP · Accounting
IGA Social
Product · Full-stack · AI content