Сase StudiesLaSoft - November 2015

Interactive personal coaching tool DatesApril 2010 – September 2010

Services Front-end Development

Customer Country Germany

Technologies UsedFront-end: JavaScript, Sencha Ext.jsBack-end: .NetSource control: SVNDatabase: MS SQL

Project Description Customer is a multinational corporation that designs and manufactures sports shoes, clothing and accessories. The application itself provides workouts you can customise to your own �tness needs. It combines the latest web technology with a heart rate monitor and pacer to record your workout data and help you reach your �tness goals. After your workout, you can upload your data and track your improvement.

Developer’s Insight The biggest challenge of the project was integration with already built Legacy system that was developed with Flex technology. Flex at the moment was outdated, it did not support mobile browsers, and it was the main motivation of the customer to rewrite the system. Therefore, our �rst task was to choose a framework that can provide us with very good accessibility targeting desktop, tablets and smartphones at the same time. We decided to go with Ext JS because: 1. It gives very clean object model. 2. It provides free rich controls with a consistent look and feel. 3. It is easier to maintain and understand big projects built with Ext JS because of well de�ned class system and structure.

Lyubomyr Rudko, Technical Leader

WRISTO Datesduring September 2015

Project Description

WRI

STO

WRISTO

Web-developmentProject Management Design

Services

Wristo is the site that is working in responsive and adaptive format, and is prepared for future service. This website is created for promotion and popularization of a new device called Wristo. Wristo is a smart wristband which caters for essential needs of everyone in any family: adults, elderly and children. It tracks location and vital body readings for elderly; helps younger ones manage their study schedule; provides emergency button, texting and �tness tracking for all. The set of functions can be customised for everyone in the family. No paired smartphone is needed. Their short term focus is the UK market. The website will help you understand how this new device works, advantages of di�erent kinds of Wristo and functionality of each kind. In the page you can �nd more information about Wristo creators. Main functionality allows you to order di�erent Wristo models using simple pre-order form. You can contact creators by sending your questions or suggestions or �nd more information in FAQ section.

Netsanity DatesJanuary 2014 – February 2014

Services Front-end developmentBack-end development

Customer Country USA

Linkhttps://netsanity.net/

Developer’s InsightAs a team lead in this project, I had a number of various responsibilities, including setting up a team, teaching a team, arranging work process according to customer’s demands, task prioritization, and managing the process of web development. It was a very valuable experience that helped me improve my leadership skills, as well as task- and time-management. After this project I feel ready to take on new projects that involve team leading. Vasyl Varkholyak, Technical Leader

Technologies Used

Front-end: JavaScript,

HTML, CSS

Back-end: Ruby on Rails,

PHP

Database: MySQL,

PostgreSQL

Net

sani

ty

Project Description The service exists allowing you to log in on any computer or phone and apply parental settings and restrictions on your kids’ iOS devices. This revolutionary application allows you to block apps and categories that you feel are inappropriate for your kinds.

Technologies Used

Front-end: JavaScript, Backbone.js, Marionette.js Underscore.js,

Require.js, Aura.js, Node.js,

Frameworks: Bootstrap.css,

Jquery, Back-end:

JavaSource control:

Github, Bitbucket

Database: MySQL,

Project Description Compuzz dashboard is a server application that connects brand product resellers, manufacture companies and �nal customers. The application gives you an ability to manage orders involving customers and manufacture companies, create an image collection separately for each customer, track time of employees, and start email marketing campaigns.

Compuzz Dashboard

Services Project Management; UI/UX Design;Front-end Development; Manual Testing.

DatesSeptember 2014 - in progress

Com

puzz

Das

hboa

rd

Hum

an R

esou

rce Technologies Used

Front-end: JavaScript,

HTML, CSS

Back-end: Ruby on Rails,

PHP

Database: MySQL,

PostgreSQL

Hum

an R

esou

rce

Man

agem

ent A

pplic

atio

n

Human Resource Management Application

Developer’s InsightThis project broadened my experience in working with social networks, i.e. Facebook, Linkedin, Google +, Stackover�ow and also my experience in front-end development. Also it gave me a unique opportunity to work in an environment where communication is conducted directly between the customer and the team. Such communication pattern signi�cantly contributed to the working process and made me a better team-player. Vasyl Varkholyak, Technical Leader

DatesJune 2014 - September 2014

Customer Country Norway

Services Design;Design layout;Project Management;Front-end development;Back-end development; Manual Testing;

Project Description Resource Management Service. The service aggregating and analyzing data from a number of social networks, optimizing the velocity in a talent pipelines by automating the validation of candidates skills and cultural match to customer organization’s need.

Ord

er P

roce

ss

DatesMay 2015 - in progress

Technologies Used

Front-end: JavaScript,

Backbone.js, Underscore.js,

Require.js, Aura.js, Node.js

Frameworks: Materialize.css, Bootstrap.css,

Jquery

Back-end: Java

Source control: Github,

Bitbucket

Database: mySQL

My Local 3d PrintingDatesMarch 2015 - April 2015

Services Design layout (responsive); Project Management;Manual Testing.

Customer Country Australia

Technologies UsedFront-end: JavaScript, Backbone.js, Frameworks: Bootstrap.css, JqueryBack-end: PHP

Link https://mylocal3dprinting.com/

Developer’s Insight For me the most exciting part of the project was testing a design for various mobile devices. For mobile testing we used BrowserStack service which is a tool for cross browser and mobile testing. The testing team shoved excellent performance.The layout had to remain the same no matter which gadget a person viewing it might use. Our purpose was to make sure that the web-site could be viewed on any device with comfort and ease. The application should have been responsive and available for main Android models and IPhone down to the 3D model. I recieved design for desktop version and mobile of 640 pixels. It was a real surprise for us to realize that even when marketing materials claim that the resolution of IPhone 3 is 640 pixels, in fact the real resolution as shown on the screen while using a browser is 320 pixels. This inconsistency caused us some issues, but at the end of the day we delivered a version, which was approved by the Customer. Roman Kopyk, Front-End Developer

Project Description The service connects individual designers and their prospective buyers with competitive 3D needs.The objective is to help a customer get the best design and price for custom made 3D printed products by connecting them to one central market place.

My

Loca

l 3d

Prin

ting

Order Process Dates

May 2015 - in progress

Project Description This project is a plug-in for an online store and it comprises of 4 steps. Step 1 is a gallery with products where a customer can see any product in all available colors and where he/she can upload their own logo to print on a product. After having chosen the product, in step 2 a customer can add pictures, logos, any text or a combination of all of them, chose colors, size, quantity, and also there is a preview of a �nal product from various angles. There is also a gallery with logos that have already been used by this customer to make the order process faster and simpler. Those logos could be easily adjusted depending on their color and size. In step 3, or a cart, there is a preview and a short description of all criteria that were chosen for this particular product. There is also an option to download a proof sheet with all criteria and a form that is entitled “request for proposals” where customers can submit their comments and suggestions.

Designer’s Insight During the project, we decided to test and implement new Material Design Concept. Our main goal was to develop easy to use and understandable UI for customers who will search and buy products. The most exciting and the most problematic part of the material is that it has its own very strict standards. Styles, colors, icons, typography, layout principles everything is ready for you to use. You just take your “materials” and develop your design. I have been working in a face to face collaboration with a team of front-end developers who were dedicated to implement my design ideas into reality. They played with already tested and reliable Bootstrap.css and some parts of Materialize.css. At the end of the day, we come to a conclusion that old and tested Bootstrap.css is more reliable than newly developed Materialize.css. Tanya Sidash, LaSoft, UA/UX Designer Services Front-end Development;Project Management;Manual Testing;Test Automation.

Customer Country Belgium

Technologies UsedFront-end: JavaScript, Backbone.js, Underscore.js, Require.js, Aura.js, Node.js

Frameworks: Materialize.css, Bootstrap.css, JqueryBack-end: Java

Source control: Github, BitbucketDatabase: mySQL

Developer’s Insight When you start a new project you should never start from scratch, there are many things that will usually stay the same and this rule applies to many di�erent projects.

We use marionette.js + Backbone Boilerplate template because it organizes an application with a logical �le structure. Also it develops your Models/Collections/Views/Routers inside modules and builds e�cient code that will not bottleneck your users.

Existing boilerplates freely modify Backbone core, lack of build process, and are very prescriptive. The Backbone Boilerplate is a way of organizing a web application with some opinionated defaults: such as Backbone, Lo-Dash (Underscore compatibility build), jQuery, RequireJS, Bower, Grunt, Karma, and the HTML5 Boilerplate styles. Also, it supports the following testing tools: QUnit, Jasmine, and Mocha with Chai.

We use SASS to create CSS styles because it uses a Ruby compiler that can break your styles into multiple separate sheets and then incorporate them into one “style.scss”. It is much easier to work with Color Scheming using SASS because it provides you with variables that you can use for the entire project.

Grunt is a task runner, and we use it for repetitive work automation. Once you con�gured your repetitive tasks through a Grunt�le, it will do the routine work for you. In other words Grunt is an e�ort optimization tool, it saves our time, and money of our clients.

For Orderprocess design we created a new look similar to Google Material Design concept with the help of Bootstrap framework. The decision was based on a previous experience using materialize.css. We think that materialize.css is not 100% �nalized and is not stable yet. It still needs some time to be battle proven.

Customer Country Belgium

Com

puzz

Das

hboa

rd

Сontent

Human Resource Management Application

Interactive personal coaching tool

My Local 3d Printing

Netsanity

Order Process

WRISTO

Cont

ent

Customer Country Norway

Compuzz Dashboard

Customer Country Germany

Customer Country USA

Customer Country Belgium

Customer Country Belgium

Customer Country Australia

Customer Country United Kingdom

Corporate Case Studies LaSoft 2015Graphic Designe

ToolsOleh Melekh

COLOR FONT

B 7 1 8 1 8

D 7 D 9 D 9

9 0 9 3 9 4

0 0 0 0 0 0

M y r i a d P r o R e g u l a r 1 5 p t

M y r i a d P r o R e g u l a r 1 3 p t

M y r i a d P r o R e g u l a r 1 2 p t

2 5 3 9 7 7

Customer CountryUnited Kingdom

Technologies Used

Front-End: HTML 5,

CSS 3, JavaScript,

jQuery,Materialize.css

Back-End: Ruby on Rails

Database: PostgreSQL

Source control: GitLab

WRI

STO

Linkhttps://www.wristo.co.uk/

Customer feedbackWe have outsourced our Wristo website to La Soft. This is a young, energetic and yet very experienced team which demonstrated an extremely professional approach. They always have walked and extra mile to better understand the brief and were never short of innovative ideas. They are very responsive and �exible - if the request was urgent they would always respond very quickly, often even on weekends or during after-hours. They are the team which doesn’t need micro management - they are always able to propose a range of potential solutions for the customer. Another strong side of the team is their visual creativity and ability to work on artwork and layout to achieve the best aesthetic e�ect. As a result, we have a website we are very happy with and are looking forward to working with La Soft team in the future.

Developer’s Insight“While developing the page we used HTML5 approach. HTML5 Form Validation functionality is secure and simple in usage, you do not have to add own scripts as everything is ready for you. HTML5 video tag supports all modern browsers including Internet Explorer 11 and allows you to apply own video players.

We implemented CSS3 features to create navigation panel, which improved page performance. Also, we applied the jQuery library to create a dynamic page, and Ajax requests for integration of client and server sides”.

Vitaliy Andrushko, Front-end developer“We didn’t use any JavaScript frameworks on client’s side, that’s why we decided to implement standard RoR approach. The page templates were created and processed on server-side using RoR operators. I would recommend this approach for teams with strong Ruby or Rails expertise”.

Sophia Nabyvanets, Back-end developer