Skip to content
Shopify Preferred Partner with 5 Star Rating
Shopify Design and DevelopmentPictonix
  • Design
    • Shopify Design & Development
    • Landing Page
    • Plateform Migration
    • UI & CRO Audit
  • Optimize
    • Conversion Rate Optimization
    • Shopify Speed Optimization
    • UI and CRO Audit
  • Grow
    • Shopify Marketing
    • Google Ad Management
    • Meta and Facebook Ads
    • Monthly Support & Growth
  • Resources
    • Services
    • Blogs
    • Contact
    • Book a Call
  • Work
  • Design
    • Shopify Design & Development
    • Landing Page
    • Plateform Migration
    • UI & CRO Audit
  • Optimize
    • Conversion Rate Optimization
    • Shopify Speed Optimization
    • UI and CRO Audit
  • Grow
    • Shopify Marketing
    • Google Ad Management
    • Meta and Facebook Ads
    • Monthly Support & Growth
  • Resources
    • Services
    • Blogs
    • Contact
    • Book a Call
  • Work
Shopify Design and DevelopmentPictonix
Contact
Cart
00 items

Be Unravelled

View Site

Shopify Solutions Offered:

  • Shopify Design Services

Challenge

Be Unravelled required several refinements to align with the brand's vision, ensure a seamless user experience, and improve mobile usability. The key challenges included:

  1. Inconsistent Typography & Colors – Some text was black while others were green. Headings and section titles had inconsistent colors.

  2. Mobile Banner Issues – The desktop banner was simply resized for mobile, making the image look zoomed-out instead of optimized.

  3. Blurry Images on Desktop – Product images appeared low-resolution, impacting the perceived quality of the journal.

  4. Typography Adjustments – The call-to-action (CTA) buttons needed to be in Lato Thin, and quote formatting needed adjustments.

  5. Mobile Layout Issues – Several elements, such as Learning, Reflection, and Inspiration titles, were larger than section headers. Additionally, certain text needed to be split into multiple lines for readability.

  6. Text Readability – Off-white text on some sections appeared too thin, making readability difficult.

  7. Hotspot Text Issues – On interactive elements, the text was too small to read comfortably.

  8. Footer & Navigation Updates – The footer needed to be simplified, and unnecessary elements (like "Powered by Shopify") removed.

  9. Product Page Refinements – Better alignment, button styling, and clearer descriptions.

Solution

  1. Standardized all headings, text colors, and button styles for a uniform brand aesthetic.

  2. Created a custom mobile banner to ensure a properly scaled image rather than a resized version of the desktop banner.

  3. Uploaded high-resolution product and homepage images to improve clarity on both desktop and mobile.

  4. Applied Lato Thin typography to CTA buttons using custom code.

  5. Adjusted mobile text layout by resizing section titles, ensuring text splits correctly for readability, and improving line breaks after commas.

  6. Increased text contrast to enhance readability without disrupting the minimalist design.

  7. Enlarged hotspot text on interactive elements and adjusted positioning for better visibility on mobile.

  8. Simplified the footer by removing unnecessary elements and organizing links into "Quick Links" and "Resources" sections.

  9. Improved product pages with clearer descriptions, better alignment, and updated button styling to enhance clarity and trust.

Results

The website now has a more cohesive design with consistent typography, improved readability, and a better-structured mobile experience. Product images appear sharper, ensuring a high-quality look and feel. The user experience has been significantly improved with better navigation, a simplified footer, and optimized text placement. Hotspot elements are now more legible, making interactive features more engaging. The overall effect is a modern, minimalistic, and professional website that effectively communicates the brand’s vision and enhances the shopping experience.

 

Top Shopify Agency
As a Full Service Shopify Agency Pictonix offers high quality services designed to enhance your eCommerce brand and boost your online sales. Trust us to transform your Shopify store with our expertise and dedication.

SERVICES

  • Shopify Design Agency
  • Shopify Landing Pages
  • Conversion Rate Optimization
  • CRO Audit for Shopify
  • Shopify Marketing Agency
  • Google Ad Agency for Shopify
  • Meta and Facebook Ad Agency For Ecommerce
  • Platform Migration
  • Shopify Speed Optimization

SERVICES

  • Shopify Design Agency
  • Shopify Landing Pages
  • Conversion Rate Optimization
  • CRO Audit for Shopify
  • Shopify Marketing Agency
  • Google Ad Agency for Shopify
  • Meta and Facebook Ad Agency For Ecommerce
  • Platform Migration
  • Shopify Speed Optimization

RESOURCES

  • Work
  • About
  • Blogs
  • Contact
  • Book a Call

RESOURCES

  • Work
  • About
  • Blogs
  • Contact
  • Book a Call

Stay Up to Date with Shopify Updates

Get notified about new Shopify updates, ecommerce services, and tips. No spam, you can always unsubscribe.

  • Twitter
  • Facebook
  • Instagram
  • YouTube
© 2025 Pictonix.
  • Refund policy
  • Privacy policy
  • Terms of service
  • Shipping policy
  • Contact information

Cart 0

Congratulations! You qualify for free shipping!

There’s nothing in your cart yet

Start Shopping

Loading...

Subtotal

$0.00 USD

Taxes and shipping calculated at checkout
View Cart
  • Choosing a selection results in a full page refresh.