![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/7a8f47d910a0aa2177fa4549_rw_1200.png?h=5ec3cf3255c0f24ffd0abe57d1cf2c5c)
Online Luxury Travel Magazine for Mandarin Oriental Hotel Group
Client: Mandarin Oriental Hotel Group
Role: Design Director, UX/UI designer (worked in conjunction with client, project manager, development and QA team)
Agency: Siteworx
Role: Design Director, UX/UI designer (worked in conjunction with client, project manager, development and QA team)
Agency: Siteworx
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/47dec731a1666164970e89e2_rw_600.png?h=92328841b2839693260d25c9a3e71274)
The brief
• Utilize the previous Destination MO website as a starting-off point
• Build upon the editorial content created by Condé Nast
• Create a new visual design for Destination MO (integrated in the Mandarin Oriental "family" while having it's own editorial personality)
• Identify opportunities to enrich the site via a more functional and richer experience
• Define the appropriate navigational and content tie-ins for Destination MO to the primary site
• Complete a technical integration of the approved designs with MOHG’s current implementation of Tridion
• Utilize the previous Destination MO website as a starting-off point
• Build upon the editorial content created by Condé Nast
• Create a new visual design for Destination MO (integrated in the Mandarin Oriental "family" while having it's own editorial personality)
• Identify opportunities to enrich the site via a more functional and richer experience
• Define the appropriate navigational and content tie-ins for Destination MO to the primary site
• Complete a technical integration of the approved designs with MOHG’s current implementation of Tridion
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/45bd459395b7231431dd1ffd_rw_600.png?h=7c55d48908f8f99e129bee522ab47303)
An optimized user experience
> A revised architecture and content organization addressing business imperatives
> Additional cross-linking between the site and mandarinoriental.com (for content as well as for business)
> A closer tie-in with the printed edition calendar (more news, more seasonal content – and also potential partnerships)
> Additional cross-linking between the site and mandarinoriental.com (for content as well as for business)
> A closer tie-in with the printed edition calendar (more news, more seasonal content – and also potential partnerships)
Sitemap and wireframes
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/c420bca077d8e06c4f7132e0_rw_600.png?h=4cc3f9c6f1ba332f9cfad335ca3c6ff7)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/3227d7f99bb22f6e28d5bdc9_rw_600.png?h=d7e13b93ad13cf6924b07952806a22ff)
An editorial sensibility
> This site is designed to leverage Condé Nast’s editorial value by updating the architecture and visual design to create a modern online magazine
> The clear credits given to writers reinforce authorship and editorial credentials
> This site is designed to leverage Condé Nast’s editorial value by updating the architecture and visual design to create a modern online magazine
> The clear credits given to writers reinforce authorship and editorial credentials
From The Editor page
This page featured the monthly editorial from Destination MO's Editor-In-Chief.
This page featured the monthly editorial from Destination MO's Editor-In-Chief.
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/7389e0eed43ca5e821f8ca1b_rw_600.png?h=f34b28b9c17d38f582daa686c6e09da7)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/827b603e9a19c5cb2919cf4b_rw_600.png?h=4cac9d9527f64ffbdb5c5f4e0f02740a)
Designed for easy migration and scalability
> Full technical integration into Mandarin Oriental main website platform
> Front/back-end and Design features built to facilitate content migration
> Built to accommodate easy updates and growth (additional features, new content, new properties...)
> Full technical integration into Mandarin Oriental main website platform
> Front/back-end and Design features built to facilitate content migration
> Built to accommodate easy updates and growth (additional features, new content, new properties...)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/807b62eb501b51e20a3ff818_rw_600.png?h=43ce23f2a04f014cd89209b9718f4259)
News page
This easy-to-update News page lets the Condé Nast editorial team flow new content.
This easy-to-update News page lets the Condé Nast editorial team flow new content.
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/a8310c88f0bf2bbadff78b33_rw_600.png?h=f841af5d1fe9a1de7a988c8e274c4123)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/739e22451014f5f9a8644ade_rw_600.png?h=baec7089cce4adc6daa266d7f450c277)
Destinations page
This page offers, at-a-glance, an entry to the content by region and specific hotels. It also acts as an overview of all the destinations Mandarin Oriental has to offer.
This page offers, at-a-glance, an entry to the content by region and specific hotels. It also acts as an overview of all the destinations Mandarin Oriental has to offer.
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/cc39199682e4d445232f9dd0_rw_600.png?h=fcfddd2bb14e9fb4d0a288b010c8b1b6)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/8a2a0e502d80be16f2e7e063_rw_600.png?h=0ab98eaed61bfc29d9586af7399bb504)
Article page
All article pages, while focusing on the editorial content, give the opportunity to visit specific hotels and reserve a room on the main site.
All article pages, while focusing on the editorial content, give the opportunity to visit specific hotels and reserve a room on the main site.
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/a4d18b0b6808b7e770c1da81_rw_600.png?h=c296519ace0a4aaf86e3668c735fdd5e)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/adc5539ff90f4e0ff5d7b143_rw_600.png?h=b7f6622a9c40af5bf1991d624eff0c6c)
MO Life page (direct to the lifestyle part of the content)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/a2290c1a7f3fda9438b53891_rw_600.png?h=d0951ec48732008407f0b79b5ed359e0)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/ee3e8203cf45efb8b6d4da77_rw_600.png?h=e1d21f01d843f663de716f389ffeb910)
Lifestyle page (This page offers partnership opportunities.)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/1b3b86c998572e555b933960_rw_600.png?h=a9266e3b202966f97b3c3242113c9939)
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/faa5e25279bb5a6596e5a8b2_rw_600.png?h=0018069a1325aa44458ebcd30441463d)
Building smart, contextual cross-linking
> Implemented cross-linking with mandarinoriental.com in a contextual setup
> Increased the back and-forth among the MOHG sites to generate traffic and interest
> Implemented cross-linking with mandarinoriental.com in a contextual setup
> Increased the back and-forth among the MOHG sites to generate traffic and interest
![](https://cdn.myportfolio.com/9777eb7ffe5b111bfd8cfae031ea5fd3/009186615c9c5b633f5abe05_rw_600.png?h=5d180d2d9700525a7e8fbeec58992249)