Fast & Scalable Custom Vue.js App for Improving Translation Efficiency
Goals
We were happy to partner up with Lingohub on their way to upgrade their tool’s features for securing the founding round and further growth.
01
Improve translation management efficiency
The goal was to create a platform that simplifies translation tasks, reduces manual effort, and speeds up the overall process.
02
Enhance collaboration and team management
Lingohub wanted to enable better team collaboration by offering tools for role management and permissions, making it easier for managers to oversee projects.
03
Migrate the app to a modern, scalable tech stack
Transitioning from Angular to Vue.js was critical for achieving better performance, customizability, and ease of development.
Challenge
Lingohub is a helpful solution for managing the translation part of the development processes. Making it way better was a great commitment we set up for ourselves!
Helmut Juskewycz
CEO & Founder of Lingohub
We wanted to find a long-term software development partner.
Lingohub’s CEO used to experience the pains of the translation process while working as a software developer for various tech companies. He established his company to help software creators bring their products to a broader multilingual audience.Â
Overcoming the Technical DebtÂ
However, being based on Angular, it came to a point where the app’s further successful development could be questioned.
The main issue was the need for better performance and customizability to support new features Lingohub’s clientele required. The transition from Angular to Vue.js was crucial, as it offers superior runtime performance and easier optimization.
Main challenges:
The existing Angular framework limited the ability to implement new features efficiently
The platform needed better runtime performance to handle complex translation tasks and large datasets
Without the proper version control, the app’s development workflow was limited and imperfectly organized
The app lacked role management and team collaboration solutions necessary to deliver project oversight
Approach
Providing high-quality development deliverables was rooted in proper analysis of the technological environment we were invited to rework.
Helmut Juskewycz
CEO & Founder of Lingohub
Vue.js is very mainstream now but it wasn’t at the time of this project. Naturaily already had a few good developers for it.
We focused on leveraging Vue.js’s capabilities to modernize Lingohub’s platform. This was followed by the integrated developers' tools and custom product solutions we introduced as well.
Vue’s Virtual DOM
Unlike Angular’s real DOM, which renders the entire web page even for small changes, Vue.js uses a virtual DOM that updates only the components that have changed.
Simplified Data Binding
Vue.js supports both one-way and two-way data binding, providing flexibility in how data flows within the application.
Ease of Incremental Integration
Vue.js can be incrementally integrated into existing projects, making it easier to adopt without overhauling the entire system.
Component-Based Architecture
Vue.js’s component-based architecture allows for better organization and reuse of code, simplifying development and maintenance.
Reactive System
Vue.js’s reactivity system ensures that the UI updates efficiently in response to data changes.
The new Vue.js-based platform was meant to leverage its performance, flexibility, and scalability needed to support Lingohub’s growth.
Results
We were fulfilled when the client informed us about the funding secured that led to the next phase of the product’s development. This is what app development is all about!
Helmut Juskewycz
CEO & Founder of Lingohub
Their developers have helped us to learn different styles of development, and they’ve accelerated the rate at which we can ship our product.
Our developers, alongside the Lingohub development team, created a successful online translation platform. It helps developers, project managers, and, simply, software makers create great products and deliver them to a broader audience from the entire world.
Angular to Vue for the Next Funding Round
Together, we rewrote the existing part of the app from Angular to Vue.js, making it the main front-end language of the app.
Additionally, we implemented several standout custom features that enhanced Lingohub’s platform functionality and user experience. The project resulted in a refreshed design system, making it easier to navigate the tool.
Ultimately, the new app version secured the next funding round, making the project a positive story from the business perspective as well.
Outcome
We upgraded Lingohub’s translation management system, making it a powerful tool for software teams to deliver multilingual content effortlessly
Before
The existing Angular-based application was slow, difficult to customize, and limited in its ability to support new features and efficient workflows.
After
The new Vue.js-based platform is fast, flexible, and user-friendly, empowering Lingohub to further develop the platform with ease.
Improvements
Our work resulted in:
Improved Translation Efficiency
We improved the app’s main translation feature, and teams now save 60% of the time previously spent on translation tasks.
New App Development Workflows
Transitioning to Vue.js improved runtime performance and customizability and enabled faster and more efficient development of features needed.
Key Funding Secured
Lingohub secured over €600k in new funding from FFG. This supported further development and growth.
Better Team Collaboration
The new team management tools we implemented facilitate better project oversight and collaboration.
The App Redesigned
The redesign introduced the main dashboard with improved user navigation and a new, more intuitive interface.
Some numbers (we all like numbers!)
0k+
euros of new FFG funding
0+
languages
0%
time saved on translation
0+
happy customers
Most interesting features
Core feature upgraded
New Translation Editor
The new editor secures higher translation quality and speed, incorporating tools like machine translations, machine learning, versioning, and team collaboration options.
Easier collaboration
Customized Term Base
The Term Base feature ensures text consistency across projects, enabling easy sharing of key terms and standardized translations.
Custom workflows
GitHub/GitLab/Bitbucket Integration
Seamless integration allows app users to manage their translation projects directly from their preferred version control systems, enhancing workflow efficiency.
The team
We worked closely together, ensuring the expectations were set clearly from the start. Typically, we would specify the issues through GitHub and Slack, with daily standups to address key issues promptly.
Helmut Juskewycz
CEO & Founder of Lingohub
The team provides high-quality development deliverables, producing an excellent platform that perfectly meets the requirements. They are responsive, collaborative, and professional, keeping up with the project management at all times and ensuring they fix any problems quickly.
These great professionals worked on this project for our client:
Bartosz Zienkiewicz
Senior Frontend Developer
Tomasz KordyÅ›
Head of Delivery
About the client
Lingohub is a DACH-based SaaS platform that lets hundreds of teams manage their software translations easily.
Project
Custom App Development
Industry
SaaS
Web
Lingohub
It helps teams streamline their translation processes and deliver software to a global audience. What they get is a complex yet simple app they can use for translating, storing, and managing the content – all in one place.
The tool offers a complex software translation service – from building a personalized Term Base to translating and file release. To make the process even more painless, Lingohub integrates with lots of tools used by developers and professional translators.
Naturaily’s code is really reliable. They’re responsive, collaborative, and professional!
Helmut Juskewycz
CEO & Founder of Lingohub
Similar challenge? Let's get into it!
We develop solutions, you grow your business. It's that easy!
We're making a difference on the web, together
Stories of path-breaking solutions, responsibility, and businesses moving forward
n8n
Workflow Automation SaaS
Empowering SaaS growth with a scalable, SEO-optimized Nuxt.js website
n8n sought a scalable web solution for automated API-rich content creation in huge page volumes. The rapid website we created boosted their visibility and product usage while saving tons of time.
5/5
Clutch review
300k
API-driven dynamic pages generated
900%
More Top 10 keywords in 1 year
Capitalise
Business Finance SaaS
From Slow to Scalable: The Power of a Strategic Replatform
Capitalise needed a modern website to replace their rigid legacy CMS and enable data-driven growth. We created a fast, headless platform with built-in A/B testing. Easy to experiment, optimize, and boost conversions.
5/5
Clutch review
90+
Lighthouse
Robust
A/B testing
Boodil
Financial services
Bridging Shopify with Open-Banking Payments
We helped Boodil connect its payment solution to Shopify with a secure, scalable app. Now an approved Shopify payment partner, Boodil went from limited reach to serving merchants worldwide.
3.5M+
stores unlocked
Multi-market
expansion
Shopify
payment integration
Urban
Wellness SaaS
Transforming web management to allow quicker SaaS growth
We supercharged Urban’s website and gave their marketing team the tools and autonomy they needed. All while significantly improving web performance and SEO capabilities.
96
Performance (Lighthouse)
100%
Web devs’ time saved
Total
Flexibility & scalability
FGS Global
PR Agency
Revitalizing FGS Global's Digital Presence with Next.js and Storyblok
FGS Global needed a secure, flexible website that captured their brand and scaled with their global presence. We built a fast, headless solution that makes updates effortless and brand consistency simple.
5/5
Clutch review
Custom
search engine
1500+
content items migrated
Best IT
Digital Consultancy Agency
Website migration to Jamstack with Next.js and Storyblok Headless CMS
Best IT aimed to showcase their digital expertise through a state-of-the-art website. To do so, we implemented a headless CMS for superior content and website management.
5/5
Clutch review
70
Fully customizable components
0.9 s
Time to Interactive
Artinfo
Auction House
Custom web app for live art auctions' market leader
Artinfo needed a seamless, real-time online auction platform to modernize bidding and engage more users. We built a scalable web platform that enhanced data processing, increased participation, and boosted sales.
75k
Unique users a month
80%
of phone bids transferred online
300
online bidding yearly
Nerdy Banana
Apparel E-Commerce
Automated custom product configurator for Shopify-run multi-store
Nerdy Banana’s manual order processing hindered their efficiency and customer experience. Happily, we helped them increase conversion rates, delivery times, and sales.
3x
Quicker delivery times
95%
Production lead time saved
98%
Faster file preparation time
Nanobébé
Baby Products E‑Commerce
From Liquid to Headless. E‑commerce Upgrade with Next.js
Nanobébé needed a modern, high-converting store to match their global growth. We rebuilt their Shopify site with sleek UX and faster load times. This made shopping easier and more engaging for parents worldwide.
5/5
Clutch review
117%
increased performance
80%
reduced TBT
Vitamins
Health & Wellness E-Commerce
Custom Node.js apps automating a Shopify-based e-commerce
We automated manual e-commerce operations like product syncing, inventory management, and pricing updates. This helped save time, reduce costs, and improve operational efficiency.
Reduced
Operational costs
Boosted
Customer acquisition
Increased
Scalability
