<div class="row upper-text">
 <div class="col-md-12">
                     <h4>A dynamic functional redesign to enhance user experience</h4>
</div>
                  </div>
                  <div class="row">
                     <div class="col-sm-12">
                        <h2>The Project</h2>

                        <p>
                           Lube Solution is a curated mobile application developed for MJL Bangladesh Limited, the
                           country’s top-ranked company in the Lube Oil Industry. Currently, MJL BL is the industry
                           leader and the sole distributor of the global brand Mobil™ in the market for lube oil
                           products in Bangladesh.
                           <br><br>
                           The lube oil industry giant envisioned the mobile application to make accessible all
                           lube-related services with expert professionals to its customers right at their doorsteps.
                           MJL BL entrusted Dcastalia, a result-driven software company with intuitive UI/UX design
                           portfolios, with this project because of our proven expertise in artistically redesigning the
                           dynamic and interactive MJL website.
                           <br><br>
                           The objective was to completely revamp the earlier version of the Lube Solutions mobile
                           application, into a more, content-driven, modernistic, and aesthetic piece of technology that
                           would enhance the user experience and at the same time efficiently manage the large amounts
                           of data in their systems. The assignment was to be completed within 60 days which was an
                           exceptional feat given the magnitude of the project.
                        </p>

                        <h2>Scope of Work</h2>

                        <p>
                           MJL required a stunning, modernistic, functional UI/UX for its mobile application Lube
                           Solutions, which would increase the customer conversion rate and also establish a very strong
                           brand presence for MJL in the Lube Oil Industry, within 60 days.
                           <br><br>
                           MJL’s previous mobile application did not reflect the desired branding, visual appeal, and
                           functionality. It was complex as MJL BL maintains a heavy-duty database system with a vast
                           number of product categories, a large and complex network of retail outlets with enlisted
                           service providers, and an extensive customer base.
                        </p>


                        <h2>Gallery</h2>

                        <div class="gallery">
                           <div class="row Light">
                              <div class="col-md-4">
                                 <div class="img-wrapper">

                                    <a class="img" href="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845081441064664788.jpg">
                                       <img class="img" src="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845081441064664788.jpg">
                                    </a>

                                 </div>
                              </div>
                              <div class="col-md-4">
                                 <div class="img-wrapper">
                                    <a class="img" href="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083321937612471.jpg">
                                       <img class="img" src="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083321937612471.jpg">
                                    </a>
                                 </div>
                              </div>
                              <div class="col-md-4">
                                 <div class="img-wrapper">
                                    <a class="img" href="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083452104250121.jpg">
                                       <img class="img" src="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083452104250121.jpg">
                                    </a>
                                 </div>
                              </div>
                              <div class="col-md-4">
                                 <div class="img-wrapper">
                                    <a class="img" href="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083651716239641.jpg">
                                    <img src="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083651716239641.jpg" style="width: 420px;">
                                    </a>
                                 </div>
                              </div>
                              <div class="col-md-4">
                                 <div class="img-wrapper">
                                    <a class="img" href="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083771443681144.jpg">
                                       <img src="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845083771443681144.jpg">
                                    </a>
                                 </div>
                              </div>

                              <div class="col-md-4">
                                 <div class="img-wrapper">
                                    <a class="img" href="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/168450845596812611.jpg">
                                       <img src="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/168450845596812611.jpg">
                                    </a>
                                 </div>
                              </div>


                           </div>
                        </div>

                        <h2>Technologies</h2>

                        <p>
                           We deployed the most modern technologies in creating this fully functional application with
                           immense visual appeal. Lube Solutions Application was completely revamped and redesigned from
                           its earlier version which had operational issues with poor aesthetics, and we re-launched it
                           as a robust, high-performing information system architecture that is capable of serving
                           thousands of customers from its database on a daily basis.
                        </p>
                     </div>

                     <div class="col-md-4">
                        <h5>Revamped UI/UX</h5>
                        <p>
                           The app’s UI/UX was modernized and refined to reflect the global brand essence for MJL’s
                           Mobil.
                        </p>
                     </div>

                     <div class="col-md-4">
                        <h5>Seamless Performance</h5>
                        <p>
                           The objective of this project was to ensure the implementation of prime performance features
                           that would enhance the usability.
                        </p>
                     </div>

                     <div class="col-md-4">
                        <h5>Security Seal Repository </h5>
                        <p>
                           The app’s UI/UX was modernized and refined to reflect the global brand essence for MJL’s
                           Mobil.
                        </p>
                     </div>

                     <div class="col-md-4">
                        <h5>Deep Linking</h5>
                        <p>
                           The app’s UI/UX was modernized and refined to reflect the global brand essence for MJL’s
                           Mobil.
                        </p>
                     </div>

                     <div class="col-md-4">
                        <h5>Referral System</h5>
                        <p>
                           Implementing the referral system for the app is a significant feature that encourages users
                           to share the brand with their family and friends, thus, motivating potential customers to
                           transform into actual users.
                        </p>
                     </div>


                     <div class="col-sm-12 video">
                        <div class="video-wrapper Light">
                           <a href="https://youtu.be/wT3cpXL7HiE"></a>

                           <img class="img" src="https://codecanyon.bestinbd.com/WEBSITE/admin/uploads/editor_image/16845092381197661416.jpg" alt="">

                           <div class="video-icon">
                              <div class="icon-inner">
                                 <svg width="60" height="60" viewBox="0 0 60 60">
                                    <g id="Group_14000" data-name="Group 14000" transform="translate(0.49)">
                                       <g id="Ellipse_381" data-name="Ellipse 381" transform="translate(-0.49)" fill="#060D34" stroke="none" stroke-width="1">
                                          <circle cx="30" cy="30" r="30" stroke="none"></circle>
                                          <circle class="video-hover" cx="30" cy="30" r="30.5" fill="#2BC6EB"></circle>
                                       </g>
                                       <path id="Polygon_2" data-name="Polygon 2" d="M8.143,1.429a1,1,0,0,1,1.715,0l7.234,12.056A1,1,0,0,1,16.234,15H1.766a1,1,0,0,1-.857-1.514Z" transform="translate(39.51 21) rotate(90)" fill="#fff"></path>
                                    </g>
                                 </svg>
                              </div>
                           </div>
                        </div>
                     </div>

           

                     <div class="col-md-4 counter">
                        <h3 class="anim fade-up">50%</h3>
                        <p class="anim fade-up">Increase in Product Purchase</p>
                     </div>

                     <div class="col-md-4 counter">
                        <h3 class="anim fade-up">+500K</h3>
                        <p class="anim fade-up">Security Seal IDs served</p>
                     </div>

                     <div class="col-md-4 counter">
                        <h3 class="anim fade-up">24/7</h3>
                        <p class="anim fade-up">Operational Support</p>
                     </div>
</div>