METTEVO
DIGITAL AGENCY
Shivaloka

Shivaloka

Designing a website for a brand specializing in spiritual and metaphysical products in Bali

Welcome to Shivaloka

For Shivaloka, a brand offering spiritual and metaphysical products in Bali, we were tasked with redesigning their website to better reflect their unique offerings and provide an intuitive, engaging shopping experience. The primary goal was to enhance the brand’s online presence through UI/UX design services, WordPress development, and e-commerce web design.
  • services
    • ux/ui design
    • web design
    • wordpress development
  • niches
    • Jewelry, Spiritual, e-commerce
  • client location
    • Bali
  • year
    • 2024
Shivaloka

problem

  • The site needed to load quickly even with a large number of high-quality images and dynamic elements.
  • Users needed to easily find and order products while enjoying an aesthetically pleasing browsing experience.
  • Payments had to be fast, secure, and user-friendly worldwide.
  • The site needed to rank highly on search engines to attract customers without significant advertising spend.
  • The site needed to work seamlessly on all devices, from smartphones to large screens.

solution

  • Optimized images (WebP, lazy loading), used a CDN for distributed content delivery, minimized code (CSS, JS, HTML).
  • Minimalist and intuitive design, clear product catalog structure, convenient filters and categories (e.g., “Mantra Bracelets”).
  • Integrated Stripe and PayPal for multi-currency payments, implemented SSL encryption and user data protection, optimized checkout process to reduce cart abandonment.
  • Optimized keywords and meta tags, used structured data for improved indexing, developed a blog section for content marketing.
  • Responsive design for mobile devices, testing on various screen resolutions, optimized interface for mobile shopping.

The target audience

Shivaloka caters to spiritually minded individuals seeking to enhance their personal growth, mindfulness, and connection to higher consciousness.
Shivaloka

user flow

The user flow for purchasing a product on Shivaloka guides customers seamlessly from discovering spiritual and metaphysical items to a secure and efficient checkout process, ensuring a smooth and intuitive shopping experience.
Shivaloka

UX/UI Design

Our UI/UX design services created a beautiful, immersive shopping experience that aligns with Shivaloka's spiritual essence. The design was carefully crafted using Figma web design tools, where we developed high-fidelity prototypes and layouts. We focused on:
  • A clean, calming design using earthy tones that represent spirituality and nature.
  • Clear, intuitive product pages that help users explore products with ease.
  • An enhanced product search feature to help customers quickly find what they are looking for.
  • A streamlined checkout process with minimal distractions.
Shivaloka
Shivaloka
Shivaloka

style guides

The style guide emphasized Shivaloka’s brand identity, which is deeply connected to spiritual practices and natural elements. The key visual elements included: Soft, calming colors such as earthy greens, purples, and browns, evoking tranquility and peace. Sleek, modern fonts that are easy to read, ensuring content accessibility. Subtle imagery of Bali’s spiritual culture and metaphysical products, reinforcing the brand’s unique identity.
Shivaloka

Responsive design

Our team developed a responsive and mobile-optimized design, ensuring that the website works seamlessly on all devices. Using Bootstrap for layout optimization and testing across various screen sizes with BrowserStack and Chrome DevTools, we ensured that the site delivered a smooth experience whether accessed via desktop, tablet, or mobile.
Shivaloka
Shivaloka
Shivaloka

development

The website was built on WordPress to allow for easy content management. We utilized several tools and plugins to enhance the site’s functionality, security, and performance:
  • WooCommerce Subscriptions for managing subscription-based products and services.
  • Yoast SEO for improving the site’s SEO and organic search rankings.
  • WP Rocket to optimize page load speed and performance.
  • Wordfence Security for safeguarding the site from potential threats.
  • reCAPTCHA for protecting the site from spam and ensuring secure form submissions.
  • Contact Form 7 for user inquiries and customer support.
  • Advanced Custom Fields (ACF) to create dynamic content and product information fields.
  • WPBakery Page Builder for easy page creation and layout customizations.
We also used tools like Google Analytics and Google Tag Manager to track user behavior, optimize conversion funnels, and monitor website performance. Additionally, ManageWP was utilized for seamless website management, while UpdraftPlus and All-in-One WP Migration ensured smooth backups and site migrations.
Shivaloka
This project demonstrated the importance of UX, SEO, and technical optimization in eCommerce platform development. Through a comprehensive approach, the SHIVALOKA website became faster, more user-friendly, and visually appealing, helping the brand strengthen its online presence.

Technology Stack

figma logoFigma
wordpress logoWordPress
Java ScriptJava Script
php logoPHP

results

Significant Boost in Website Performance

40% improvement in page load speed (compared to the previous version of the site)

streamlined Checkout for Higher Retention

25% reduction in cart abandonment rate

Better UX Increases Sales

Increased conversion rates due to improved UX

Growth in Organic Traffic

Growth in organic traffic through SEO optimization

See more of our works

Traserbas

Traserbas

Explore Traserbas site by Mettevo: sophisticated platform created for true luxury lovers, where luxury meets efficiency in premium transportation.

TripBuddy

TripBuddy

Explore TripBuddy site by Mettevo: simplifying cabin booking and travel with seamless, customized solutions | Mettevo Project

SBF store

SBF store

Discover quality homewares at The SBF Store. Shop our e-commerce store for the best in home decor, kitchenware, and more.

Are You Ready To Grow Your Website?

Understanding the ins and outs of website growth, we help ensure that your site grows over time with ever-increasing reach and accessibility. Not only do we employ the latest digital marketing techniques for driving traffic directly to your website, but our strategies also focus on gaining loyalty from those visitors so they come back again and again.
Leave your contacts to get a comprehensive and aggressive digital marketing plan taking your business to new heights.