Wineship

Client:

WineShip

WineShip Liquor Store – advanced catalog functionality with over 2,000 bottles of wine.
Wineship

The client's goal

A wine producer approached us with a request to develop an online store with a large product catalog.

The goal was to create a user-friendly ordering system for specific wines, allowing customers to specify bottle size and vintage on a single page. Additionally, we wanted to provide detailed information about each wine variety, enabling users to better understand its taste and aroma.

Solution

We presented a characterization of different drinks in one catalog, developed a flexible customization feature for product characteristics, and worked out an easy-to-use system for drink selection, based on comprehensive market research.

Design

Our goal was to create a clean and user-friendly website. At the same time, it needed to be original and help convey the nuances of wine taste and aroma, as well as suggest wine pairings with different dishes. Additionally, the design had to reflect the brand.

The main types of website pages include: homepage, catalog page, product page, cart, and contacts. Mobile and desktop versions were developed based on UX audit data.

Fonts and color palette were carefully selected to effectively present product information. Buttons, bottle icons, and filter elements were designed to simplify interaction with the website.

WineShip homepage with vineyard banner, wine finder and sommelier picks
WineShip mobile homepage with vineyard banner, exclusive wines and new arrivals
WineShip red wine catalog with filters, sorting, prices and product list
WineShip mobile red wine catalog with filters, sorting and Chianti 2015
WineShip cart page with Le Grand Noir red wine, order total and checkout
WineShip mobile cart page with Le Grand Noir red wine and checkout button
WineShip product page: Chateau L'Ermitage red wine 2015, specs and vintages
WineShip mobile product page: Chateau L'Ermitage red wine 2015 with specs
WineShip contacts page with Moscow store photos, map and sommelier callback

Web development

Angular was chosen for developing a dynamic and responsive user interface, ensuring high performance in the web application.

Laravel and Blade served as the foundation for a robust backend, providing reliability and ease of development. Considering the database requirements, we utilized MySQL, ensuring efficient data storage and management.

Additionally, we implemented JavaScript to create interactive elements and enhance the user experience.

uploadsBequeme Auswahl und Bestellung

Convenient Selection and Ordering

The user can easily choose the year and vintage of the bottle, specify the quantity, and press the order button.

Volume Choosing between volumes is made easy, for everything is right inside the product card. Pricing and availability are updated.

Vintage The customer is presented with the pricing and availability status for each wine bottle vintage.

Useful characteristics

All characteristics are anchor links to other product pages. This function makes it possible to create high-quality internal linking, which allows us to significantly increase weight distribution between product pages. This significantly improves the position of pages in search engines.
uploadsNützliche Produktmerkmale
uploadsBenutzerdefinierter Filter

Custom filter

The varying characteristics with no applicable positions are hidden when using the filter tool. The appearance of “broken” links based on product pages was eliminated during the development stage.

Like what we’ve done?

You can learn more about the project in our presentation.

Project Presentation
Portfolio

Other projects

VPUT VPUT VPUT is an aggregator for apartment rentals in Bulgaria. Over a dozen people worked on thi... Stooller Stooller Stooller - an automated freight booking service. Trade Bot Trade Bot Trading bot for LocalBitcoins BeFamily BeFamily We developed a family clothing online store, optimizing the catalog, design, and user expe... Ansy Ansy A modern site for selling elite, handmade carpets. Our main goal was to create a user-frie... RiseX RiseX Successful launch of the RiseX cryptocurrency exchange from scratch – in just 7 months. Th... Bolgarskiydom Bolgarskiydom Bolgarskiy Dom is an aggregator for apartment sales in Bulgaria. Over 10 of our people wor... Neweurofences Neweurofences Neweurofences.com is an online store specializing in metal fences and gates. It operates i... Tetri’s Smile Tetri’s Smile Webdelo recently worked with a brand new dental office in a highly competitive market. We... SoleaWellness SoleaWellness Solea Wellness is a beauty and health salon in Miami offering rejuvenation treatments. The... Solea Beauty Salon Solea Beauty Salon 🔹 As a salon in Miami increased applications by 3 times and organic traffic by 250% 🔹 Fr... Online Optical Store Online Optical Store Case study of the development and promotion of an online optical store. Over 10 people wor... Promotion and Development for SvetlanaDental.com Promotion and Development for SvetlanaDental.com Our case study of Svetlanadental.com explores Webdelo’s work in the promotion and website... Promoting and Developing Holistic Dentistry – A Case Study Promoting and Developing Holistic Dentistry – A Case Study Advanced Dental Wellness Center is a dental office in Miami, Fort Lauderdale. ADW offers h... MyMoneyArt Promotion and Development Case MyMoneyArt Promotion and Development Case Migrated MyMoneyArt to WordPress, optimized SEO & UX: +500% traffic, 6× more leads. Case Study of Webdelo’s Development and Promotion of Biomilk.ru Case Study of Webdelo’s Development and Promotion of Biomilk.ru Biomilk is a food distributor in Moscow and the regions. +100% organic traffic in 3 months... Sutton Advanced Cosmetic Dentistry Sutton Advanced Cosmetic Dentistry Promotion of VIP Dentistry in Manhattan, New York City From 13 to 80 Queries in Google’s... Case Study of Webdelo’s Work with Mates China - A Marketing Agency Case Study of Webdelo’s Work with Mates China - A Marketing Agency Mates China is a digital marketing agency that helps businesses promote their products in... VPUT VPUT How We Built a Vacation Rental Service in Bulgaria and Reached 1,500 Seasonal Bookings – F... Stooler Stooler Online service with automatic price calculation and +40% orders right after launch. Solea Dental Spa Solea Dental Spa A dental clinic located in Sunny Isles Beach tripled its number of patient inquiries throu...
Webdelo SEO Webdelo SEO Explore our SEO approach — from analysis and audits to content, links, and ads. See how we... Case Study: Developing the Nevapallete.cn Paint Store Case Study: Developing the Nevapallete.cn Paint Store We built Nevapallete.cn for China: Hong Kong hosting, Chinese domain, fast loading across... WineShip WineShip A wine catalog with 2000+ bottles, smart filters, and selection by volume and vintage. Sea... How We Promoted Annazur Beauty Salon in Jacksonville, Florida How We Promoted Annazur Beauty Salon in Jacksonville, Florida Comprehensive SEO for Annazur beauty salon in Florida: traffic growth, local rankings, sit... Dental SEO Case Study: Novaya Orbita Dental Practice Dental SEO Case Study: Novaya Orbita Dental Practice Dental clinic SEO case: 50-80 target calls/month, top search rankings, and traffic growth... Berger 3D Design Berger 3D Design WordPress showcase website with catalog for German B2B- storage systems for measuring equi... Solea Brickell Spa Solea Brickell Spa Do you want your website to do more than just exist? Most likely; you want to bring real p... KidsJumpTech KidsJumpTech From a Website on the Brink of Collapse to 40 Leads in a Weekend Alanta Clinic Alanta Clinic Discover how Webdelo helped a dental clinic with a small, one-page website double its loca... Optimizing Automated Deal Matching Optimizing Automated Deal Matching Reducing Load and Increasing Transaction Reliability Brand Synonym Search Brand Synonym Search How We Boosted Performance and Reduced System Load for Inquiries in Russian Digital Marketing for Dental Clinics Digital Marketing for Dental Clinics Digital marketing for dental clinics: SEO, Google Maps, and targeted ads. Over 15 years of... Optimizing Bookings for a Skydiving Experience Optimizing Bookings for a Skydiving Experience Discover how we moved 5 business locations from Excel to a unified system. How We Scaled a Complex EdTech Platform How We Scaled a Complex EdTech Platform Refinement and development of the educational portal. Redesign and Migration of a Dental Supply Online Store Redesign and Migration of a Dental Supply Online Store We transformed the dental supply store with a faster platform, real-time city-based invent... SQL Load Optimization SQL Load Optimization Discover How We Reduced Overloaded Queries from 16,685 to 24 in 1.5 Hours We set up an ad-matching service – saving 72% of time on changes We set up an ad-matching service – saving 72% of time on changes Optimization of automatic ad matching. Webdelo Dev Webdelo Dev Full-cycle development: from detailed technical planning and API architecture to launch an... Bonadomus Bonadomus BONADOMUS is a purpose-built digital platform for Dubai real estate. Created from the grou... Lackmann GmbH Lackmann GmbH Development of a multilingual landing page for the Lackmann Fleisch- und Feinkostfabrik Gm... An internal ERP for running a team An internal ERP for running a team For a company of thirty people, an internal ERP gives HR and finance back two to four full...

Do you have a good project?

We will be happy to discuss it with you!
Start a project
cookies We use Cookies

We use cookies to improve website performance, personalize content, and analyze traffic. You can choose which categories of cookies to allow. For more information, please see our Cookie Policy. You can change your preferences at any time.

Essential (Required)

Ensure the website functions properly (navigation, access to secure areas). Always enabled and can only be changed in your browser settings.

Analytics

Help us understand how you use the website so we can improve our services. Do not collect personal data. We use several analytics tools for this purpose.

Advertising

Used to deliver personalized ads and measure the effectiveness of advertising campaigns.