Lobster Anywhere: Simplified checkout and improved navigation for the online store

Webdesign + Development + Maintenance

Screenshots of Lobster Anywhere website homepage on desktop and mobile view

Web Design Features

Color scheme and typography

The entire color scheme and typography of the website were chosen for style and to be easy to read even for most people with bad sight (up to some degree) and people with color blindness.

Screenshots of Lobster Anywhere website menu navigation on desktop view

Improved navigation

Finding your way around Lobster Anywhere’s website is easy, navigate the dropdown menu or use the “Shop By Category” section to find your favorite seafood.

The menu structure was reorganized to better reflect the company’s product selection and offerings.

Screenshots of Lobster Anywhere website product page on desktop and mobile view

Product page optimized for conversion

The product pages on Lobster Anywhere feature a big image of the products, with a slider to show more images, the product summarized information on the right along with the options of the product.

In the product detailed section, you can find more information about the product separated into a few blocks that you can expand and contract. For example, you can see shipping information or nutritional information that applies only to that specific product.

These layout features help users find the most important information about the product, the options available and easily add the products to the cart. While you are reading the detailed description a floating bar appears at the top remember which page you are reading and give easy access to adding the product to the cart.

Screenshots of Lobster Anywhere website checkout page on desktop and mobile view

Simplified checkout steps

The checkout process is divided into 4 sections: Contact, Delivery Date, Shipping, and Payment.

For new users, the Contact step will ask for your contact details, and you have an option to log in. If you are a registered customer, you can skip right to the second step (Delivery Date).

Delivering live lobsters is a big challenge, and Lobster Anywhere makes it look easy with overnight shipping and scheduled delivery. At the Delivery Step, you can choose on the calendar the exact date when your purchase will arrive at your door, be it tomorrow or a future date. More information about the delivery rules is displayed in this step, such as days that delivery is not possible or extra charges depending on the selected date.

At the Shipping step, you enter the address for delivery, either your own or the address of the lucky giftee, then you select the shipping method, add a gift message, and add additional notes to your order. If you are a registered customer, you can select the shipping address from previously added addresses saved to your account, no more retyping everything every time you want your lobster treat.

At the Payment step, you can select the billing address to be the same as the shipping address or enter a new one. Choose the way you want to pay and place your order.

All along the checkout process, you can confirm the changes on the order summary on the right side of the screen; if you are on a mobile phone, the order summary will be displayed right before the “Place order” so you’ll have a chance to review the order before submitting the purchase.

Lobster Anywhere website speed test showing metrics: Grade A, 99% performance, 88% structure.
Lobster Anywhere website speed test showing web vitals metrics: 932ms Largest Contentful Paint, 29ms Total Blocking Time, and 0.02 Cumulative Layout Shift

Constantly optimized performance

Fast page loading is a must-have for any website today, it affects customers’ satisfaction and your rankings on search results. Lobster Anywhere website gets a 99% performance score on GTMetrix at the time of writing this. All measured metrics are considered “Good”, which is the best grade applied by the Google Core Web Vitals.

We constantly monitor and work to improve the performance of the website as part of our Website Care Plans, along with other benefits of having us take care of your website maintenance.

Have a similar project in mind?

Our Strategy Consultancy will help you to discover how you can improve your online business.
The first call is free of charge.

More Projects

Racine Jewels
Refined webdesign for a jewellery designer brand
Photography of a Racine Jewels jewellery piece
Tattoo-bon
Conversion optimized website and checkout flow
Photography of a neon tattoo shop sign