DevIT

Description: AfterSell Post Purchase Upsell app helps brands create a cart, checkout, & post purchase upsell experience to boost sales by 30%.  Trusted by 20,000+ brands

The application was finalized by our company and we have released version 2.0. AfterSell has been completely improved and new functionality has been implemented, which increased the performance. In the process, new functionality was integrated or brought to a new level: Billing system, Analytics, Visual builder, etc. This application was one of the first to integrate the Shopify Post-purchase API after their release. Our team has successfully completed all the tasks assigned by the client and the application is successfully on themarket. DevIT continues to help develop and support AfterSell.

Project duration:

On-going; v1.1; v2.0; v2.1; v2.2; 11 months.

Team composition:

• Str. Middle Back-end
• Str. Middle Full-stack
• Str. Middle Front-end
• Senior Team Lead
• CTO
• Quality Assurance
• Project Manager
• Senior DevOps

Description: LangShop is an advanced multifunctional B2B service.  Development was inspired by the great mission to make the global market available for everyone and to destroy the language borders within a few clicks! Since the start, the service has helped thousands of e-commerce business owners to reach foreign markets. Development lifecycle started with Business Analysis work and Business Flow investigation.  DevIT created a strategy to launch a successful product, which was powered by detailed market, stakeholders and business processes descriptions. We went through rick and time management stages.  Specialists got the main focus not only on creating the well-working product, but also on how to make the project SEO friendly and maintain the high level support for each user. Based on agreed strategy we created a plan, technical tasks and started our development in an agile manner. 

Key Clients: LongShop has 6k+ active users, who use the service monthly and have an on-going streak of subscriptions. The clients list includes: medium and large business with the yearly revenue around 1M$+. 

Team composition:

• PM
•  CTO 
• Team Lead Developer
•  Business Analyst
• 2 Middle React Developers
• 2 Senior React Developers
• 3 Middle Laravel Developers
• 1 Senior Laravel Developer
• QA 
• SEO specialist
• 2 Content Managers 

Marketplace: The main core of the project is a developed public Shopify app, which is listed at the Shopify app store since September 2016. 

• 50k+ downloads;

• 6k+ active users;

• has 400+ feedbacks at the Shopify app store;

• a great majority of all reviews are solid 5 stars.

Application:  Developed translation app makes Shopify stores multilingual and multi-currency.

The app provides:

• auto and manual translation of all types of content (text, media, etc.);

• supports 241 languages and dialects;

• the ability to add customisable currency switcher, import or export files;

• translates checkout;

• improves SEO.

This application will significantly save time by translating content automatically and it's definitely faster than the human translation. Moreover, it allows website owners to control translation and edit all elements manually if needed. 

Our team found out the best way of implementing a multilingual application for Shopify websites by using the latest technologies:

• For backend - Laravel. 

• For Frontend - React.JS. Also, we used Redux, Redux-thunk, Axios, Axios Retry, js-queue, Lodash.js.

• For the convenience of using the application, the custom filters and search have been created.

• Public Rest API/Shopify; API/Google/Bing/Yandex/DeepL API integration/ Horizon Workers

• Database: MongoDB + MySQL.

• For visualization, we used Shopify Polaris UI framework.

• For project versioning, we use GitLab with CI / CD technology.

• For the correct development and in order to avoid any problems on production - we use a Docker container.

API: Our team has developed a project API, which is powered by a developed translation machine learning module. Moreover, everyone has access to our Rest API documentation, so the solution can be easily integrated based on the needs.  

Website: The website was developed in order to gather all information about the solution and highlight all functions and features. The website by itself is a guide with pretty simple and clear structure. Users can find out the relevant requirements: LangShop features, contact information app store, demo store, pricing, community, blog, support (help center, ticket system, user/tech support, schedule meeting), Youtube, social networks.

Technical stack:

• Front-end: JS, HTML5, Bootstrap;

• Back-end: PHP - Laravel;

• Custom filter/search creation;

• Widgets: Facebook;

• Tag managers: Google Tag, Manager;

• Analytics: Google Analytics.

Admin Dashboard: Users are able to enter a developed admin dashboard for collecting statistics from the application. Moreover, the dashboard helps to receive the scope of information about shops, agencies, countries, apps, news, discounts, trials, which are using the application. 

Partners Dashboard: Clients have an ability to become an app partner and get access to a new targeted audience and potential customers.

Blog: As a part of a project our agency developed a blog, in order to highlight all patch notes, gather information about the Shopify environment and give useful tips on how to run a successful and modern Shopify website.

Community: The project has a community page, where users can check out resolved issues, feedback, frequently asked and specific questions.  

Help Center: 24/7 supports are always ready to investigate all issues and make useful suggestions in order to come up with a satisfying result. Developed help center helps to keep everything automated. 

Description: Real Americas Voice is a highly-loaded news portal with elements of social interaction (live chat, user-profile, forum). The website was developed for Real America’s Voice company, which is a media solutions firm with 15 years on the market, that enables Content Providers, Agencies and Advertisers to leverage 130 years of combined media expertise to deliver the country’s first audience-driven news platform.

Real Americas Voice is a platform that fosters the real voice of America and provides a platform for audiences to be a part of the story, so the true opinion of the masses can be broadcasted!

The website everyday logs include more than:

• 10k+ unique users and broadcast viewers;
• 5k+ unique active simultaneous live-chat users.

Each user is treated not just like a viewer, but as a contributor. The platform is seeking high audience-participation across the 24/7 programming and flips the script on today’s one-way news by giving an opportunity not only to watch content, but also be a part of live chat with thousands of users, in order to share your thoughts, find like-minded people and build connections!

Team size:

• PM
• CTO
• Team Lead Developer
• Business Analyst
• 3 Middle React Developers
• 1 Senior Full-stack (React/Node) Developer
• 1 Middle Node Developer
• 1 Senior Node Developer
• QA

Development details: During the development process the microservice architecture was widely used. So, each logical component of the entire project is a separate, independent service.

Database: As a separate service - MySQL 5.7.

API: The API of the project is a separate service, which is powered by a technical stack: 

• NodeJS framework; 

• Fastify;

• Redis technology is used for the cache functionality.

API acts as a link between the database, the Cognito authorization service (from AWS), and third-party services that provide streaming video (p1ml). 

Front-end: The front-end of the site is a SPA with SSR (Server Side Rendering), written in the NextJS framework (which uses ReactJS). To reduce the load on the server, we also additionally cache the front-end of the site itself with the help of the AWS Cloudfront service. Thus, the project uses two levels of cache: at the front-end and the API levels.

Widgets: The separate service that allows users to embed an iframe with streaming video from the site anywhere on the Internet (the list of allowed domains that can host our iframe is edited through the admin panel).  Widgets are placed in a separate service to remove the load from the main site.

Admin panel:  Also a separate service. This is a SPA written in pure ReactJS (no SSR) using the Material UI framework.

Live chat: A separate service that provides users with the ability to communicate in a general chat, send private messages to Direct and create "Rooms" according to their interests.  The chat also uses React.js and the functionality itself works on FirebaseChat.

Used Amazon services:

• EC2;

• Route53;

• S3;

• EFS;

• Cloudfront;

• Cognito.

Description: Ave. is a place where everyone is welcome to explore endless possibilities to boost their social media by getting Digital Presence which will be recognized.

Website functionality includes paid services and customized plans for each client. Whether you’re an individual, an entrepreneur, an influencer, a start-up or an established enterprise, Ave. has a precise solution to amplify the digital identity and expand the presence in the global network.

Team composition​:

• PM
• CTO
• Senior Full-stack Developer
• Senior WordPress Developer
• QA

Technical stack:

• WordPress;

• WooCommerce;

• Gutenberg;

• Gravity Forms;

• Payment integration with Rebilly

• Integration with Exigo Office API

• WooCommerce subscription plugin.

Development details: During the development our team used WordPress and WooCommerce (WooCommerce subscription plugin), Gutenberg and Gravity Forms in order to create the best looking and fully functioning webpage. The website was developed from scratch, our team provided design and made the solution fully responsive. Added the account management system, opportunities to log-in and manage your private profile. The project has custom CRM integration, so it’s super easy to manage all clients and communicate with leads and customers. 

WordPress has chosen in order to maintain the support of the website without the advanced developer control.  

WooCommerce helped with setting e-commerce features, development of check-out pages and provided the feel of an online store.

Gutenberg introduces a modular approach to pages and posts: each piece of content in the editor, from a paragraph to an image gallery to a headline, is its own block. It helped to make a separate approach to each piece of content and reduce the load. 

Gravity Forms helped to create advanced forms and manage them.

Introduction: 

The website developed for Abri company for the Real Estate industry. This company helps a wide range of people meet their different housing aspirations affordably, providing homes of all types and tenures.

Team size

- PM
- CTO
- Team

Lead Developer

- 1 Senior React Developer
- 1 Middle Node Developer
- QA

Technical stack:

• React.JS/Redux, Redux-thunk, Axios, Axios Retry, js-queue, Lodash.js, Redux-Form, Reselect. 

• Node.js/Custom search/filters creation

Introduction: 

Bite Tour is an online multilingual website, with an opportunity booking bite tours in different countries. The developed website is powered by e-commerce functionality, has custom design, which was brought from scratch and the main focus directed to UI and UX improvements. 

Team size:

- PM
- CTO
- Team Lead Developer
- 2 Middle WordPress Developers
- QA

Technology stack:

WordPress+Woocommerce, PSD to WordPress, Payment Integration, SEO optimization

Plugins: 

• Woocommerce

• PolyLang (multilingual: Hebrew/English)

• CF7

• developed a custom multi-currency plugin.

Payment systems: 

• PayPal

• Zooz

• Stripe

Development process included:

Cache improvements via plugins:

• W3 Total Cache

• Autoptimize

Cache optimization on the server side

Image optimization

Connecting CDN:

• Cloudflare

SEO improvement: 

• Plugin Yoast

Introduction: 

Vitcommerce is a B2B platform, which specialises on dropshipping services.

On the platform customers have an opportunity to parse products from Aliexpress, obtain complete information about the product, balances, reviews, etc.

The main idea of the project was not only to create a user-friendly B2B platform, but also add uniques functionality, which will allow users to have 2in1: dropshipping serves (add goods from Aliexpress) as well as the page builder, where users can create their product pages by analogy with Aliexpress. 

So, customers can create a landing page for the received product from AliExpress, change all content on the page. 

Moreover, customers have the possibility to create a product page from scratch, adding its own photos and information.

Team size:

- PM
- CTO
- Team Lead Developer
- 1 Middle Angular Developer
- 1 Senior Angular Developer
- 2 Middle Laravel Developers
- QA

Development process:

Our team has decided work flows and come up with the strategy. Overall, the solution was immediately proposed: to parse the goods from Aliexpress, subsequently it gave more opportunities for users (change logos, reviews, prices), but also reduce the development time and save the customer's money.

Front-end: 

• Angular 8

• Zone.js

• Google front API

Back-end:

• Laravel

• API integration

Libraries:

• Hammer.js

• Lodash.js

Moreover, DevIT came up with an idea to add widgets to the site for more interaction with users. After a short discussion, the client appreciated this initiative.

Thus, widgets appeared on the site where the user can manage promotions, convert currency, send notifications and much more.

Necessity to create a product from scratch is a task that was set by the client later. The functionality was supposed to be the same as for products created on the basis of Aliexpress products. The task was successfully done and the project was delivered in time. 

Users have an ability to create the good’s page from scratch or to parse the ones from AliExpress with all photos, feedback, stars, characteristics etc. A convenient and clear admin panel was created for easy management.