1. Сase Studies
LaSoft - November 2015
Interactive personal coaching tool Dates
April 2010 – September 2010
Services
Front-end Development
Customer Country
Germany
Technologies Used
Front-end: JavaScript, Sencha Ext.js
Back-end: .Net
Source control: SVN
Database: 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
fitness needs. It combines the latest web technology with a heart rate monitor and pacer to record
your workout data and help you reach your fitness 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 first
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 defined class system and structure.
Lyubomyr Rudko, Technical Leader
WRISTO Dates
during September 2015
Project Description
WRISTO
WRISTO
Web-development
Project 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 fitness 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 different kinds of Wristo and functionality of each kind. In the page you can find more information
about Wristo creators. Main functionality allows you to order different Wristo models using simple
pre-order form. You can contact creators by sending your questions or suggestions or find more
information in FAQ section.
Netsanity Dates
January 2014 – February 2014
Services
Front-end development
Back-end development
Customer Country
USA
Link
https://netsanity.net/
Developer’s Insight
As 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
Netsanity
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:
Java
Source control:
Github,
Bitbucket
Database:
MySQL,
Project Description
Compuzz dashboard is a server application that connects brand product resellers, manufacture companies
and final 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.
Dates
September 2014 - in progress
CompuzzDashboard
HumanResource
Technologies Used
Front-end:
JavaScript,
HTML,
CSS
Back-end:
Ruby on Rails,
PHP
Database:
MySQL,
PostgreSQL
HumanResourceManagementApplication
Human Resource Management Application
Developer’s Insight
This project broadened my experience in working
with social networks, i.e. Facebook, Linkedin,
Google +, Stackoverflow 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 significantly contributed
to the working process and made me a better
team-player.
Vasyl Varkholyak, Technical Leader
Dates
June 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.
OrderProcess
Dates
May 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 Printing
Dates
March 2015 - April 2015
Services
Design layout (responsive);
Project Management;
Manual Testing.
Customer Country
Australia
Technologies Used
Front-end: JavaScript, Backbone.js,
Frameworks: Bootstrap.css, Jquery
Back-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.
MyLocal3dPrinting
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 final 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 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
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 different projects.
We use marionette.js + Backbone Boilerplate template because it organizes an application
with a logical file structure. Also it develops your Models/Collections/Views/Routers inside
modules and builds efficient 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 configured your
repetitive tasks through a Gruntfile, it will do the routine work for you. In other words Grunt is
an effort 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% finalized and is not stable yet.
It still needs some time to be battle proven.
Customer Country
Belgium
CompuzzDashboard
Сontent
Human
Resource
Management
Application
Interactive
personal
coaching
tool
My Local
3d Printing
Netsanity
Order Process
WRISTO
Content
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 2015
Graphic 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 Country
United Kingdom
Technologies Used
Front-End:
HTML 5,
CSS 3,
JavaScript,
jQuery,
Materialize.css
Back-End:
Ruby on Rails
Database:
PostgreSQL
Source control:
GitLab
WRISTO
Link
https://www.wristo.co.uk/
Customer feedback
We 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 flexible - 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 effect. 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