• About Us
  • Blog
  • Basket
  • Account
  • Sign In
  •  

Blog

Mobile Web Review: crabtree-evelyn.co.uk -  From Selling Soap to Mobile Holistic Care

Published on Wednesday, August 7, 2013

Mobile Web Review: crabtree-evelyn.co.uk - From Selling Soap to Mobile Holistic Care

Crabtree & Evelyn have recently launched a new mobile website. Upon visiting their main website it will detect mobile device users and automatically redirect them to the new mobile version. Today I take a look at this new mobile web offering.

Crabtree & Evelyn are an American retailer of body and home products with a range of stores across the globe. Originally founded in 1972, their first retail store opened five years later in 1977 selling a range of soaps. The company name is apparently inspired by the 17th Century renaissance Englishman John Evelyn. They claim over 160 natural botanical ingredients are used in their skin care products.

Usability

Having now tried the website on a variety of devices I can say that it has been an enjoyable experience. Included in the header is a good sized search bar and three interface controls; sign in, find a store and the shopping basket. Unfortunately these being textual links rather than icons, combined with being situated closely above the search bar means it's not so easy to operate these interface elements via thumb touch.

Crabtree & Evelyn headerCrabtree & Evelyn product list

 

Situated directly below the main header are two further links for the account and contact us. I feel these links are nicely positioned, highly visible and easy to operate. Underneath this is a series of four product advertisements which scroll natively and can be manually manipulated via a sliding touch. These pictures look nice and the scrolling is smooth even on devices with lower processing power.

I really didn’t experience any issues with the usability of the site beyond some minor niggles with a few of the text based links being too close to other interface elements. All in all I was happy with the mobile usability experience they offered and I would recommend the site to a friend .

Score: 4.4/5


Performance

Upon inspection the page weight of the Crabtree & Evelyn mobile website isn’t too bad at 598KB. Testing with the Chrome developer tools on a desktop gave it a loading speed of 1.03 seconds, this is almost spot on the #goldensecond. Although it does still have a sizeable page weight, more than twice what we would consider excellent.  In monetary cost it would equate to a little over 2.3p for a single page view on Vodafones tarrifs.

Score: 4.2/5

Learn How To Test Your Website

Design

My first impression is that the company name takes up a large amount of screen real estate; this is ok on larger phones and tablets but uses precious space on smaller screens. Aside from this I thought the design looks smooth, it differs quite extensively from its desktop counterpart but is consistent with other mobile retail sites. Existing users will adapt easily and it’s also intuitive for new users. I personally prefer the desktop version due to the images and icon based links which are healthy for any site selling aesthetic products.

Crabtree & Evelyn product typesCrabtree & Evelyn product details

Negative aspects I found include a distinct lack of icons throughout the site; instead they have opted for text links which I think is perhaps a little lazy. The colours are sharp and bright and kept mostly to the blue and white theme of the company; unfortunately this doesn't lend itself well to battery consumption. I don’t have any hard and fast numbers other than to say browsing the site consumed half of my phone battery in less than an hour.

In comparison to the desktop version the horizontal product menu has been converted to a vertical display now positioned under the scrolling image. Although this approach is nothing original it does work well for smaller screens, which is why many other sites have opted for this method. Under each product heading is a breakdown of categories. These lead to a list of products which are nicely presented, accompanied with well-spaced filter and sorting options. A further touch will take you to a detailed product page with most of the functionality of the desktop version intact.

Score 4/5


Conclusion

The site looks best on average size phones of around 4-4.5” or so, as screen size deviates further away from this middle ground the design begins to lose some appeal. My favourite area of the design is the individual product pages, the layout of information and purchase options were very pleasant to view. My least favourite part is its unoriginal design, although this isn't necessarily a bad thing as it does performs its intended job admirably.

Crabtree & Evelyn product typesCrabtree & Evelyn product details

Performance was decent, almost breaking into the #goldensecond. The site serves only 28 element requests which is good, the main source of page weight comes from the rotating banner. I think with a few minor tweaks in this area they could gain an excellent score.

What Crabtree & Evelyn gained in usability and performance they lost in an average design. I understand that for a retail site the performance and usability are going to be paramount so I don’t begrudge their choices. On a personal level I feel that the site just lacked a spark of imagination, I don’t think I would be enticed to visit for any other reason than a functional purchase.


Final Score: 4.2/5

Request Free Trial

of 51Degrees.mobi Device Detection

Disclaimer: The views and opinions expressed in this article are those of the authors and do not necessarily reflect the official policy or position of 51Degrees.mobi.

Comments (0)

Author: Edward

Categories: Opinion

Tags: Mobile , Web , Review

Edward
Edward>

Edward

Other posts by Edward
Contact author

Name:
Email:
Subject:
Message:
x

Tags

.NET 2013 2014 4G 51Degrees 5G A.C.Roma A7 ABI Acer Affiliate Marketing Alcatel Amazon AMP Analysis Analytics Android Android 5.0 Lollipop Android Kitkat Android Lollipop Android Media Stick Apache API Apple Apple TV Archos Asha Asian Market ASP.NET Asus Australia Big Data Black Friday Blackberry Blink Browser C C# Case Study CeBIT CES Chrome Cloud CMS combinations Comparison Competition CoolPad COTW Cron CSS3 Data Data Blog Data File Data Model Daydream Denver Design Desire Eye Desktop Detection Developers Device Device Data Device Detection Device Intelligence Device Popularity Device property Device Types Device Use Display dmexco DoCoMo Doogee DotNetNuke Download Drupal Email EReader E-Reader Ericsson Evaluation Event Examples EXPLAY Rio Facebook feature Firefox Firefox OS Fly Foundation Framework France Galaxy S3 Galaxy S5 Galaxy Tab A Galaxy Tab A 8.0 Galaxy Tab A 9.7 Germany git repositories Global Google Google Daydream GSMA HAProxy Hardware Hisense HTC HTC ONE MAX HTC OS HTML5 HTTP Huawei HUAWEI. UPDATE HUDL Huwaei IBC Icemobile Prime 4.0 IE IFA IIS Image Optimiser Image Optimizer India Infographic Ingeniux Internet usage iOS iOS 7 iOS 8 ipad iPhone iPhone 6 IsEmailBrowser IsWebApp Italy Japan Java Javascript Jolla Kentico Keynote Kindle Kindle Fire Kindle Fire HD Leagoo Lenovo LG Location Log File Analysis LTE Lumia m.dot Map Memory Meta Data Mi 4S Micromax Microsoft Miia Style Mobile Mobile Analysis Mobile Analytics Mobile Devices Mobile Marketing Mixer Module Motorola MVC4 MWC MWC 2017 MWC16 MyPhone Native Native Apps NET New Release News News Letter Nexus Nexus 6 Nexus 9 NFC NGINX Nokia Non-Mobile NVIDIA Omate On7 OnePlus 5 Opera Opera Mini Operating System Optimisation OS OSX 10.10 OTA Panasonic Patent PC Pebble Performance phablet phone PHP Poland Presentation Press Release Price Band PRIV programmatic PS4 Python QMobile QR Codes Redirection Research Reseller Responsive Images Responsive web design RESS Review reviews RIM Ringmark RTB RWD Samsung Scala Screen Screen resolution Screen Size SEO Server Server-side optimisation Set Box Set Top Box Sharepoint Shark 1 SHIFT phones Sitecore SLUSH Smart TV Smartphone Smartphones Smartwatches Snapdragon Sony Sony Xperia Spain Swedish Beers Symbian Tablet Tablets Tesco Testing Tips Top 5 TOTW TV UDS UK Umbraco Update updates US User Agent UserAgent User-Agent Vendors Version 3 VoLTE VR Wearable Web Web Apps WebKit WebMatrix White Paper Widgets Widnows WiFi Wiko Wileyfox Windows Windows Phone Xbox XBox One Xiaomi Xperia Xperia z Yosemite Z10 ZenFon 2 ZOPO ZTE