Naturaily logo with transparent backgroundHomepage

Fast & Scalable Custom Vue.js App for Improving Translation Efficiency

orange, sage, yellow and white graphic elements
Lingohub logo

Country

Germany

Industry

SaaS

Technologies

ReactVue.js

Axios

Sentry

Lingohub project case study cover image

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.

orange circle and sage triangle

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!

Smiling person with short blond hair, wearing a dark shirt, against a light gray background. It's Helmut Juskewycz.

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

Lingohub project illustration

Approach

Providing high-quality development deliverables was rooted in proper analysis of the technological environment we were invited to rework.

Smiling person with short blond hair, wearing a dark shirt, against a light gray background. It's Helmut Juskewycz.

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!

Smiling person with short blond hair, wearing a dark shirt, against a light gray background. It's Helmut Juskewycz.

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

Lingohub project illustration

Most interesting features

orange circle and sage triangle with rounded corners

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.

A digital platform interface for managing translations, with text boxes and navigation icons.

Easier collaboration

Customized Term Base

The Term Base feature ensures text consistency across projects, enabling easy sharing of key terms and standardized translations.

Screenshot of Lingohub Term Base features page, detailing manual and automated entry, power-up suggestions, and flexible term base management.

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.

UI design software interface with text: "Rapidly create and multilingually review your design." Features login and start trial options.

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.

orange circle and sage triangle
Smiling person with short blond hair, wearing a dark shirt, against a light gray background. It's Helmut Juskewycz.

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:

Smiling man with short hair and beard wearing a dark blue shirt, set against a light gray background.  It's one of Naturaily's developers.

Bartosz Zienkiewicz

Senior Frontend Developer

Man with short hair and beard wearing a pink shirt, looking slightly away from the camera, set against a plain white background. It's Tomasz - Head of Delivery at Naturaily.

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

Lingohub logo

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!

Man with short hair and beard wearing a pink shirt, looking slightly away from the camera, set against a plain white background. It's Tomasz - Head of Delivery at Naturaily.

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.

yellow star icon

5/5

Clutch review

300k

API-driven dynamic pages generated

900%

More Top 10 keywords in 1 year

LEARN MORELearn more about n8n
n8n project case study card image

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.

yellow star icon

5/5

Clutch review

90+

Lighthouse

Robust

A/B testing

LEARN MORELearn more about capitalise
Collage of Capitalise website features, including business credit score access, user reviews, and financial templates with diverse individuals.

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

LEARN MORELearn more about urban
Urban project case study card image

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.

yellow star icon

5/5

Clutch review

Custom

search engine

1500+

content items migrated

LEARN MORELearn more about fgs global
Collage of FGS Global professionals with names and titles, featuring the fgs global logo and a search bar for services and insights.

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.

yellow star icon

5/5

Clutch review

70

Fully customizable components

0.9 s

Time to Interactive

LEARN MORELearn more about best it
Best IT project case study card image

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

LEARN MORELearn more about artinfo
Artinfo project case study card image

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

LEARN MORELearn more about nerdy banana
A collage of people holding quirky gifts, with the text "nerdybanana" and "The World's Greatest Gifts Company" prominently displayed.

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.

yellow star icon

5/5

Clutch review

117%

increased performance

80%

reduced TBT

LEARN MORELearn more about nanobebe
Nanobebe project case study card image

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

LEARN MORELearn more about vitamins
Vitamins project case study card image