Official documents such as driving licences, birth certificates or employment contracts require certified translations in order to be recognised abroad. This is exactly where Lingoking comes into play: the company helps people to identify the necessary translations for authorities and then order them quickly and easily via a user-friendly online platform. All country-specific requirements are reliably taken into account.

 

 

Lingoking came to us with a relatively open challenge: the brand profile and online presence were to be sharpened and modernised following the development of a new strategic business direction. In an initial design sprint, we therefore not only developed the new website architecture, but also devised a new brand positioning.

 

  • Website concept
  • Brand Strategy
  • User Experience Design
  • User Interface Design
  • Illustrations
  • Content strategy
  • Technical concept & development
Needs-orientated to the desired translation
 

Lingoking hat sich aus unternehmerischer Sicht dazu entschieden den Fokus künftig auf beglaubigte Übersetzung zu legen. Durch diese strategische Neuausrichtung änderten sich auch die Bedürfnisse der Zielgruppen auf der bestehenden Website von lingoking. Denn Personen, die beglaubigte Übersetzungen benötigen, haben meist eine Herausforderung: Sie wissen nicht, wo sie anfangen sollen. Was brauche ich, wenn ich in Deutschland Autofahren möchte? Wie lasse ich mein Abiturzeugnis übersetzen, sodass es in Amerika anerkannt wird? Im Vordergrund der Konzeption der neuen Website auf Basis der neuen Markenstrategie stand also eine bedürfnis- und anlassorientierte Produktsuche. Diese gibt Nutzern und Nutzerinnen eine schnelle Übersicht über das Angebot von Lingoking. Über einen Shop-ähnlichen Checkout-Prozess können die Übersetzungen dann individuell konfiguriert und bestellt werden.

 

 

A second target group of Lingoking are users who offer translations for other people on a professional basis and therefore use the platform in their day-to-day work. For these so-called "power users", we created a clearly organised login area in which several translations can be managed and edited simultaneously.

Personal dashboard for order overview and data upload 

After commissioning a translation users have full control over their orders in the login area. They can view orders, upload required documents, download and approve the provided translations and monitor the current project status. A useful chat function for direct communication with the translators is available in case of questions.

A user interface that matches the entrepreneurial spirit
 

When we met the Lingoking team for the first time, we immediately realised that this company has a unique spirit and impressive ambition. Their values - approachability, transparency and enjoyment of the product - are reflected in a modern, bold and fresh UI. Complex translation products such as apostilles and bank documents are playfully visualised through individually designed icons, making them more tangible.

 

 

 

Little big CSS animations
 

Small CSS animations were implemented to round off the visual appearance and improve user interaction. These animations provide an appealing and dynamic user experience without affecting the performance of the site. They give the website a modern and professional look & feel and help to make interaction with the site more intuitive and enjoyable.

 

A team together with the customer
 

As Lingoking also has its own in-house development team, we decided to tackle the product development as a joint project. We quickly formed an agile project set-up together with the customer and worked hand in hand in a sprint process. In doing so, we shared our combined expertise. While the Lingoking team focussed on the technical implementation of the internal area, Format D took over the conception of the UX and UI design. We also developed the public area with NEOS and integrated the associated components. We also supported lingoking in structuring the content on the website and maintaining it in NEOS.

Smooth technology
 

By combining these technologies, it was possible to realise a powerful, flexible and visually appealing website that meets both the client's requirements and the users' expectations.

 

 

NEOS with its own CI customised design system
 

NEOS was used as the content management system (CMS) for the design and administration of the content. NEOS offers a flexible platform for creating and maintaining content that can be optimally customised to individual requirements. In order to maintain the corporate identity (CI) of the project, a separate design system was developed. This is fully integrated into NEOS and enables consistent presentation of all content in line with the CI guidelines. Thanks to the flexible design, content can be created and customised efficiently, which significantly improves both the user-friendliness and maintainability of the website.

 

Integration of PrimeVue and Tailwind CSS
 
 

PrimeVue, a UI component library for Vue.js, was also integrated for the development of Vue.js plugins. PrimeVue offers a large number of ready-made, highly functional UI components that enable fast and efficient development. These components have already been successfully used in the login area of Lingoking and have proven their worth there. By combining PrimeVue with Tailwind CSS, a powerful CSS framework, the components could be stylistically adapted and extended to the existing design system. Tailwind CSS enables a simple and consistent design, which further strengthens the visual coherence of the website.

Vue.js plugins for high-performance filtering
 

Specialised Vue.js plugins were developed to improve the user experience when searching for products on the homepage, the product overview and the blog page. These plugins enable high-performance filtering of the displayed products and blog entries, minimising loading times and maximising the interactivity of the page. Users can therefore find the information they are looking for quickly and efficiently. This increases satisfaction and dwell time on the website.