storefront.html

<section class="section section-diff">
  <div class="container">

    <div class="project-nav">
      <a href="#" class="project-close"><i class="fa fa-times-circle-o"></i></a>
    </div>

    <div class="project-title">
      <h1>Online Stores (InkSoft)</h1>
    </div>

    <div class="project-wrap">
      <div class="browser-window">
        <div class="browser-header">
          <ul class="header-btns">
            <li><span class="browser-header-circle red"></span></li>
            <li><span class="browser-header-circle yellow"></span></li>
            <li><span class="browser-header-circle green"></span></li>
          </ul>
        </div>
        <div class="fit-vid">
          <iframe width="720" height="auto" src="https://www.youtube.com/embed/gxPGlR9ma3k" frameborder="0" allowfullscreen></iframe>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-sm-4 col-md-3">
        <h5 class="small-header">
          <span>Project info</span>
        </h5>
        <div class="project-info">
          <span><small>Employer:</small> InkSoft</span>
          <span><small>Date:</small> October 2017</span>
          <br />
          <ul class="tags">
            <li><a href="#">Angular 2.x</a></li>
            <li><a href="#">JavaScript</a></li>
            <li><a href="#">HTML5</a></li>
            <li><a href="#">CSS3/Sass</a></li>
          </ul>
          <br />
          <a href="https://stores.inksoft.com/egt/shop/home" class="btn btn-primary" target="_blank">Launch Application</a>
        </div>
      </div>

      <div class="col-sm-8 col-md-9">
        <div class="row">
          <div class="col-sm-12 portfolio-copy">
            <h5 class="small-header">
              <span>Background</span>
            </h5>
            <p>
              Online Stores was one of the biggest undertakings and most challenging projects InkSoft has ever done to date. We had
              about 15 different eCommerce Web Store themes, all built in .NET. Maintaining, updating, and fixing bugs on these
              themes was getting costly and time-consuming. Our goal was to build an all new Online store application, but just one
              that was customizable. It would be customizable in a way that we didn’t need a bunch of themes to provide our customers
              with variety. Customers could change the fonts, font size, headings, colors, buttons, and a variety of other UI
              elements to their site. They could add “components” to their site as well. Components included were testimonials, image
              carousels, featured products, fundraisers, calls to action, promo bars, and request a quote.. This app would include
              new technology and features none of us had ever programmed before. We were excited for the challenge and the lessons to
              be learned along the way. This was going to be the biggest update since InkSoft was started. We wanted to blow our
              customer’s minds (in a good way of course).
            </p>
          </div>
          <div class="col-sm-12">
            <h5 class="small-header">
              <span>Process and Solution</span>
            </h5>
            <p>
              We chose Angular 2 as the front end framework for this new application. We had started building another application in
              Angular 2 and really started to love the component architecture and Typescript. Having interfaces in a massive
              application with tons of different Objects saves so much time and helps prevents bugs later on down the road. By using
              Angular’s built in FactoryResolver, we were able to dynamically create component instances based off of the definitions
              we had wrote for each Component. The new Online Store ecosystem we created for our customers was almost like a smaller
              version of Wix or one of those other website GUI builders. It’s extremely powerful and allows our customers to create
              highly customizable websites tailored to their brand and company.
            </p>
            <p>
              These components were also great continuous marketing mojo for our Stakeholders. We are constantly adding Components to
              the library based on customer requests. We received tons of positive feedback and our customers love the new platform.
              On average in 2018, over $400,000.00 thousands dollars a day in transactions gets processed in the Online Stores
              platform. Our software and Stores platforms allow InkSoft’s customers to be more successful and sell more merch.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="js/main.js"></script>
</section>