ORRO Mosaic
A website for ORRO Mosaic, which offers artistic tiles for walls, pools and everything else. We designed a bold black and yellow catalogue site with a mega menu, a full width interior hero, a product selector, featured collections shown as large room photos and a free consultation call to action.
- Client
- ORRO Mosaic
- Industry
- Artistic tile
- Specialism
- Wall and pool tiles
- Style
- Black and yellow
- What we did
- Website design
The brief
ORRO Mosaic has been a leading name in mosaics and natural stones across Europe for over 20 years, and it now serves the Ontario and Greater Toronto Area markets, with tiles for walls, pools and everything else.
The design had to make the tiles the star with big room photos, help visitors search by setting, effect, colour or collection, and lead them towards a free consultation.
A black header with a mega menu
A thin yellow strip on top carries the phone number, a partners login, a Join now button and a search field. Below it, the gold ORRO MOSAIC logo with its tagline sits beside five menu links in large white capitals. The open Explore menu drops down a panel with three columns, Collections, Material and Brands, plus small photo thumbnails.
An interior photo with one bold headline
A full width bedroom scene with a mosaic feature wall sets the mood. The headline Uncharted beauty sits in large yellow capitals over the photo with an outlined Explore button below it, and square yellow arrow tabs sit on both edges.
Brand tiles and a calm intro
Four black brand tiles with yellow italic text and a cut corner overlap the bottom of the hero. Under them, a large, thin headline and a short paragraph introduce the company on a clean white background with plenty of space.
A product selector with five ways in
A dark textured panel with a thin yellow title holds five square tiles: Select setting, Search by effect, Search by colour and two for Search by collection. Black tiles with bold yellow icons sit beside two tiles with tile photos, and a small label sits under each.
Featured collections as room photos
A yellow title bar opens the section. Two rows pair a black text panel, with an italic yellow collection name, short text and an outlined View collection button, against a large room photo, one of a lounge and one of a pool. A second yellow bar invites visitors to load more collections.
A photo carousel with yellow arrows
A wide row of interior photos runs across the page, with the bedroom scene in the middle and darker, dimmed floral photos on either side. Yellow arrows on both sides move through the set.
A short company story beside photos
A white panel on the left tells the company story in a few lines, while two photos fill the right half: a bright interior with a vase and a dark, glossy floral tile panel. The split keeps the text light and lets the tiles show their range.
A consultation band and a black footer
A bright yellow band pairs a short sentence with a black Book your free consultation button. The black footer has five columns with small yellow square markers: Discover, Explore, Inspire, Expertise and Let's connect, with the address, phone and email in yellow. A bottom bar carries the copyright, legal links and a newsletter field.
Colour and type
Black and bright yellow define the design: black for the header, panels and footer, and yellow for the top strip, the section bars, the buttons, the icons and the active states. White and a very pale grey keep the middle of the page calm, and the colourful tile photography does the rest.
Large headlines use a thin, geometric sans serif, collection names are set in bold italics, and small details use a clean sans serif in capitals.
Want a store like this?
Tell us what you sell and we will design it, build it and launch it for one fixed price.