Samui Blue Orchid: Behind the Site

For this website, the client had come to me with a logo already designed but no brand guidelines. I had to extract the coloring and the font based on the PDF provided. From there, I was able to create a style tile that helped to frame the rest of the site.

Samui Blue Orchid Style Tile

The final style tile choice selected uses Google Font, Opens Sans Regular throughout the site to avoid the slanted bold logo font, which would not lend itself well to creating an elegant, luxurious resort site. All icons were uniquely designed to match the logo “wave” motif.

Samui Blue Orchid Wireframe DesktopSamui Blue Orchid Wireframe TabletSamui Blue Orchid Wireframe Mobile

Concurrent to the style tile, I laid out the wireframes for desktop, tablet, and mobile.

Samui Blue Orchid Mock Ups

Having both style tile selected in advance with a wireframe, the design phase went through smoothly. The style tile does not limit the design as 3 home page concepts were created based on these predetermined style.

Each version of the homepage offers different advantages but still relaying the elegant and fluid look that the client wanted.

See Case Study for end result.