FromSomebodyElse

Laudi Vidni

Project Info

View Project

Roles

Front-End Developer

Technical Specs

  • LESS
  • Laravel (PHP)
  • JS Templating

Description

Laudi Vidni is an eCommerce site that allows customers to create and customize their own high-end leather purses. We wanted to communicate luxury and creativity through making the customer feel like a designer. We did this through creating an inspiring seamless frustration free process from start to finish. The site features an engine which can create limitless combinations of styles, materials and colors, and also provides ample inspiration through a series of pre-designed bags, that are also customizable. Salespeople at the brick and mortar store access the site on tablets to help customers visualize and create their product.

Project Images

Project Code Sample

Gulp File

gulp.task('watch', function() {
    var server = livereload();
    
    //styles
    gulp.watch(paths.less + '/**/*.less', ['styles']);
    
    //scripts
    gulp.watch(paths.js.src + '/**/*.js', ['build-design'])
    
    //livereload
    gulp.watch([
        paths.root + 'bin/app/views/**/*.php',
        paths.build.scripts + '/**/*.js',
        paths.build.styles + '/**/*.css'
    ])
    .on('change', function(file) {
        server.changed(file.path);
    });
});

homepage.less (snippet)

// DESIGN ADVICE & MUCH MORE
// -------------------------
.design_advice_more {

  section {
    .cover_image();
    background-image: url('/static/images/home/advice_background.jpg');
    padding-bottom: 0;
    background-position: bottom left;
  }
  
  .copy_area {
    float: right;
    
    p {
      margin-bottom: 50px;
    }
  }
}