# RedCode Web Design — Full Content Export > Comprehensive export of public content from https://redcode-web.design/ for AI/LLM consumption. > Includes homepage, services, references, blog and standalone pages. > Format: markdown source (frontmatter stripped). Internal links resolve against the site base URL. > Generated: 2026-06-09 > Hugo version: 0.162.1 > Language: en (EN) --- ## About **Arges d.o.o** (RedCode) - Address: Čakovec, Preloška 117, 40000, Croatia - Phone: +385993092121 - Email: info@redcode-web.design - Website: https://redcode-web.design/ - Facebook: https://www.facebook.com/redcode.web.design - LinkedIn: https://www.linkedin.com/company/redcodeweb-design/ - YouTube: https://www.youtube.com/channel/UCfaMUP34gqttv8LX-lnJU9w --- ## Homepage URL: https://redcode-web.design/ Title: RedCode Web Design - Home Description: Professional web development and digital solutions ### Content --- ## Services URL: https://redcode-web.design/services/ List of our services Discover RedCode: Experts in web sites, shoos, mobile app, and business app development, SEO, and internet marketing. ### Mobile application development URL: https://redcode-web.design/services/mobile-application-development/ Short title: Mobile applications Description: 80 percent of our projects are mobile applications. They are either a stand-alone product or part of an extension of an existing business. They are definitely something every serious brand or startup has. SEO description: Boost your brand with Redcode's mobile app development for Android, iOS & more. Elevate your market presence today! Technologies: flutter, figma, kotlin, swift, hasura, laravel, firebase, graphql, mysql, node_js Price range: 1300 EUR ## Mobile application In today's "on the go" technological age, mobile applications are a handy tool to attract new users and thus improve your business. Mobile devices are the most easily accessible source of information and are the means with the highest level of interactivity with the user. ## iOS and Android, and perhaps even more platforms We offer solutions ranging from simple to advanced for all mobile devices, not limited to just "phones", including all operating systems such as Android and iOS, as well as macOS, Windows, and web versions of applications. We can write mobile applications in a language intended for one of the operating systems mentioned above if you need an application for only one platform, such as Java/Kotlin for Android applications or Swift for iOS applications. If you need an application that will be published on multiple platforms, we will develop the application in a scripting language such as JavaScript or Dart, or in modern technology such as React Native or Flutter, depending on the application's requirements. Cross-platform development is often preferred over single-platform development because it allows for the use of a single codebase across multiple platforms, significantly reducing development time and costs. Additionally, it enables easier maintenance and updates, ensuring a consistent user experience across different devices and operating systems. ## Who needs a mobile app? Not everyone needs mobile apps. They are created for three main reasons. **First**, to attract new users, as a marketing tool for collecting points, organizing prize games, offering bonuses just for downloading the app, or similar activities, thus bringing the existing or potential user closer. **Second**, part of the mobile app market consists of functional apps that realistically facilitate business operations or the consumption of services by clients and customers. These include apps through which we directly order a service or product (like taxi apps or mobile shopping apps), apps for inventory tracking, data entry, monitoring the status of goods, and various accounting and bookkeeping apps that are usually for internal use. **Third**, and perhaps the largest part, relates to apps that are products in themselves and provide value to users without the need for additional services. Some examples include: - **Meditation apps**: Help users achieve mental peace and reduce stress. - **Collector apps**: Allow tracking and organizing collections, such as collectible cards, coins, or artworks. - **Cycling route apps**: Provide cyclists with detailed information about routes, maps, and user reviews. - **Tourist apps**: Offer travel guides, information about attractions, restaurants, accommodations, and booking options for accommodation. - **Fitness apps**: Exercise programs, progress tracking, and motivational tools for users. - **Educational apps**: Resources for learning new skills, languages, or knowledge in various fields. - **Personal finance management apps**: Help users track spending, create budgets, and plan financial goals. - **Investment apps**: Allow users to track portfolios, research markets, and execute investments. - **Nutrition tracking apps**: Help users track calorie intake, macronutrients, and plan healthy meals. - **Sleep tracking apps**: Monitor sleep patterns and provide advice to improve sleep quality. - **Photo and video editing apps**: Allow users to create and edit high-quality content. - **Music apps**: Tools for creating music, recording, editing, and sharing music works. - **Event planning apps**: Help users organize events, send invitations, and manage guest lists. - **Social apps**: Connect people with similar interests for socializing, dating, or forming new friendships or consuming content in a physical form. - **Gaming apps**: Various games for all age groups and interests. - **Reading apps**: E-books, audiobooks, and digital libraries. ## How much does one mobile application cost? That's hard to say even for us. We will try to be as specific as possible; We would create a basic marketing mobile application for an initial price of around 2,000.00 euros with VAT, while the price of the most complex mobile applications with many "screens" and functionalities and various connections to separate databases can be over 100.000,00 euros with VAT -om. This is still quite general. **Contact us**, and after just a few sentences describing the functions of your app, we can provide an estimated price range based on our experience, without any obligations. ## What do you actually need when you need a mobile application? A mobile application as a stand-alone product exists very rarely. Almost never. Through the development of mobile applications, whether for the Android or iOS platform or both (most often), we have come to the conclusion that with each application there actually comes a system. The application is usually a part of the system or the main fragment of the system that also requires a part for management, the so-called CMS, a web page for presentation which is a necessary part and an API that ensures that everything works smoothly and exchanges data with each other in "real-time" time. The demands of the market are such that we have found ourselves in such a position where we mostly develop mobile applications, much more than any other product. The largest number of inquiries in general refer to mobile applications. We implement mobile applications in business systems for various purposes. Mobile applications are a "must have" in all segments and certainly one of the directions in which web development is going in general. In the near future, the differences between mobile and desktop devices will disappear. **We are ready for that. Our apps are ready for that.** Our websites are ready for that. For application development, we use advanced Google tools such as Flutter and Flutter for web. Graph QL is a technology that will soon become a synonym for prestige, but to us Grapg QL is a standard. How is it different from say WordPress or some other language? In fact, it is not comparable. Because it is a query language that offers optimized sending and receiving of results, which results in faster information display. It allows us a modular way of working, which in turn allows us very fast delivery times and at .... the lowest price on the market with the highest quality. **Our approach:** The approach to mobile application creation projects is extremely serious because they actually combine all our services into one. It is also necessary to design the database and the communication of the mobile application with them, as well as in most cases the accompanying website, the management system and finally the marketing of mobile applications. Creating mobile applications and defining the prices for creating mobile applications is a series of complex operations, and considering the number of related services it contains. Through years of work, we have developed a number of internal tools to provide the client with concrete information about the fair price and construction schedule in the shortest possible time. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### AI Agents Development URL: https://redcode-web.design/services/ai-agents/ Short title: AI Agents Description: Business process automation with AI agents tailored to the way you work. SEO description: Discover how AI agents automate processes, reduce manual work, and improve control over operational tasks in your business. Technologies: Php, Python, Node_js, Hasura, Flutter, Graphql Price range: 1500 EUR AI is now present almost everywhere, yet in business it is still often used superficially — through fragmented tools and isolated features that create the impression of progress without fundamentally changing how a company operates. Real value emerges only when AI takes on a concrete role within a business process. Not as an add-on that generates content or automates a narrow task, but as a system that helps process information faster, guide workflows, reduce team workload, and bring structure to daily operations. This is precisely the role of AI agents. They can **analyse incoming data, identify the type of request, trigger the next step in a process, assign tasks, and monitor** whether everything is proceeding according to defined logic. In more complex implementations, multiple agents can collaborate to **cover entire operational workflows** and become an integral part of the business infrastructure. For us, an AI agent is not a chatbot that merely “sounds intelligent,” but a **system that executes clearly defined operational steps**: it reads input data, makes decisions within predefined rules, initiates the next action, and hands tasks back to humans when judgment, approval, or exception handling is required. Its value is not measured by the number of generated messages, but by the time it saves, the number of manual steps it eliminates, and the level of control it restores to the team. ## A Solution That Adapts to Your Business **There is no universal AI solution** that works equally well for every business. Every company has its own processes, rules, tools, and friction points where time, focus, and operational capacity are lost every day. That is why we do not approach AI agent development as the implementation of a ready-made template, but as the **creation of a solution tailored to the real needs of the business**. In some cases, this means automating one clearly defined part of a process; in others, it means building a broader agent-based system that takes over multiple interconnected tasks. Such solutions can play an important role in **sales, inquiry handling, administration, internal coordination, documentation workflows, and other operational areas** that are essential to a company’s daily functioning. It is equally important to emphasize the opposite: this service is not the best fit for companies that do not yet have stable processes, clearly defined responsibilities, or reliable data sources. In those situations, the operational logic and data foundation need to be put in order first — and only then should AI agents be introduced. ## Who Is AI Agent Development For? AI agent development is designed for **companies that want to improve business processes, reduce operational workload**, and enable faster, more structured execution of daily tasks. It is especially valuable for businesses that: - **handle a large volume of inquiries**, requests, or internal tasks on a daily basis - operate **processes involving multiple steps**, multiple people, and multiple business tools - **spend too much time on manual data** handling, checks, and internal coordination - want to **speed up operations** without increasing headcount proportionally - want **greater control over statuses**, deadlines, and task execution - want to **standardize the way work** is done and reduce dependence on improvisation These solutions deliver the greatest value to small and medium-sized businesses that want to grow without allowing operations to become slower, more complex, and harder to control. ## What Do You Gain from Implementing AI Agents? Implementing AI agents does not simply give you a new feature or another tool within your existing system. It gives you a **more efficient way of working, more clearly defined processes, and less dependence on manual handling**, repeated checks, and internal back-and-forth of information. The **most common benefits** include: - faster processing of inquiries, requests, and internal tasks - less manual work in repetitive processes - less operational chaos and less time lost to coordination - better visibility over statuses, deadlines, and execution - more consistent execution of standard process steps - greater capacity for growth without a proportional increase in internal workload We do not measure the success of implementation through vague “AI activity,” but through concrete operational metrics: request processing time, number of manual interventions, processing accuracy, number of exceptions, response speed, team workload, and consistency of process execution. ## What Does This Look Like in Practice? **1. Lead Qualification and Sales Preparation** In sales, an AI agent can **automatically process new inquiries** coming from web forms, email, or campaigns, assess their potential, and prepare the next step for the sales team. Instead of manually reviewing each lead, checking data, and deciding who to contact first, the agent can identify the type of inquiry, extract relevant information, match it with existing CRM records, and suggest prioritization. **Based on predefined rules**, it can create a sales opportunity, assign the contact to the responsible person, and prepare a draft response or next action. The sales team spends less time on administration and more time engaging with leads that have real business value. **2. Processing Financial and Administrative Documents** In administration and finance, an AI agent can **take over the routine processing of incoming documents** such as invoices, purchase orders, confirmations, or contracts. Instead of manually transferring data into business systems, the agent can extract key information, verify completeness, compare it with existing records, and prepare entries for ERP or accounting systems. If it detects inconsistencies or rule violations, it escalates the case to the responsible person for review. This reduces manual workload, speeds up document processing, and minimizes operational errors. **3. Customer Support and Service Request Handling** In support operations, an AI agent can **handle the first layer of customer requests**, enabling faster and more consistent resolution. When a user submits a request, the agent can identify the topic, urgency, and issue type, link it with existing data, and immediately provide relevant guidance or open a ticket with a pre-filled summary. Simple and repetitive inquiries can be resolved automatically, while more complex cases are routed to the appropriate team member with full context. The result is faster response times, reduced pressure on support teams, and better visibility into request statuses. **4. Internal Coordination and Task Management** AI agents can also **bring significant value to internal organization**, especially in environments where tasks are distributed across multiple people, teams, and tools. Instead of managers manually reviewing messages and requests to assign priorities, the agent can analyse incoming inputs, classify tasks, assess urgency, and assign them according to predefined rules. It can also track deadlines, send reminders, and flag delays or bottlenecks. This approach reduces operational chaos, accelerates coordination, and improves visibility over execution. **5. HR and Candidate / Employee Request Handling** In human resources, an AI agent can **assist in processing large volumes of job applications**, internal requests, and administrative tasks. For example, it can analyse incoming applications, extract key information from CVs, group candidates based on defined criteria, and prepare structured overviews for the HR team. Similarly, it can route internal employee requests — such as questions about documentation, procedures, or onboarding — to the appropriate channels automatically. HR teams gain more time for interviews, evaluation, and people-focused work, while spending less time on repetitive administration. **6. Operations, Logistics, and Execution Monitoring** In operational workflows, an AI agent can **monitor whether processes are running according to plan** and react when deviations occur. It can track order statuses, delivery deadlines, internal work orders, or the execution of specific process steps. If it detects delays, missing data, or process blockages, it can automatically send alerts, trigger the next action, or involve the responsible person. This is particularly valuable in environments where processes must run accurately, transparently, and without unnecessary interruptions. ## Which Systems Do AI Agents Typically Integrate With? AI agents deliver the greatest value when they are connected to the systems where work already happens. That is why they are most **integrated with business systems, web applications, administrative interfaces, databases, CRM and ERP solutions**, forms, document workflows, and other operational tools. In practice, implementation is often built on top of: - **business systems** and web application development - **administrative and management** interfaces - **CRM, ERP, and CMS** integrations - **databases** and document management systems - **UX/UI design** of operational screens and dashboards - **ongoing maintenance**, optimization, and system evolution Only when these components are properly connected can an AI agent system become a reliable and valuable part of a broader digital ecosystem. ## How Do We Approach AI Agent System Development? A high-quality implementation does not start with technology, but with a clear understanding of the business process that needs to be improved. **Process Analysis** The first step is to understand how the business operates today. We identify bottlenecks, repetitive tasks, points where the most time is lost, and where an AI agent can deliver real operational value. **Defining Logic and Scope** Next, we define what the agent should do, which information it uses, which tasks it takes over, and where human control must remain. At this stage, we place strong emphasis on data security and responsible AI usage rules. **System Architecture Design** We plan how the agent system will integrate with existing tools, data sources, business rules, and operational workflows. This includes selecting the most appropriate models and technical approach based on real usage context. **Development and Integration** Once the structure is defined, we develop the solution and integrate it with the systems the company already uses, ensuring the agent becomes a functional part of the business infrastructure. **Testing and Optimization** Before deployment, we test how the system performs in real-world scenarios, refine the logic, and establish clear rules for edge cases, exceptions, and human validation. **Deployment and Continuous Development** After implementation, the system is continuously monitored, adjusted, and further developed as needed. When appropriate, we introduce it gradually — starting with a pilot scenario or a single process and expanding into a broader agent-based system over time. ## AI Agents That Truly Improve Business Performance Developing AI agents only makes sense when the result is not just another tool, but a better organized, faster, and more efficient way of working. When properly designed, **AI agents can take over tasks that currently consume team time unnecessarily**, slow down execution, and create additional operational strain. The result is not just more automation, but more structure, more control, and more room for growth. If your organization relies on processes that are constantly repeated, require too much manual work, or make it harder to execute day-to-day tasks quickly and consistently, there is a strong chance that an AI-based solution could deliver real business value. If your team spends too much time on repetitive tasks, manual processing, and internal coordination, an initial process audit can clearly show where an AI agent would have real impact, where it would not make sense, and what should be tackled first. **Our approach:** Our approach to AI agent development is focused on what matters most to businesses — less manual work, less operational chaos, and more efficient processes. We do not build AI agents as isolated functionalities, but as solutions introduced precisely where a business is losing time, focus, and capacity on a daily basis. These can be simpler tasks such as processing incoming information and routing requests, but also more complex processes involving multiple steps, multiple systems, and multiple layers of decision-making. In every case, the goal is the same — to speed up execution, relieve the team, and create a process that is more transparent, more stable, and better prepared for growth. That is why the core of our approach is not just building an AI agent, but improving the way work actually flows through the organization. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Webshop development URL: https://redcode-web.design/services/webshop-development/ Short title: Web shop Description: In today's IT age, it is gradually becoming a standard that, in addition to classic sales in a physical store, your sales and business should also be transferred to the Internet! Of course, in the web store. SEO description: Experience cost savings, budget-friendly marketing, and an expansive market. Shift your business online with RedCode's web store solution! Technologies: php, Flutter, Laravel, figma, mysql Price range: 800 EUR ## Advantages of web shop - web store - lower costs since a large part of the process is automated and there is no need for a larger number of employees - the availability of the web shop is from 24/7, 365 days a year without active work monitoring - performance results can be measured and your business can be adjusted accordingly - easy tracking of products, orders and customers from any location and via any device - fast delivery of products to the home address of your customers - unlimited market, especially with new legal regulations - more specific and profitable marketing strategies (marketing) - there is no need to pay monthly rent for office space - easier maintenance of contacts with users using the database - you can emphasize the best and/or most popular products in a very simple way (highlight the ones you want to be noticed) - there is no risk of product theft - you can do quite a lot of orders without stress - faster and easier business development - **and the most important thing - if you are already dealing with a classic store, we guarantee that you will not survive the market competition without a quality parallel web shop - today's customer browses on the Internet and buys in a classic store and vice versa.** > ## RedCode CMS system ### web store management system #### from 799,00 € + VAT We have been intensively developing the CMS system for web stores for a year. The result is a flawless system that works quickly and smoothly at all times, regardless of the amount of items and the number of users, and it has completely unlimited possibilities for expansion if needed. If you still prefer WordPress + WooCommerce, we can develop a web shop on that platform as well, although we do not recommend it at all. RedCode **web store management system**, by default **has the following options:** ### Orders - view, add, delete and update all orders in the web shop - **quick purchase without registration** - amount of orders in the last 30 or 60 days - the number of paid orders and the number of pending orders - sorting orders by order type, delivery person or search by keywords - overview of the individual order with the purchased products, information about the customer and the person to whom the product is delivered, the delivery person, delivery costs, discount coupons, the number of the delivery shipment, PDF order and payment information (type [card, cash on delivery, payment to account] and date) ### Products - view, add, delete and update web shop products - product sorting by name, category, on sale, unavailable, etc. - product search by keywords - The product is defined by name, URL (path), code (barcode), activity, prominence on the cover, on sale (discount), availability, brand, description, price (with/without VAT), SEO (Title, description and keywords), category/categories, subcategory/subcategories, dimensions (height, width and depth), quantity (in stock / minimum order quantity), if there is no product in stock, when the product will be on sale again, whether it is possible order if it is not in stock, related products, images (image gallery of web shop products), virtuality (e.g. graphic elements) ### Categories - view, add, delete and update categories - adjustment of category levels (drag and drop) - defining the name, web path to the category, image, description, active/inactive - sort by name, slug, active/inactive, search by keywords - SEO title, description and keywords - creating discounts for products from that category ### Subcategories - view, add, delete and update subcategories - adjusting the levels of subcategories (drag and drop) - defining the name, web path to the subcategory, image, description, active/inactive - sorting by name, slug, active/inactive, search by keywords - SEO title, description and keywords - creating a discount for products from that subcategory ### Brands - view, add, delete and update brands - defining the name, web path to the brand, image, short and long description, active/inactive - sorting by name, slug, active/inactive, search by keywords - SEO title, description and keywords ### VAT - definition of tax class name, VAT percentage, active/inactive and display on the web shop ### Deliveries - view, add, delete and update delivery people - defining the name, approximate delivery time, web path to check the shipment, active/inactive - sorting by name, active/inactive, search by keywords - free postage, defining the VAT rate and/or class - calculation of delivery according to the total price or weight of the product (according to the thresholds/levels of the purchase price and/or mass of the ordered products) - maximum length, width, height, depth of the package ### Order statuses - view, add, delete and update status - defining the name, active/inactive, of the text that is sent to the customer's email address - sorting by name, active/inactive, search by keywords - whether to notify the user when the status changes, add the order in PDF format to the email when sending, decrease or increase the quantity depending on the status ### Product variations - view, add, delete and update web shop variations - defining the type (possibility of one selection, several, number), name and variation of the product - sorting by name, type, options, search by keywords - variation of the web shop product can be color, size, packaging or similar ### Coupons - view, add, delete and update web shop coupons - defining the coupon code, active/inactive, validity date, specific number of times the coupon can be used on the web shop when making a purchase - sorting by name, validity, etc.; search by keywords - defining price reduction or percentage discount per used coupon - defining a discount for an individual user, category/subcategory or product ### Payment methods - view, add, delete and update payment methods - defining the name of the payment method; order status - sorting by name, active/inactive, search by keywords ### Integration of payment processors (for an additional fee) - integration of payment processors for card payments - PayPal - Stripe - cryptocurrencies - and others ### Connecting the web shop to the cash register (price on request according to the chosen solution) - integration with our cash register or any other - issuing invoices according to the order and type of payment - update of inventory status - update of tax classes - category and sub-category management - discount and rebate management (for B2B) - managing partners and retail customers **Our approach:** When creating a web shop, we primarily think in two directions. If the web shop needs to be created as quickly and cost-effectively as possible, we use our ready-made CMS described above and the theme template defined below. Even though they are in the mentioned, more favorable price range, with ready-made modified templates, it is still a fairly adaptable system much above the classic WordPress + some web shops. Adaptable to the extent that will satisfy 90% of users and accompany them in business for many years. Perhaps the important point is that maintenance of such a web shop is not necessary. If our client is an already established web shop that is also thinking about the integration of the cashier system, a constant connection with suppliers via API and a mobile application, then we think in a different direction - the direction of object-oriented programming languages like Dart, as well as the design of the entire custom made web shop. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Design URL: https://redcode-web.design/services/others/design/ Short title: Design Description: The design of a mobile application or website is the client's first point of contact with the real product in a language he understands - in images. SEO description: The design of a mobile application or website is the client's first point of contact with the real product in a language he understands - in images. Technologies: Figma Price range: 200 EUR ## The importance of digital product design As we keep mentioning, design is the client's first encounter with a visual-real product. Design is not just dry pictures. A high-quality design is interactive and functional. A good design should have possibility to click on buttons and show the client all the scenarios and flow charts through a digital product, whether it's a mobile application, website, management system, fiscal cash register or something else. The design is realized through several preparatory stages and the actual implementation: ## Talking to clients, existing situation or initial idea We appreciate the client's personality, and with an individual approach as well as a conversation, we gather your wishes and vision of the future solution. We want to get a deeper insight into the existing situation or idea, and in complex situations there is a possibility to organize a workshop. Most of all, we like projects where we have the freedom to create and where two colors are initially defined for us, maybe a logo and nothing more, and the rest is up to our designers. Our collected notes are the basis for designing exactly what you imagined. ## Development of a conceptual project The notes mentioned above are actually a wireframe of the design written through words. Most people see words, we are sure that our designers already see pictures there. Based on this, we draw a rough system sketch and present it to you, the client. If the project is particularly complex, a functional specification is drawn up, which in translation would be a design written in words. ## Creating a design and prototype of a mobile application or website For the design itself, we most often use the Figma tool, which offers us the possibility of creating functional prototypes, which the clients love very much, with the possibility of reviewing the design even in the process of creation by the client, and some minor, but important possibilities, such as the creation of a design for a specific platform. When designing, we always follow the guidelines of relevant sources such as Google or Apple, as well as native components and functions that are known to everyone. The use of native components in the form of Material Design or Cupertino Style (for example the Back button) enables new users to navigate through the application very easily. Of course, there are also projects where it is expressly requested that every component be made to order, bypassing all standards. Such a design is most often requested by global companies that are already recognizable through their own visual identity and can afford the same. ## Realization And through the very realization of the project (programming) it is possible to show that some components require visual or functional refinement. Refinements will always be carried out first through the design and delivered to the client for authorization. Also through testing the finished project or some later requests for improvements, the design is changed and refined again. With over ten years of experience, we have concluded that quality design is what makes the difference between a satisfied client and a project delivered on time, and an unsatisfied client and endless refinements on the mobile application or web pages with, of course, a noticeable delay with the target delivery dates, but unfortunately , many still consider design - a waste of time. **Our approach:** Mobile applications or websites' design is always a 'playground' where an idea is transformed into a clearly visible digital product. Design is something that is created after and yet before. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Seo - optimization for search engines URL: https://redcode-web.design/services/others/seo/ Short title: SEO Description: Optimization of your website or web shop so that it appears in front of your competitors! SEO description: Dominate your competition with our SEO services. We optimize your website or shop for top search engine rankings, ensuring you outperform rivals. Technologies: Google search console, Screaming Frog SEO Price range: 200 EUR ## Optimization for search engines Opened **Google or another internet search engine** and typed in your service or product and **couldn't** find your website in the results? Your competition is displayed, but you are not on the first search pages? **The solution to your problems is SEO - website optimization for search engines** where we use various techniques to improve the positioning (ranking) of your website or web store (shop) on search engines ## Organic traffic Using optimization, we increase the number of organic visits on the website! Organic traffic is free traffic and the most important thing for a website to make sales or get subscribers for a particular service. It is achieved by the visitor entering the desired term and visiting your page. Search engine optimization is a long-term process in which it is initially necessary to find the current position of the page and the position of competitors and, through the above techniques, insert your website in front of them in the search results of Google or another internet search engine. The best and most important move to achieve additional organic traffic is high-quality, distinctive and relevant content. **Yes, we can also write web content for you** which is guaranteed to help your position the most. ## Research and analysis Before starting any SEO optimization, it is necessary to research your competition and, if you already have an existing website, analyze its current state. ## Onsite optimization Onsite optimization implies the optimization of all technical matters related to a specific website or pages according to criteria and guidelines in order to better position it on internet search engines, but it still does not guarantee success. ## Website content Adaptation of the existing content of the website according to the desired keywords and recommendations for new content that would contribute to better optimization for search engines. Optimizing existing website content has nothing to do with creating new content. ## Social networks An important factor for search engines are social networks (Facebook, Linkedin, Instagram) and their connection with your website due to the increase of your domain rating. ## Link Building An important factor in search engine optimization is off-site optimization, which is responsible for social networks (eg Facebook, Twitter, Google+) and links, and includes Link Building to increase the importance and authority of the website. ## Professional consulting We provide you with expert advice throughout the entire period of SEO optimization for all types of content related to a website or mobile application. For our more advanced users, we offer the possibility of A/B testing, which shows you whether the user will, for example, click on the green or red button before and whether "Request an offer" is better than "Send an inquiry"? In addition to A/B testing, we also offer the implementation of a heatmap that shows you which parts of your website the user stayed on the most and how they behaved on it! In addition to SEO, we recommend **Google Ads** advertising through which you pay for your position on the Google search engine, so that you appear in front of well-positioned competitors in any case. **Our approach:** When it comes to SEO optimization, we always do technical optimization first. This includes link structure, optimization of images, titles and subtitles, optimization of the code in use and similar things. Still, from experience, in most SEO optimization projects, the MAIN PROBLEM is the lack or lack of quality content. If these are websites, then we can talk about a BLOG and writing articles that are relevant to the services or products we sell, and if it is a web shop, then in addition to the BLOG, the emphasis is on unique and rich product descriptions, often on more language. Creating content is a painful, lengthy and relatively expensive process, but the only one that guarantees success.. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Website development URL: https://redcode-web.design/services/others/website-development/ Short title: Websites Description: A website to represent your product, service or company? Optimized for all devices? SEO description: Creating web pages (web development or design) is Redcode's main service. We offer professional maintenance of all your web content. Technologies: Laravel, Php, Figma, Next_js, MySql Price range: 130 EUR ## The website is a reflection of your personality on the internet If you want to run a successful business and compete on the market, you must take into account the exponential growth of internet service users. If you take a closer look at this fact, you will soon come to the conclusion that the realization of your business goal is almost unthinkable without a series of options, possibilities and functions made possible by a well-made website. Having a website gives you the opportunity to create your company's identity, which contributes to its reputation. In addition to the fact that a well-made website contributes to the company's reputation, your personal business reputation also rises to a higher level. ## Why do you need a website? As already mentioned, the website is your virtual business space where your potential clients come. **How much effort, time and money are you ready to invest in your online business space?** The population of IT literate people is growing. When you need to get some information, you will first look for it on the Internet via a computer or mobile phone. Offers, prices, quality of products and services are compared online, just as you are currently doing. Most of the population does all their communication over the Internet. If you do not have a website where you have posted information about yourself, your company or your services and products, all these people will not find out about you and are not your potential clients. ## Hosting of websites and emails The price of web and mail hosting is not included in the price of creating websites. Each client has the option of setting up websites either on external hosting, not necessarily in RedCode, or with us. The price of hosting basic websites and e-mails is from €30.00 per year on our servers, which we carefully monitor and which are scalable. Scalable servers give you, as a user, an additional level of dynamism. You only pay for what you actually use, and the servers will allocate as many resources to your web pages as they need at a given moment, even when that need significantly exceeds the leased performance. Regarding the physical infrastructure itself, our servers are located on Google's platforms, and thus we get a really high level of reliability. ## Additional features for websites **Additional Search Engine Optimization (SEO)** - Optimization of page titles, optimization of subpage descriptions and optimization of page paths (URLs). **Setting up the Google Analytics code (for tracking visits)** - It is set up so that you can monitor the site visits, see how long users stayed on the website, how many pages they opened before leaving the page, how many users return to the page , from which device they accessed, from which country they come and many other data. **Contact form** - A form through which users can send an inquiry directly from the website to the chosen e-mail address of the site owner. **Setting up a Google map** - An interactive Google map that points to the headquarters or branch office of a company or trade. **Setting up a Google My Business profile** - Display your business on the right side of Google search when users search for services, products, you or a business similar to yours. **Multilingual** - The ability to view the website in another world language so that users from other countries can understand what you want to say. **Website and content optimization** - Optimization of the structure of the website, optimization of the size and quality of images on the website so that the website opens as quickly as possible and users wait as little as possible for it to open. **Setting up a basic Google Ads campaign** - If you have just started doing business, of course you want to be seen by as many users as possible. Paid internet marketing in the form of a Google Ads campaign will do exactly what you expect. [AMP](https://redcode-web.design/blog/what-is-amp/ "What is AMP?") - Google's technology with the help of which the highest page opening speeds are achieved, which was created to speed up web loading page on mobile devices, and brings acceleration on computers as well. [SEO optimization of content (images and photos) or advanced SEO](https://redcode-web.design/services/others/seo/ "SEO optimization of content (images and photos) or advanced SEO") - Adding an SEO description to images and photos serves as an auxiliary tool for attracting potential users through Google image search and optimization of titles and subtitles according to SEO rules. [Internet marketing (Google Ads, Facebook, Instagram, YouTube)](https://redcode-web.design/services/others/internet-marketing/ "Internet marketing (Google Ads, Facebook, Instagram, YouTube)")\- If the basic Google Ads campaign is not enough for you or you want to advertise through other services like Facebook, Instagram or YouTube, [you can see what we offer](https://redcode-web.design/services/others/internet-marketing/ "Internet marketing") **Newsletter** - If you want to inform your customers about new products or services on offer or products on sale, the simplest solution is to send them a notification to their e-mail address. **Our approach:** Our approach to websites and creating websites is first and foremost responsive, as well as are the websites we create. Why? The cheapest product of all that we offer would be the basic START website package. The most expensive product that we can create can also be websites. Admittedly, custom-made websites with hand-designed every detail, with optimizations bordering on the impossible. With a large amount of interactions with external services such as booking or ERP or DMS. We have been creating some of the most complex websites for more than a year. In such systems, what the end user sees is only 10% or even less. Websites are still the most common product we deliver and at the same time the simplest and most demanding. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Internet (digital) marketing URL: https://redcode-web.design/services/others/internet-marketing/ Short title: Internet marketing Description: Google Ads (formerly AdWords), Facebook, YouTube, Instagram, Google Play, App Store advertising... Use the potential! Discover yourself! Customers are looking for you, and they are finding your competition. SEO description: RedCode offers you to use the potential of internet marketing and to increase your sales through Google Ads (AdWords), Facebook, Instagram! Technologies: Google ads, Google analytics, Google search console Price range: 200 EUR ## Internet advertising Do you want your company to be above the competition when **searching through Google?** **We are here to help you achieve that dream**. Maybe you want to show your services or products to users via **social networks** such as **Facebook** or **Instagram** ? The brand has been created for years. ## Google Ads (AdWords) advertising Most users consider Google Ads (AdWords) as an irrelevant and complicated way of digital marketing. Because it is. And that's exactly why it's number one in terms of profitability. It provides the possibility of displaying your ad only when the user searches for the keywords and terms you have chosen, of course if the marketing campaigns are well set up and adjusted. Using Google advertising, you can target a certain group of visitors according to interest, gender, location (street, city, country), age... Google Ads (AdWords) as an advertising method is particularly interesting for new sites/Internet stores because you immediately occupy a great position in the results of relevant search. In addition to targeting, there is also an overview of marketing success through the Google analytics tool, conversion monitoring and most importantly - analytics that provide a clear insight into the areas for improving budget optimization. ## Mobile application advertising As the mobile application market grows, so has the way of direct advertising of mobile applications on their platforms. A high-quality companion website, apart from marketing, serves primarily to tell your story to potential users, so a website is often an integral part of a mobile application development project. Advertising of mobile applications is also possible in all the above-mentioned ways with the important difference that it is necessary to connect the platform with mobile applications in order to confirm ownership as well as to expand the possibilities of user tracking and analytics. A particularly interesting part of mobile application advertising is deep links, which allow you to take even existing users of your application directly to the purchase screen in the application itself. ## Facebook advertising Facebook advertising is a great way to create a brand for your company or the services you offer! With affordable advertising prices, target a specific group of users by age, gender, location, personal interests or by visitors to your website. Social media marketing is easy to set up and there's a clear reason for it - to drive users, you, to spend. Expecting to get that important traffic, traffic that generates sales (conversions), through social networks is usually unrealistic, but it is certainly a good channel for building recognition (brand). Most often, unrealistic does not mean that it is always so. However, there are activities that are made for social networks. Some of them would be web shops with fashion content, cosmetics, service websites aimed at booking reservations for accommodation or social events such as concerts and of course most content (services) that end customers can consume digitally. ## Youtube advertising Youtube advertising - those annoying little videos that you can skip after a certain number of seconds. Yes - it's YouTube advertising. Your video or text ad can also appear there. It is paid similarly to Google Ads, i.e. by views or clicks. Some types of products and services are great for YouTube advertising, while others are not. YouTube advertising is performed through the Google Ads tool. We most often use it if the client has video content that can achieve a direct presentation or sale. ## Instagram advertising Instagram advertising, as well as Facebook advertising, is a great way to present your company or service, but in a casual way with the help of photos and videos. The daily increase in the number of users offers you the opportunity to improve your brand and create a stronger relationship with your customers! The goal of advertising can be to increase visits on the Instagram profile or website! ## Google Analytics Google Analytics is a tool through which we can find out everything about the visits on your website or application and use it to analyze how to determine the market and budget in order to optimize your Internet campaign! Analytics must be connected to other tools, websites, mobile applications or other content that we want to monitor. If you are not familiar with Analytics, it may be better to leave the analysis to us. **Our approach:** We do not have a concrete approach to the marketing project. It primarily depends on the type of product we need to advertise as well as the goals of the marketing campaign. After getting to know the client himself, we also get to know his competition and then do planning based on the monthly budget. Marketing for less than 30 days does not make sense because all campaigns during that period are in the phase of "learning" and adjustments in order to isolate the one with the most effect for the least amount of money. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Accommodation rental system URL: https://redcode-web.design/services/systems-applications/accommodation-rental-system/ Short title: Sustav za iznajmljivače Description: Unlike a website for advertising apartments, hotels or villas, the system provides more functionalities. It enables connections to external channels for managing reservations, guest check-in via eVisitor, management of guest accounts, calculation of reservations according to a special taxation procedure (PPO) for agencies as an option... SEO description: If you have decided to start renting accommodation in tourism, the RedCode rental system for landlords, hotels, and villas is all you need. Technologies: php, Flutter, Hasura, Figma, MySql Price range: 26 EUR ## RedCode System for Accommodation Providers in Tourism In our offer, there used to be a **website for accommodation providers**. Over time, we have improved the creation of websites for accommodation providers to such an extent that it is no longer just a website but a complete system. Such a system offers you much more than a page where you advertise apartments or similar. Today, we are at the position where we can conclude that everything you need for quick, legal, simple, and efficient business operations is our system. In order for the system to be comprehensive, it must contain all the tools you need: the ability to **reserve and pay** for a specific accommodation unit, synchronization of reservations with large internet apartment booking services such as **Booking.com** or **Airbnb**, **invoicing**, and **guest registration** in the **eVisitor** system directly from your website. The exact list of system **capabilities** is listed below. **We would like to emphasize** that the system is completely scalable and can be adapted to small and large accommodation providers in tourism, even by adding functionalities that are not listed below. - For the implementation of channels like Booking.com, the client is required to provide the API and access data for connection. The same applies to connecting to the eVisitor system and similar external systems. ### Management of accommodation capacities An example of accommodation facility management - overview, addition, deletion, and updating of content in multiple languages - sorting of accommodation units according to name, keywords, location, number of adults and children - defining pricing based on dates/periods with variable accommodation prices (seasonal pricing) - adding/deleting/updating a gallery with rich multimedia content (pictures, video, virtual tour) - adding/deleting/updating features of the accommodation unit and location - defining location and SEO title and description to improve search engine ranking (Google) - viewing availability calendar and exporting statistics in .pdf format - viewing and managing channels to which the object is connected - viewing and managing the category and subcategory of accommodation capacity - viewing and managing specifications of the accommodation object - viewing and managing amenities offered by the object - viewing and managing additional costs of the object, such as final cleaning - viewing and managing distances from the object, for example, distance from the coast or city center - viewing and managing interesting locations near the accommodation capacity - viewing and managing rooms of the object (number of bedrooms, living rooms, bathrooms, etc.) - viewing and managing sales policies of the lessor - viewing and managing contracts with the owner (if it is an agency) - managing Check-in and Check-out times - overview of occupancy of the tourist facility or accommodation unit - management of related tourist facilities - management of landmarks near the tourist facility - management of distances (e.g. from city center or beach) from the tourist facility - free closure of available dates due to unforeseen events ### Managing reservations for tourist accommodation units Example of reservation management Example of reservation management - overview, adding, deleting and updating reservations - automatic distribution of reservations by channels (own, private, direct, from channels) - overview of reservations via a calendar - overview and editing of reservation items - data about the reservation holder - guest access to an interactive voucher for their reservation - review of guest reviews related to a specific reservation or accommodation unit (selective display of reviews on websites) - overview and management of notifications related to the reservation (automatic emails or guest emails) - number of paid reservations and number of reservations on hold - sorting reservations by status, accommodation unit, or searching by keywords - overview and updating of reservation periods, status, number of persons (adults, children under 12 and over 12 years old), guest details - voucher (link) for guest access to the reservation - review of reservation log records - overview of payments related to the reservation (deposits or full reservation amount) and overview of the payment method for the reservation - review of reservation prices and automatic calculation of prices and amounts to be paid - overview of the reservation calculation method (if it is an agency) - possibility of self-check-in to the accommodation unit (through the voucher) - possibility of delivering safe codes or WIFI passwords through the voucher - management of tourism reservation statuses (paid [according to the type of payment], paid deposit [according to the type of payment], on hold, canceled, canceled...) - every change in reservation status is synchronized with related channels - **fiscalization** of card payments in accordance with the Fiscalization Act - cash register system for cash payments as an option ### Automatic notifications via email for guest, host, and agency - new reservation and status (paid deposit, paid full amount) - notification of successful or unsuccessful payment during reservation - different notifications for different payment methods (credit card, bank transfer, channels) - reminder for payment of remaining amount (if only deposit is paid) - canceled reservation by guest, host, or agency - reminder for approaching guest arrival date - welcome notification for guest - notification with guest information for self-check-in (if defined) with door PIN and safe CODE - request for review of stay from guest after their stay in the accommodation. ### Guests/eVisitor Example eVisitor - view, add, delete and update guest reservations - sorting the guest by first and last name, address, email, phone or search by keywords - review and update of guest data (name, surname, address, email, telephone, impression, gender, number and type of document) - guest registration on eVizotor as an option - guest book, which is a mandatory document - editing eVisitor login according to guest or reservation ### A special offer of accommodation prices on the websites of the tourist accommodation rental companies Special offers - view, add, delete and update the content of special offers or promotions - sorting of special offers by name, keywords, number of adults and children - price definition according to the date/period of the special offer - display of special offer accommodation facilities in the slider on the web pages - defining SEO titles and descriptions that help better ranking on search engines (Google) ### Multilingual websites - the possibility of independently entering translations into other languages for all dynamic content such as object descriptions, blog articles, the about us section and the like ### General pages on websites - general pages are considered to be all informative pages such as About Us, General Terms and Conditions, Privacy Policy, Payment Methods, FAQ and similar - view, add, delete and update page content on the landlord's website - adding/deleting/updating a gallery rich in multimedia content - defining SEO titles and descriptions that help better ranking on search engines (Google) ### News/blog Blog - view, add, delete and update content - adding/deleting/updating a gallery rich in multimedia content - defining SEO titles and descriptions that help better ranking on search engines (Google) ### Title Slider on the website - view, add, delete and update sliders - possibility to define title and subtitle text - CTO button ### Cash register - view, add, delete and update all receipts and expenses - statistics and sorting of receipts (cash, cards, advances and transactions) and expenses according to desired periods - calculation of reservations according to PPO for Agencies - calculation of reservations with portal costs according to portals ### Accounts - view and add all accounts and export to .pdf format for printing - statistics and sorting of accounts according to desired periods - view, add, delete and update pre-defined account items - **review and fiscalization of accounts** ### Offers for guests Offers for guests - creating an offer for an accommodation tourist facility independent of the seasonal price list - statistics and sorting of accounts according to desired periods - view, add, delete and update pre-defined account items - **sending an offer to the guest's email with one click directly from the system** - export of offers in .pdf format - the creation of offers can be configured so that it temporarily closes the available appointment at the accommodation facility until the offer is accepted or rejected by the guest ### Statistics Statistics Statistics of accommodation capacities - overview of statistics by Renter - overview of statistics by accommodation capacity - overview of occupancy - overview of guest statistics - review of financial statistics - overview of profitability - all statistics views can be filtered by date from - date to - possibility to export statistics in .xls or .pdf format ### For agencies - Renters and management of Renters Management of renters - creation, editing, deletion of renters - management of types of Contracts and in general Contracts with landlords - deactivation of the landlord - review and management of locations and facilities of partner renters - overview and management of the lessor's sales channels - review and management of the general information of the landlord - **portal for partner renters - own login to the system and overview of own facilities and reservations** - automatic notifications to renters related to their reservations - division into legal or natural persons - issuing invoices in the name and on behalf of the renter - overview of payments to the lessor and obligations towards the lessor ### Additional possible implementations - **implementation of eVisitor in the system** - **synchronization of reservations and unavailability of apartments/rooms with services Booking.com, Airbnb...** - **synchronization of reservations and unavailability of apartments/rooms with Google calendar** - **implementation of card payment with the basic payment method (Paypal, payment to the account)** - **connection to a giro account for synchronizing payments or the ability to upload a bank statement** - simple connection with Mailchimp for sending newsletters - **possibility of training for using the system for renters of accommodation capacities** - **any other implementation at the request of the Client** - **the possibility of creating accompanying mobile applications for viewing and managing reservations anytime and anywhere** **Our approach:** In tourism, we distinguish between landlords who rent out their own facilities and agencies that rent out other people's facilities for a fee. Landlords who rent out their own facilities are a slightly "easier" category because they do not need to calculate reservations according to a special taxation procedure. That is also our approach. The rental system we offer is capable of meeting the needs of both independent tourism landlords and the largest agencies with thousands of accommodation units. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ## References URL: https://redcode-web.design/references/ The list of completed projects is getting longer every day. Every day we are more experienced and more specific. We continue to look forward to every new challenge. **Give us a challenge, and we will meet your expectations!** ### Sunčana vura URL: https://redcode-web.design/references/airline-tickets-gds-application/ Description: Modernization of the airline ticket processing system and development of a business web application SEO description: For Sunčana Vura, we developed a web application for airline ticket processing, integration of Galileo and Amadeus data, and modernization of the travel operative. Technologies: sustavi-aplikacije, app-design For Sunčana Vura, we developed a modern business system for viewing, administering and processing airline tickets through the development of a custom web application for the travel agency. This involves the modernization of an internal tool that has been an important operational link between the GDS system and the daily work of agents for years. The old application retrieved reservations from Galileo, displayed ticket data, loaded some AIR information and supported basic administrative tasks. Over time, industry formats changed, the amount of data grew, and the existing solution could no longer reliably keep up with the pace of daily work. That is why this project was not created as a visual refresh, but as the creation of a stable and long-term sustainable system that interprets complex GDS data accurately and displays it to users clearly, quickly and consistently. The most important thing was to maintain the existing way of working. The processes remained the same, but the tool that supports them changed. The result is a web application that facilitates operational work, increases system reliability and creates a solid foundation for further development. ## 1. Starting points and analysis The analysis focused on three questions: - how the system reads and interprets data - how it displays it - how agents use it in real work The challenges were: - work with two different GDS sources: Galileo and Amadeus - different and uneven data structures - outdated architecture of the old system - an operational team that works quickly and under pressure - the need not to change the processes, but to modernize the underlying technology The conclusion of the analysis was clear: the problem was not in the users or in the process, but in the fact that the old system could no longer keep up with the actual rhythm of work. It needed a system developed to work with GDS systems such as Amadeus and Galileo that can also accept manual unaligned entries from travel agents. An example of the development of a business web application that integrates multiple data sources and is adapted to work in real time. ## 2. Data sources ### 2.1 Galileo XML Galileo delivers data in XML format. Although it is formally structured, it contains a large number of elements that are used only in special situations. The new solution therefore ensures: - stable reading of XML - precise interpretation of key elements - data alignment before display - display that respects the logic of the original channel The system does not simplify Galileo “by force”, but translates its complexity into a consistent and understandable representation.. ### 2.2 Amadeus AIR files AIR is a much more demanding format. It is a textual industry standard in which the meaning of a single value often depends on the context, preceding lines, and business rules.. Therefore, a separate Node.js API has been developed that: - reads AIR directly from the agency system - parses data according to official Amadeus documentation - normalizes it into a structured format - ensures accurate interpretation of prices, passengers, FOM values and issuance labels Correct reading of AIR is one of the key elements of professionalism of the entire system. ### 2.3 Amadeus printer output (TTY) TTY output looks like plain text, but in practice relies on strict rules and meanings derived from position and context.. The system therefore uses a dual approach: - displays the printout in the original format familiar to agents - in the background, extracts and structures key information needed for further work This maintains the familiar user experience, while still providing the system with the data it needs for processing and control. ## 3. What was the problem with the old system The old system was not a problem because the process was bad, but because it could no longer keep up with changes in formats and the growth in the amount of data. The main problems were: - unstable interpretation of XML and AIR data - rigid and difficult to upgrade architecture - partial support for TTY format - interface that became difficult to maintain over time - performance degradation with larger data volumes The consequence was that part of the technical burden began to be shifted to users. ## 4. How agents really work The agent does not think about parsers, XML or AIR. He needs a clear overview from which he can read what is important in a second. That's why the new system is designed around the real way agents work: - predictable information layout - clean and stable table - logically grouped data - fast visual scanning - consistent display regardless of data source The best UI in the travel operating system is not the one that attracts attention, but the one that the user hardly notices because it works exactly as expected. ## 5. Solution architecture The architecture is set up to keep all the complexity of the GDS format in the background, while the user interface remains simple and calm. Key principles: - Galileo and Amadeus remain logically separate - Node.js API handles AIR and TTY formats - Flutter CMS displays data in a stable and consistent form - Administration and operations work within the same interface It allows changes in data sources to be absorbed in the backend layer without disrupting the user experience. ## 6. UX and design philosophy The UX was developed for working under pressure and with a large number of records. The goal was not a visual effect, but clarity and reliability. The interface is built on: - clear typography - controlled information density - repetitive structures - minimal amount of colors - clear distinction of data sources A particularly important functionality is automatic refresh every five minutes. This way, the user works with current data without manual intervention, and the system remains “fresh” without interrupting the workflow. ## 7. Important system functionalities ### 7.1 Tickets overview The system's central screen displays reservations and key data in a single table, giving the agent a quick overview and minimal workload. ### 7.2 Separate source display Galileo and Amadeus are displayed separately and clearly marked, thus reducing the risk of misinterpretation and maintaining the transparency of data sources. ### 7.3 AIR information overview After parsing and normalization, AIR data is displayed in a readable form, without the need for the agent to manually read complex text files. ### 7.4 Printer integration TTY output remains visible in the original, with parallel extraction of key elements for structured display and data verification. ### 7.5 Filtering and searching Quick search and filtering by key fields allow the agent to find the requested booking in seconds without losing focus. ### 7.6 Administrative functions Entering and editing merchant values, URA/IRA numbers and notes are unified within the same system, without the need for parallel records. ### 7.7 Pivot and export The system allows exporting to Excel and working with pivot views for accounting, reporting and internal analytics purposes.. ### 7.8 Automatic and manual refresh Data is automatically refreshed every five minutes, and the user can immediately start a manual refresh if necessary.. ### 7.9 Manual entry of reservations and tickets The system also supports manual entry of records that do not come from the GDS, which leaves a single place of record even in exceptional situations.. ## 8. CMS and administration CMS is a central place where data is supplemented, harmonized and administratively processed. Its role is to transform technically retrieved data into business-useful information. Enables: - review and correction of key data - entry of administrative values - keeping notes - manual entry of reservations and tickets - central record of changes and decisions Work that previously took place through additional Excel and auxiliary tools is consolidated into a single interface. ## 9. Security, stability and sustainability In a system that processes reservations, tickets, and financial data, stability is not an added value but a basic prerequisite for operation.. Stability is achieved through: - processing of complex formats in the API layer - data normalization before display - separation of Galileo and Amadeus logic - controlled processing of TTY output - modular architecture that allows for upgrades without breaking the whole Such an approach allows for safe system growth and adaptation to future changes in the industry. ## 10. Future development The system is designed to support further expansion without rebuilding the foundation. Potential upgrades include: - adding new GDS channels - expanding analytics and reporting - new specialized views within the CMS - additional administrative functions - integration with financial and ERP systems - more advanced segmentation by customers and partners - automated validations and additional business rules The value of the system is not only that it solves today's needs, but also that it leaves room for future development without losing stability. ## 11. Conclusion The modernization project for SUNČANA VURA shows how a complex business system can be technologically upgraded without changing the established way of working. New solution: - accurately interprets complex industrial formats - reduces the user's operational load - combines review, administration and processing in one place - creates a stable foundation for further development For users, this means faster work, fewer errors and more confidence in data. For the organization, this means a long-term sustainable system that can grow along with the business. If you are thinking about modernizing internal tools or developing a business application that must be stable, precise and sustainable in the long term, RedCode is available. We apply this approach in the development of other business applications for clients who work with complex data and operational processes. --- ### KontoMobileOS URL: https://redcode-web.design/references/konto/ Description: From Paper to Mobile: How KONTO Digitalized Asset Inventory. SEO description: We developed a mobile app that digitalizes inventory, connects ERP and field operations in real time, with an offline-first architecture and top security. Technologies: sustavi-aplikacije, app-design, izrada-mobilnih-aplikacija Inventory management of fixed assets has always been essential — yet also one of the most demanding operations within any business system. In theory, it’s simple; in practice, it’s often slow, inaccurate, and burdened with paperwork, spreadsheets, and manual data entry. Field teams collect information, while administration later processes and reconciles it with the database. Every error or delay means a loss of time, resources, and trust in the accuracy of company records. Out of the need for **reliable and real-time asset control**, KONTO Mobile OS was developed — **a mobile application for Android and iOS** that transforms traditional inventory management into a digital, automated, and fully synchronized process. The application connects the field and the ERP system in real time, enabling easy asset management and automatic data exchange between users and the central database. Thanks to its integration with a CMS, app content can be updated without redeployment, maintaining full consistency with business rules. The result is the kind of inventory process it should have always been — **simple for the user, accurate for the system, and entirely paper-free**, eliminating manual entries and waiting for “ERP imports.” For administrators, this means **instant insight** into asset status across all locations. For field staff, it means conducting the entire process **without paper, laptops, or constant internet access**. The project was developed in close collaboration with the KONTO team, with a clear vision: to create a tool that adapts to the workflow of people in the field — not the other way around. At the core of the system lies an **offline-first architecture**, ensuring that the application works reliably even without an internet connection. Data is temporarily stored locally and automatically synchronized once a connection becomes available. This approach achieves complete independence from network conditions — allowing real-time inventory operations even when offline. The system’s technical foundation combines the **Flutter frontend with the KONTO backend**, connected through **REST API functions** and secured by HTTPS protocol and SSL certificates. All data is exchanged in **JSON format**, while REST API functions ensure bidirectional integration between the mobile application and the central database. Security is implemented through a **multi-layered user validation system**, automatic certificate renewal, and audit logging of all activities. Every login, update, and synchronization is recorded accurately and transparently, establishing full control over the entire process — from user authentication to the final inventory report. KONTO Mobile OS is not just an application; it is an extension of the KONTO ecosystem — connected, secure, and always up to date. The design and user experience follow the philosophy of **“minimal touch, maximum efficiency.”** The interface is optimized for field use: large buttons, clear labels, and visual indicators allow users to navigate intuitively without additional training. In a world increasingly driven by data, the KONTO Mobile OS application sets a new standard for digital asset control — a simple, secure, and fully synchronized system that connects people, locations, and data into one unified process. ## System Modernization: From Business Process Analysis to Stable Implementation To ensure that this **mobile inventory application** truly enhances day-to-day operations, the project began at its most fundamental point — by understanding existing business processes and the real-world challenges faced by field users. Together with the KONTO team, we analyzed the entire inventory workflow: from retrieving data from the ERP system, through asset identification and scanning, to synchronization and generation of the final report. The goal was not to “build something new” at any cost, but to **modernize the existing architecture** and connect it with a new, faster, and more secure mobile experience layer. In other words — not to rebuild, but to improve. Modernization was achieved through a **business system architecture** that connects the existing ERP with a mobile application integrated with a CMS, resulting in full digital connectivity without reconstructing the system’s core. The **integration between the CMS and the mobile application** ensures that every change in inventory rules or content becomes instantly visible to users in the field. The new application was designed to be an extension of the existing system — but with an experience that is **fluid, intuitive, and fully independent of network conditions**. ### From Business Analysis to UX Prototype of the Mobile Application In the first phase of the project, **wireframe prototypes** were created to simulate the complete user flow: login, location selection, asset search, barcode scanning, quantity entry, and disposal suggestion. Through **focus group testing**, we defined the screen logic, element sizing, and action sequence to ensure that key functions were always accessible with a single tap. This level of planning allowed the application — even in its first version — to deliver a UX that truly reflects the rhythm of fieldwork: fast, clear, and free of unnecessary steps. Modernization was implemented through a **business system architecture** that connects the existing ERP with a **mobile application integrated with a CMS**, achieving complete digital connectivity. The integration between the CMS and the mobile application ensures that every change in inventory rules or content becomes instantly visible to users in the field. Potential challenges were identified and resolved as early as the design phase, which later **accelerated development and reduced the number of implementation corrections**. The result: **more stable code, shorter testing cycles, and a smoother rollout** into production. ### Development and Integration with Existing Systems After the design validation phase, development began with a focus on **enhancing the existing digital framework**. The main challenge was to ensure seamless communication between the mobile application and the KONTO ERP system, without the need for manual entry or post-synchronization of data. The development cycle included: - **Frontend development of the mobile application** – optimized for Android and iOS, with a strong focus on mobility and field usability. - **Backend integration with KONTO ERP API services** through secure REST API functions, enabling bidirectional data exchange in JSON format. - **The Android and iOS applications with backend integration**, built in Flutter, connect to the ERP system via a secure REST layer, while the integration between the CMS and the mobile app ensures that all updates and content are instantly visible to users. - **An offline-first architecture** that allows uninterrupted operation even without an internet connection — all data is stored locally and automatically synchronized once the network becomes available. Every change made in the field is instantly reflected in the database, resulting in an **accurate, fast, and transparent inventory process**. ### Performance and Sustainability Optimization To ensure the system remains stable, predictable, and ready for future upgrades, three key components were introduced into the development process — forming the foundation of a modern DevOps approach: - **Caching** for faster performance and fewer API calls – reducing resource usage and speeding up data rendering even with large datasets. - **Automated testing** of every new app version to guarantee stability and compatibility before release. - **A Continuous Deployment (CD)** system that enables automatic delivery of new builds without manual deployment or service interruptions. For administrators, this means faster iteration cycles and shorter response times to changes, while for users it ensures a **stable, always up-to-date application** that’s ready for use at any time. ## Technological Framework and Security Standards of the Solution The system was developed on an architecture that combines the **stability of enterprise solutions with the agility of mobile applications**. Built on **Flutter and REST API integration** with the KONTO ERP, it enables precise synchronization and future scalability without reconstructing the backend. Administrators can manage content without redeployment, while the system remains **reliable, flexible, and capable of handling thousands of entries**. ### Flutter – One Foundation, All Devices By using the **Flutter framework**, developed for parallel operation on Android and iOS, the project ensures a unified user experience **without compromising performance**. The advantages of this approach are numerous: - **Consistent design and performance** across all devices. - **Faster rendering and smooth animations**, giving users the feel of a truly native interface. - **Shorter development cycles** and easier maintenance for future updates. In applications used across diverse environments — from offices to warehouses and production facilities — **visual consistency is not merely an aesthetic choice but a matter of reliability**. ### Security Layer and Authentication The protection of business data was established as a **core principle of the project**. Communication between the mobile application and the ERP system is conducted via encrypted HTTPS/SSL protocols, with automatic certificate renewal. Even when the application is used outside internal VPN networks, security remains uninterrupted thanks to encryption and verification of every single request. The multilayered architecture enables: - **Full access control** based on user roles, - **Secure storage** and transfer of all data, - **Audit traceability** of every login, modification, and synchronization, - The ability to **precisely track and analyze every activity** through detailed logs. ### Cache Mechanism – Speed, Stability, and Offline Operation One of the most effective enhancements to complex mobile applications is the integration of an intelligent caching mechanism, which temporarily stores data in the device’s local memory. This delivers three direct advantages: - **Faster app performance** and quicker screen loading, as frequently used data is retrieved locally. - **Reduced number of API calls** and lower server load, resulting in greater system stability. - The ability to **operate without an internet connection**, with automatic synchronization as soon as the connection is restored. Thanks to a clearly defined synchronization algorithm, the application always knows which data is “fresh” and which require an update. ### Automated Testing and Continuous Delivery To ensure every version of the application is **verified before it reaches users**, an automated testing system was introduced into the development process. The tests cover all key functionalities — from login and authentication, through offline operation, to synchronization and data validation. Built on top of the automated testing layer is a **Continuous Deployment (CD) system**, which enables the **instant delivery of new versions** without manual deployments or downtime. Development thus became **iterative and maintainable** — every upgrade passes verification, and users always receive the latest, stable app version. ### Monitoring Performance and Data-Driven Optimization Crashlytics and Google Analytics are integrated into the system to monitor performance, errors, and user behavior patterns in real time, allowing for: - Immediate **crash and error tracking**, - **Analysis of feature usage** frequency, - **Optimization of the interface and performance** based on real-world data from the field. Such a **data-driven maintenance approach** ensures development based on real needs, not assumptions. ## Mobile App Design that Follows Business Logic In business applications, design does not exist for aesthetics, but for efficiency. When technology is used in operational environments — in a warehouse, an office, or in the field — the interface must be unobtrusive yet perfectly intuitive. This is why the design of KONTO Mobile OS stems from the real work habits of staff who handle fixed assets every day, strictly adhering to **Google Material Design principles and best UX practices** for business apps. ### UX Logic — Inventory Without Extra Steps The task was to enable the entire inventory to be completed in a few logical, simple steps — without tutorials, explanations, or unnecessary taps. This chosen approach defines **our mobile app design**: functional, clean, and adapted to varied working conditions, where the mobile app must remain equally usable in the office, warehouse, or field. The app’s UX structure was defined through **interactive prototypes built in Figma**, tested with real users before development began. Based on feedback, the workflow, load speed, and placement of key elements were optimized so the user completes tasks in a natural rhythm — without pauses or extra cognitive effort. The application guides the user clearly and intuitively, responds to every action, and visual feedback always confirms system status — whether it’s a successful entry, synchronization, or temporary offline operation. Offline status is displayed via a subtle banner indicating the app is currently offline, while an unsent-readings indicator always provides synchronization feedback. Through these UX signals, the user keeps full focus on the task, without needing to think about the interface itself. The goal was not to teach the user a new process, but to **turn the existing way of working into a digital experience that feels familiar and logical**. ### UI Design The visual interface is designed to be **professional, clean, and consistent**. Colors and typography derive from KONTO’s corporate identity, creating a recognizable yet neutral visual language that doesn’t distract from content. The interface uses a responsive layout tailored especially for low-light conditions or field work. ### Design as an Extension of Functionality The design of KONTO Mobile OS is not merely visual — it **actively contributes to speed, efficiency, and accessibility**. Every transition, animation, and element is optimized to minimize load on both the device and the user. The interface remembers inventory state, location, and permissions, while card-based layouts and clear contrasts enable work in varied conditions. We didn’t aim to impress — we aimed to deliver a design that makes the job easier: unobtrusive yet effective. ### Values Achieved Through the UX/UI Approach - **Design that adapts to users**, not the other way around. - **Optimized flows and responsive performance** in all conditions. - **Consistent brand identity** that remains flexible. - An **interface that creates an experience**, not an obstacle. ## Precision, Security, and Uninterrupted Operation Every organization has moments when precision is measured in seconds, and trust in data becomes the foundation of every next step. In inventory work, that’s the moment when physical reality must become a number — accurately, securely, and without interruption. This is why this **Android and iOS mobile inventory application** was conceived as a digital mechanism that maintains the rhythm of operations: precise, secure, and continuous. ### Login and Authentication — A Secure Entry into a Stable System Every digital process begins at a point of trust — the user’s identity. In developing this mobile application, we didn’t want login to be a mere formality; it is the **foundation of the entire system’s security and consistency**. Login is fast, secure, and reliable even without an internet connection, and every session carries a unique trace confirming authenticity and time of access. Only authorized users can access the system, and every action is recorded in the audit log. Features of this module include: - **Two-factor authentication** — identity verification combines a user account and device ID, preventing access misuse. - **Offline access** — if the network is unavailable, the app uses locally stored credentials and allows temporary work with limited permissions. - **Secure communication** — all data travels through the HTTPS/SSL layer with automatic certificate renewal. Security becomes invisible yet ever-present — a mechanism that safeguards the rhythm of work without interrupting it. ### Inventory — The Digital Asset List The Inventory module in the **Android and iOS mobile application** enables precise asset recording with real-time synchronization and complete traceability. At the heart of every asset management system lies a simple yet demanding task: identify, record, and confirm every item — accurately, quickly, and without error. Users can scan the barcode of any area or asset, record its status, add a photo, and enter a serial number or quantity — all within the same flow. The application automatically attaches a timestamp, user ID, and geolocation so that every item becomes a reliable record. In the background, the system tracks everything — from the moment of entry to confirmation in the ERP. If the device loses connectivity, the process doesn’t stop: **the app switches to offline mode**, stores all readings locally, and automatically synchronizes them as soon as the connection is restored. Inventory module features: - **Hierarchical location structure** — work aligned with real business models: location → building → room. - **Smart scanning** — area and item barcodes are read via camera or an integrated scanner. - **Automatic metadata logging** — every entry includes date, time, user, and location. - **Visual documentation** — the option to add a photo for each asset for control and proof of condition. - **State and status** — quick asset tagging (active, damaged, for disposal). - **Offline-first operation** — data is stored locally and synchronized once the network is available. Ultimately, inventory ceases to be an administrative burden and becomes a tool that provides a **clear, measurable, and complete picture of assets**. ### Integration with the ERP System and API Functions Integration with the existing KONTO ERP system is not a separate module, but the central artery through which the entire inventory process flows — **from preparing lists to confirming entries**. The system’s backend and frontend are connected via a secure REST API layer, enabling real-time, bidirectional data exchange. When a field worker records an item, the change is available in the ERP almost instantly. The reverse is also true — any new data or update in the administrative system is immediately reflected in the mobile application. This creates **full synchronization of business reality**: all participants see the same information at the same time, without manual transfers or waiting. Data passes through security checks, access-rights validations, and business rules, ensuring that only correct and complete information enters the system. The backend recognizes and resolves possible conflicts (e.g., when two people enter data for the same item simultaneously) and automatically selects the valid version according to predefined rules. If the application is operating offline, the integration layer acts as a “buffer” between the user and the ERP: all changes are stored locally, and the API automatically reconciles them when the network is restored. The process is seamless — the user simply continues working, while the system handles synchronization, confirmation, and writing to the central database in the background. Data travels along a single path, without bottlenecks or duplicates; **backend and frontend become parts of a single whole**. ### Offline-First Architecture and Caching In field operations, networks are rarely perfect. Signals drop, connections fail — but work must continue. **Offline-first architecture is the right answer** — a concept that treats lack of internet as a normal working scenario, not an exception. The app is built so that all essential functions remain available even when connectivity is temporarily unavailable. **The Android and iOS app connected to the backend** uses caching and outbox mechanisms to ensure stability and synchronization even when offline. In the background, the **system uses an intelligent cache** that stores all relevant data locally: inventory lists, locations, rooms, and user settings. Users don’t have to wait for loading, and every change is recorded locally while the app quietly waits for connectivity to resume. As soon as the network is available, data synchronizes automatically — without manual steps, confirmations, or re-entry. Thanks to careful cache optimization, the app further recognizes which data is current and which needs refreshing. **Advantages of the offline-first architecture**: - **Operation without internet** — all essential data is available locally; changes are saved and await synchronization. - **Smart caching** — frequently used information (inventory, rooms, users) is stored to reduce load times. - **Reduced network load** — fewer API calls and better traffic optimization. - **Automatic synchronization** — as soon as the network is back, the system transfers all changes to the ERP. - **Uninterrupted work** — users continue inventory regardless of location, signal, or infrastructure. ### Administration and Access Control In digital systems that connect dozens of locations and hundreds of users, **access control becomes the foundation of trust**. Administration in this mobile application, integrated with content administration, was designed as a transparent and precise rights-management mechanism, not a hidden technical layer. Each user sees exactly what they are permitted to see — achieving simplicity for staff and security for management. System administrators can fully configure permissions by roles, locations, and inventory types. At any time, the application **recognizes active and inactive inventories**, clearly marks them, and prevents work in outdated sessions. Statuses are visually prominent and easy to interpret: active locations appear in standard corporate colors, while inactive ones are marked in red — a discreet yet clear signal that the inventory is closed or finalized. This significantly reduces the risk of erroneous entries and preserves process integrity. **Administration module features**: - **Granular access rights** — define user roles by location, site, and inventory. - **Dynamic administration** — changes can be applied in real time, without redeploying the app. - **Automatic status recognition** — active and inactive inventories are clearly distinguished visually. - **Centralized management** — all users, rights, and statuses are synchronized with the ERP. - **Error prevention** — the system blocks work in closed or outdated inventories. This level of control gives organizations a peace of mind that isn’t seen, but is felt at every step. Administrators can manage the system without complex procedures, while users can fully focus on their tasks. ### Status Tracking and Synchronization When using a system that connects hundreds of users, locations, and devices, every synchronization must be **reliable, predictable, and measurable**. When designing the architecture, we were guided by the principle that **synchronization is not a technical detail, but a mechanism of trust**. Users know each piece of data is securely stored; administration knows reports are accurate; management has real insight into asset status without delay. Thus, the system achieves what every organization seeks: **real-time, reliable inventory** with full traceability and no lost records. **Synchronization mechanism features**: - **Continuous status visibility** — synchronization indicators and the number of unsent records are always displayed in the interface. - **Automatic retries** — the system detects failed transfers and retries them, with the option for users to manually trigger synchronization. - **Process transparency** — all data is confirmed. - **Feedback to the user** — the system clearly communicates synchronization status, reducing uncertainty and support needs. ## Results and Business Value By digitizing inventory with this mobile inventory application, we achieved what every organization seeks: **less operational burden, more control, and complete data accuracy**. But the value of the project isn’t measured only in seconds saved — it’s seen in the change of working methods. KONTO Mobile OS didn’t replace existing processes; it improved, simplified, and made them transparent. Inventory has thus ceased to be an occasional obligation and has become a **continuous process that lives alongside the business**. ### Faster Inventory and Fewer Errors By developing this kind of mobile application — connected to the backend via a **REST API** — the average time to complete inventory was reduced, and the number of manual entries was almost entirely eliminated. Every reading contains a timestamp, location, and user identity, making the process measurable and audit-verifiable. All data is synchronized immediately with the ERP system, meaning management always has **up-to-date and reliable information on asset status**. Transparency changes the work dynamic: no more waiting for spreadsheet consolidation or checks outside the system. All data is “live,” and decisions are made based on facts, not assumptions. Inventory thus becomes a process that is **not performed once a year**, but can be carried out **continuously, accurately, and in real time**. ### Offline Operation = Continuous Process Thanks to the **offline-first architecture and integrated caching mechanism**, inventory no longer depends on signal, location, or infrastructure. Users can continue working even without a network — all data is temporarily stored locally, and the system automatically synchronizes it when the connection is restored. This eliminates the stoppages that often disrupted workflows in traditional systems. The result is constant **availability of the business process**: inventory can be carried out anytime, anywhere, without concern for data transfer or information loss. **Advantages in practice**: - **Uninterrupted work** even in offline mode. - **Automatic data synchronization** as soon as the network becomes available. - **Greater efficiency** and less dependency on technical working conditions. ## Conclusion With this project, we proved that even the most complex operational process can become a **simple, intuitive, and technologically advanced experience**. By digitizing the fixed asset inventory, KONTO achieved what every modern organization seeks — **speed, accuracy, and data transparency**, without compromising on security or ease of use. The application brings together two realities that long moved separately: **the stability of ERP systems and the flexibility of mobile technology**. Thanks to offline-first architecture, caching, automated testing, and continuous delivery, the client received a solution that not only works — it **learns, adapts, and grows alongside the business**. For us at RedCode, this wasn’t just another project, but proof of what we’ve believed from day one: technology only makes sense when it brings clarity, simplicity, and real value. The mobile inventory application is not the end of a process, but the beginning of a new phase of operations — **faster, more secure, and fully aligned with the rhythm of modern work**. ### Looking to Digitize Your Internal Processes? If your organization is seeking to speed up inventory, automate field operations, or improve asset management, our team can help you **build a custom application** — secure, responsive, and scalable. Let’s align technology with your business goals and build a system that delivers real, measurable value together. [Contact us](https://redcode-web.design/contact/) to learn how **RedCode** can digitize your operations! --- ### Croatian Sports Museum URL: https://redcode-web.design/references/hsm/ Description: From Disconnected Tools to an Integrated Platform: An End-to-End System for the Croatian Sports Museum SEO description: A business system architecture that integrates online ticketing, POS operations, and mobile app development—delivering automation and centralized content management across the platform. Technologies: sustavi-aplikacije, app-design, izrada-mobilnih-aplikacija The Croatian Sports Museum required a digital solution that would not merely patch individual parts of its processes but instead introduce a unified platform capable of connecting everything: content management, the visitor experience, ticket sales, access control, and on-site retail. At the outset, the challenge was typical of institutions that grow faster than the tools they rely on: multiple standalone systems that do not communicate with each other, fragmented data sources, duplicated records, and numerous manual checks. In practice, this situation leads to **three critical consequences** that directly affect operational management: - Slow and costly content management across the mobile application and website. - Limited operational oversight caused by disconnected data flows. - Missed revenue opportunities and insufficient optimization of the visitor experience. For this reason, the client’s primary requirement was not simply the development of an application, but the creation of a comprehensive set of business applications and a digital ecosystem capable of unifying operational processes across multiple channels simultaneously. RedCode therefore designed and implemented a **complex business system** with three core objectives: - **Centralize content management** across all digital touchpoints. - **Enhance the visitor experience** through the development of an Android and iOS mobile application functioning as a digital guide. - **Ensure reliable and fiscally compliant payment processing** across both online and on-site sales channels. From an organizational perspective, a key prerequisite was that museum staff must be able to manage the system independently. For this reason, the architecture was built on **tight integration between the CMS and the mobile application**, with real-time data synchronization across all connected portals. This approach eliminated the need for developer intervention for everyday content updates. Finally, infrastructure constraints played a decisive role. **Network limitations within the museum premises and specific fiscal compliance requirements** directly influenced both the system architecture and the implementation strategy. As a result, the platform was designed from the outset as a **single integrated system with a centralized data source**, clearly defined user roles, and operational processes engineered to remain reliable and predictable — both during everyday use and during peak visitor traffic. ## Technical Architecture and End-to-End Development of Business Applications The project was delivered as a **greenfield implementation** — from the initial analysis and business systems architecture design to full production deployment. This approach allowed us to avoid fragmented solutions and establish a stable core platform capable of supporting multiple channels and the museum’s operational requirements. The delivery scope included **UX/UI design and mobile application design** development of the **backend layer and system integrations**, as well as the implementation of **client-facing channels** (mobile, web, and kiosks/tablets) — all built as part of a single business system architecture operating on a centralized database. ### Analysis and Design of High-Scalability Business Systems In projects where multiple channels must operate simultaneously — from mobile applications and physical kiosks to an online store and POS terminals — skipping or compressing the planning phase inevitably leads to fragmented data. For the Croatian Sports Museum, business systems analysis and architecture design were a crucial step in translating museum operations into a stable technological framework. The objective was to build a system capable of handling high workloads and third-party integrations without destabilizing the core platform. The **system design process** included several key stages: - **Defining functional and technical requirements**: Before any code was written, we mapped all user flows in detail — both for visitors and museum staff — and identified technical constraints, such as the specifics of the museum’s local network infrastructure. - **Designing the complete system architecture**: We created a technical blueprint clearly defining the interaction between client applications (frontend), server-side logic (backend), and external services, ensuring efficient data flow without bottlenecks. - **Database modelling**: A normalized relational database was designed to serve as the central reference source of data, eliminating the risk of duplication or inconsistencies across different platforms from the outset. - **Security model**: We implemented a strict Role-Based Access Control (RBAC) system that precisely separates permissions for super administrators, staff, and end users. - **API communication planning**: The API layer was structured as a standardized bridge between the central database and all connected system components, enabling fast and secure data exchange. - **Designing scalable infrastructure**: From day one, the architecture was engineered to reliably handle simultaneous requests from multiple client applications in real time, even during periods of peak museum attendance. The result of this phase was a **clear engineering blueprint** that reduced development risks and enabled parallel work across teams (mobile, web, and backend). The architecture ensures that rules and changes are applied centrally, while all channels remain fully synchronized without the need for manual reconciliation. ### Mobile Application Design and UX/UI Strategy for a Multichannel Experience When designing mobile applications used by both visitors and museum staff, the user experience (UX) directly determines the overall success of the project. The design had to balance intuitive navigation for the public with the speed and operational efficiency required for everyday administrative tasks. The entire design was developed from scratch to translate complex backend logic into a simple, visually coherent interface across all touchpoints. Through a **structured UX/UI process**, we ensured that every screen served a clear purpose by implementing the following steps: - **Wireframe modelling**: We precisely defined user journeys — from the online ticket purchase process and QR scanning to navigation through the museum’s interactive map — ensuring a logical flow of information without dead ends. - **Interface design in Figma**: A comprehensive visual language was created within Figma, establishing consistency across all platforms while respecting the specific requirements of each screen format (mobile, tablet, and web). - **Alignment with the client’s visual standards**: Every design element — including colours, typography, and iconography — was carefully aligned with the Croatian Sports Museum’s existing brand guidelines, ensuring that digital channels function as a natural, branded extension of the physical exhibition space. - **Optimization for a multichannel experience**: The design was optimized for seamless display and interaction across multiple device types and operating systems — from narrow smartphone screens, to landscape tablet interfaces, and large interactive kiosk displays with 16:9 and 9:16 ratios. - **Interactive prototyping**: Before a single line of code was written, we developed fully interactive, clickable prototypes. This allowed the client to test and validate functionality early from the perspective of the end user. The result of this iterative and thorough approach was twofold. From a business perspective, visitors received digital tools that enhance their museum experience without technical friction, while staff gained a **CMS and POS environment tailored to their real operational workflows**. From an engineering standpoint, delivering **tested, prototyped, and approved design solutions early in the process** significantly accelerated the subsequent development phase, minimizing the risk of costly architectural or code revisions later in the project. ### Database Layer: The Foundation of Business Systems Architecture and Data Integrity In an ecosystem where the same piece of information — such as time-slot availability or exhibit descriptions — is used simultaneously by the mobile application, kiosks, web ticketing, and POS terminals, data consistency becomes a critical priority. For this reason, the business systems architecture was built on a robust PostgreSQL database, serving as the centralized source of truth for all digital channels. Building this **data foundation** involved several key engineering and security principles: - **Implementation of PostgreSQL architecture**: PostgreSQL was selected as the system’s core database engine — a proven, highly reliable relational database management system capable of handling complex queries and large transactional workloads. - **Strict structural normalization**: The database schema was modelled according to high normalization standards, fully eliminating data redundancy. Each piece of data exists in a single location, ensuring maximum accuracy and integrity. - **Optimization for real-time operation**: The structure was designed to support simultaneous access by multiple client applications — including web, mobile, POS systems, and tablets — operating on the same dataset in real time, without performance bottlenecks. - **Database-level security and access control**: The system architecture incorporates deep access-control management, ensuring that every service or user can retrieve or modify only the data they are explicitly authorized to access. Sensitive operational data is protected through advanced permission controls. This approach to data modelling results in a **fully consistent system without “out-of-sync” scenarios**. For example, when museum staff update the description of a thematic section in the CMS, or when a ticket sale is recorded at the POS, the change immediately becomes available across all channels through the central API layer. As a result, the Croatian Sports Museum now operates on a stable data foundation that minimizes manual corrections and enables controlled, reliable management of both content and sale. ### Android and iOS Applications with Backend and Centralized Business Logic For the PostgreSQL database and multichannel system to operate consistently, the backend must centralize business rules and security validations. In systems with multiple touchpoints — including mobile applications, web ticketing, POS terminals, kiosks, and a CMS — the most expensive mistake is duplicating logic across client applications. To avoid this, we built a backend infrastructure that functions as the single “brain” of the ecosystem, ensuring that rules, authorizations, and integrations are executed centrally. The development of this critical layer included the following **technological concepts and processes**: - **Hybrid API architecture (Hasura and REST)**: We implemented an API layer that combines the strengths of both approaches. Hasura (GraphQL) enables extremely fast and standardized retrieval of relational data for client applications, while traditional REST architecture is used for specialized, complex operations and communication with external services. - **Centralized business logic (Node.js)**: A dedicated service layer based on Node.js was developed to manage the system’s entire process logic. Whether validating tickets, calculating cart pricing, or checking time-slot availability, all rules are executed centrally — eliminating the risk of inconsistencies between different applications. - **User authentication and authorization**: Advanced security mechanisms were implemented to precisely identify who is accessing the system — whether a visitor, a CMS administrator, or a POS cashier. The system automatically assigns predefined access rights, protecting sensitive data from unauthorized actions. - **Orchestration and real-time synchronization**: The backend layer continuously synchronizes data in real time across mobile applications, web portals, the CMS, and the POS system. Every transaction or content update is instantly processed and propagated throughout the ecosystem. - **Integrations with external systems**: The infrastructure acts as a highly secure bridge to third-party services. Through the backend layer, we integrated Stripe for secure online payment processing, Arges ERP for legally compliant fiscalization and automated invoicing, as well as reliable authentication and notification (email) services. The result is an architecture **where business rules** — such as pricing, slot availability, ticket status, and access permissions — **are managed in one place** and immediately apply across all channels. This approach keeps the Android and iOS applications, web portals, and POS systems **fast, consistent, and easy to maintain**, while critical integrations such as payment processing and fiscalization are handled through a controlled backend layer. ### Frontend Development: Building a Complex Business Application for Web and Mobile Devices While the backend infrastructure acts as the brain of the ecosystem, the frontend layer represents its face and the only point of direct interaction with users. In a modern museum environment, visitors and staff do not consume content through a single type of device. Interaction takes place across personal smartphones, dedicated tablet devices, large interactive displays within the exhibition space, and traditional desktop computers. The greatest technical challenge in omnichannel development is avoiding fragmentation — situations where each platform looks, behaves, and functions differently. For the Croatian Sports Museum, we developed a technologically unified frontend layer that ensures a consistent, fast, and seamless user experience, regardless of the hardware being used at any given moment. The **development of client interfaces** included the following technological processes and deliverables: - **Mobile application development (Flutter)**: For visitors’ smartphones, we developed native-feeling applications for both iOS and Android using the advanced Flutter framework. This technology allowed us to maintain a single codebase while delivering high performance, smooth transitions, and a native user experience on both operating systems. - **Dedicated tablet application (Android .apk)**: For the museum’s on-site installations, a dedicated Android application was delivered as a closed .apk installation package. Its code and navigation were specifically optimized for large touchscreen displays used within the museum environment, eliminating unnecessary background processes typical of personal devices. - **Web applications for kiosks and online ticketing**: Using modern web technologies, we developed two specialized web applications. The first powers the interactive kiosk systems distributed throughout the museum (optimized for touch interaction), while the second serves as the public online ticketing portal, designed for high conversion rates and a secure purchase flow. - **Responsive and adaptive programming**: The entire frontend layer was written to automatically detect and fluidly adapt to a wide range of screen resolutions and aspect ratios, including vertical formats such as 9:16 used by touchscreen kiosks. The result of this omnichannel development is a **cohesive digital presence**. Whether a visitor purchases a ticket on a laptop at home, explores multimedia content on a large exhibition display, or listens to the audio guide on their personal smartphone, the system responds instantly and consistently. From an engineering perspective, consolidating the technological stack (such as using Flutter) ensures that the Croatian Sports Museum benefits from **simpler long-term maintenance, faster introduction of new modules, and a lower total cost of software ownership**. ### Seamless Integration of the CMS and Mobile Application with External Systems No modern digital ecosystem can function as an isolated island. The true business value of a platform lies in its ability to seamlessly communicate with external financial, accounting, and hardware systems. In projects of this scale, retrofitting integrations after the fact almost always creates operational bottlenecks — such as manually transferring web sales into fiscal cash registers. For the Croatian Sports Museum, integrations were designed as a core architectural component from day one, ensuring that transaction, ticketing, and payment data flow automatically between services in real time. The **integration process with external services and hardware** included the following components: - **Online payment processing (Stripe)**: We implemented a deep integration with the Stripe platform, enabling fast, reliable, and highly encrypted online ticket payments through the web portal. - **Fiscalization and back-office operations (Arges ERP)**: Instead of separating web sales from the physical ticket office, the entire system was integrated with Arges ERP. This ensures automatic fiscalization and the issuance of legally compliant invoices for every transaction, whether it occurs online or on-site. - **Automated ticket delivery and notifications**: The purchase process is completed through the automatic generation of digital tickets containing unique QR codes. The system independently manages email notifications, sending purchase confirmations and tickets directly to visitors in real time. - **Hardware validation at the entrance (Kartomat)**: Physical entry to the museum is directly connected to the digital database via a dedicated Kartomat validation application. The device performs real-time QR validation of tickets, communicating with the central system to instantly confirm or deny visitor entry. The result of these integrations is a **fully closed and automated operational loop**. From the moment a visitor completes a payment on the web portal, to the moment the entrance device validates their QR code and the museum’s accounting department receives the fiscalized invoice in the ERP system — **no manual administrative intervention is required**. The museum received a solution that significantly reduces operational workload, eliminates errors in revenue tracking, and ensures full compliance with tax and regulatory requirements. ### Security and Stability of the Business Application In systems that simultaneously process financial transactions, handle personal user data, and manage physical access control, security and stability cease to be purely technical concerns and become the foundation of business trust. Any system outage or security vulnerability in such an environment represents more than an IT issue — it directly translates into lost revenue, operational disruption at the museum entrance, and potential damage to the institution’s reputation. For the Croatian Sports Museum, security architecture and quality assurance (QA) mechanisms were embedded into the platform’s very foundations, ensuring uninterrupted operation and strong data protection even during periods of peak visitor traffic. The process of **securing system stability and protection** included the following components: - **Encrypted HTTPS communication**: All data exchange between client applications (mobile devices, web portals, POS terminals) and the central database takes place exclusively through secure, encrypted HTTPS channels, preventing any interception of sensitive information. - **Granular access control and user roles**: A strict Role-Based Access Control (RBAC) system was implemented. Each staff member is assigned specific permissions and user roles within the system, preventing unauthorized modifications to exhibition content or access to financial modules. - **GDPR-compliant personal data protection**: The database architecture and data processing workflows — including user registration, ticket purchases, and account management — are fully aligned with GDPR requirements and strict personal data protection regulations. - **Rigorous system performance testing**: Before production deployment, the entire ecosystem underwent extensive stability and performance testing. This ensured that the platform could handle many simultaneous online purchases and QR scans at entrance validation devices without slowdowns or service degradation. The result is a **highly reliable platform that provides operational confidence** for the museum. Staff can manage sales and content within a strictly secured environment, while visitors’ personal and financial data remain strongly protected. Thanks to comprehensive performance testing, the delivered platform has demonstrated its resilience — ensuring a continuous flow of visitors without the risk of system failures, even during peak attendance and large group visits. ### DevOps and Implementation Complex systems that involve multichannel delivery — including mobile applications, web portals, closed kiosk systems, POS terminals, and ERP integrations — cannot be launched by simply “pressing a button.” Coordinating all these components requires a rigorous DevOps process and controlled deployment to avoid operational disruptions or inconsistencies on launch day. For the Croatian Sports Museum, the delivery process was managed through clearly defined implementation phases, ensuring that the solution performing flawlessly in the development environment would operate just as reliably in the real museum setting — under the hands of actual visitors and staff. The **implementation and go-live process** included the following control points: - **Development in a staging environment**: The entire codebase was first deployed to an isolated staging environment. Architecturally identical to production, this environment allowed us to safely test all modules and external integrations (such as payment processing and fiscalization) without any risk to real operational data. - **Beta phase and client validation**: Before the public launch, the ecosystem went through a structured beta testing phase. Museum staff actively tested the administrative interface, hardware devices, and applications within the exhibition space, performing User Acceptance Testing (UAT) based on real-world usage scenarios. - **Pre-production corrections and optimizations**: Based on feedback collected during the beta phase, we conducted final iterations, bug fixes, and deeper performance optimizations to ensure the system fully met expectations and was ready for production-scale traffic. - **Official release on public app stores**: The mobile applications intended for visitors successfully passed the strict review processes of Apple and Google and were officially published on the global platforms Google Play and the Apple App Store. - **Internal distribution of dedicated applications (.apk)**: Unlike the public applications, software developed for specific museum hardware — including exhibition tablets and the entrance ticket-scanning application — was delivered through closed .apk installation packages, giving the museum full control over versions and installations within the facility. The result of this structured approach was a **fully synchronized and stress-free production launch** (Go-Live). The Croatian Sports Museum received a finished digital product that operated reliably across **all six operational channels from the very first minute of opening**. The DevOps processes established during the project remain a long-term asset of the platform. They ensure that the entire future roadmap and quarterly feature development can be deployed smoothly, without technical disruptions or interruptions to the museum’s daily operations. ## Digital Channels: Mobile Application and Web Solutions for Visitors While the backend infrastructure ensures stability behind the scenes, the true museum experience is defined by what visitors see and interact with directly. To bring the rich history of Croatian sport closer to a diverse audience, we developed a range of optimized digital channels. Whether visitors explore the exhibition through their own smartphones, dedicated tablets provided within the museum, or large interactive displays mounted in the exhibition space, the objective was to deliver a unified, multimedia, and intuitive experience that seamlessly complements the physical environment of the museum. ### Mobile Application Development for Visitors (Android and iOS) In today’s museum environment, visitors expect more than passive observation of exhibits — they seek context, interaction, and autonomy in exploration. For the Croatian Sports Museum, the mobile application was not conceived as a simple digital catalogue, but as a central tool that enhances the entire visitor journey — before, during, and after the visit itself. From a business perspective, the goal was to create a platform that simultaneously functions as a sales channel (m-commerce), a personal digital curator, and an interactive educational guide, all within an interface that remains intuitive and accessible to a broad audience. To achieve this level of functionality, the **mobile application** includes the following key modules: - **Structured exploration of exhibitions**: The application enables visitors to explore thematic sections such as Sports, Athletes, Coaches, Olympism, the Croatian Sokol movement, Sports for People with Disabilities, and historical events like the Mediterranean Games Split 1979 and the Universiade Zagreb 1987. Each section is enriched with structured text, photo galleries, and video content. - **Spatial orientation and interactive map**: To simplify navigation within the physical exhibition space, an interactive map was developed with clearly marked points of interest. By selecting a location, visitors receive a detailed description, photographs, and additional contextual information about that part of the museum. - **Multimedia audio guide**: An advanced audio guide allows users to listen to narration while freely navigating the application. The guide operates in the background and includes full playback controls such as play/pause, segment navigation, and a progress timeline. - **Gamification through a quiz system**: To increase engagement through educational entertainment, an interactive quiz system was integrated with multiple difficulty levels (Beginner and Expert). Questions are dynamically generated in real time from the central database. - **Integrated m-commerce (ticketing)**: The application includes its own online ticket purchasing system integrated with the Stripe payment platform. Visitors can select the date, time slot, and number of tickets, complete the checkout process, and instantly receive a digital ticket with a QR code, which remains easily accessible in the “My Tickets” section. - **User account and privacy management**: The system supports full user registration, authentication, and personal data management. All functions — including password changes and account deletion — are fully compliant with strict GDPR requirements. - **Service information and bilingual support**: The application was designed as a bilingual platform (Croatian/English) from the outset and includes informational pages about the museum, opening hours, contact details, and an FAQ section, thereby reducing the operational load on the museum’s information desk. The outcome of this development is a **powerful digital product** that transforms the museum’s physical space into an extended, interactive experience. From an operational standpoint, all application content is dynamically retrieved from the central CMS, eliminating the need for manual content maintenance or the release of new app versions whenever exhibition content changes. ### Development of Dedicated Business Applications for Museum Tablets Not every visitor is willing or able to use their personal smartphone during a museum visit. To ensure that no one is excluded from the enhanced digital experience, we developed a dedicated tablet application for the Croatian Sports Museum. The goal of this solution was to create a controlled, secure, and highly optimized environment designed exclusively for use on museum-owned devices within the exhibition space. Unlike the public mobile application, the tablet version needed to eliminate administrative barriers such as registration and login processes, focusing solely on seamless content consumption on larger screens. The **technical and functional development** of this specialized channel included: - **Interface optimization for large displays**: The entire interface and navigation structure were architecturally adapted to the specific aspect ratios and resolutions of Android tablet devices, significantly improving the readability of textual descriptions and multimedia content compared to smaller mobile screens. - **Content-focused user experience**: Full access was retained for all thematic sections, the audio guide, interactive map, and quiz modules. However, features such as online ticket purchases, order history, and personal account management were intentionally removed, as they do not add value in the on-site tablet context. - **Predefined user accounts**: To eliminate delays when starting the experience, the system automatically operates through predefined system accounts (e.g., Museum1, Museum2). Visitors simply pick up a tablet and begin exploring immediately, without entering any personal data. - **Controlled .apk distribution**: This software is deliberately not distributed through public app stores. Instead, it is delivered as a closed .apk installation package via a secure connection, giving the museum’s IT team full control over device installations, version management, and security. - **Operation within a closed network environment**: The system was tested and optimized to operate reliably within the museum’s dedicated internal Wi-Fi infrastructure, with additional security mechanisms implemented to protect both the application and device data. The result of this specialized development is a **reliable digital tool** that enables the museum to deliver a premium on-site visitor experience without the risks associated with public devices. The tablets effectively function as a **window into the museum’s always up-to-date central database**, ensuring that visitors always have access to the latest exhibition information without requiring manual technical interventions on the hardware itself. ### CMS-Connected Application for Interactive Kiosk Displays Large interactive screens (kiosks) within the exhibition space represent an important point of engagement for visitors who want to explore the collection in greater depth while on-site. For the Croatian Sports Museum, the kiosk solution was developed as a web-based application designed specifically for displaying content on interactive screens throughout the museum. The objective was not simply to replicate the mobile application, but to design an interface that fully leverages large display formats and actively draws visitor attention. This solution forms an integral part of the museum’s digital infrastructure, delivering an interactive and multimedia experience directly within the exhibition environment. The development of this **specialized component** included the following technical and design adaptations: - **Adaptation for large display formats**: The system allows visitors to explore thematic sections and exhibitions through an intuitive interface optimized for large screens and different display ratios (such as 16:9 and 9:16). - **Touch-optimized interface (Touch UI)**: The interface is designed specifically for touch interaction, with a clear content hierarchy and quick access to key information. - **Rich multimedia presentation**: Visitors can browse thematic sections, view detailed descriptions of individual topics, and access multimedia content including text descriptions, photographs, image galleries, video clips, animations, and audio recordings. - **Location-based content management**: The system can identify each kiosk device (for example via serial number, location, or unique device code), enabling location-specific content management. This allows a screen placed next to a particular exhibition — such as one dedicated to a specific sport — to display only the multimedia content relevant to that section. - **Security and centralized control**: The web application is accessed through a secure HTTPS connection, while all data and multimedia assets are centrally managed through the CMS. By implementing this solution, the Croatian Sports Museum gained **dynamic digital information points** that require minimal maintenance compared to traditional interactive installations. The integration gives curators full editorial flexibility — any textual or multimedia update made in the CMS automatically becomes available to visitors across all interactive kiosk locations throughout the museum. ### Time Machine - interactive Dispaly Cases Controlled Via Dedicated Kiosks To turn physical artifacts into a guided, interactive experience, we developed **Time Machine** as part of CSM ecosystem - an installation designed for two physical cases featuring sports equipment and memorabilia tied into to key events and figures from Croatian sporting history. Each display case is operated through its **own dedicated kiosk device**, enabling fully independent control of content and behaviour per installation, without overlap or operational compromises. The core interaction is simple for visitors, yet tightly controlled in execution - when a visitor selects an item on the screen, the system displays that object's details while all other items are simultaneously pushed into the background - **visualy dimmed** - so the selected exhibit remains the only one highlighted. The result is a **digital "spotlight" effect** that directs attention and transforms the display case from static showcase into a clear, narrative-driven moment. This interaction model is particularly effective in museum environment - visitors get instant orientation and context, while curators gain **a tool to shape and guide the story** without additional staffing or manual intervention at he installation itself. ## Ticketing, Access Control, and ERP Integration The commercial performance and operational flow of a museum depend directly on how effectively ticket sales and visitor capacity management are handled. Instead of relying on fragmented third-party solutions, we developed a fully integrated ticketing and access management system for the Croatian Sports Museum. This segment of the ecosystem was designed to centralize revenue operations, ensure legal and fiscal compliance, and eliminate bottlenecks at the entrance, seamlessly connecting online and on-site sales into a single, unified operational flow. ### Web Portal for Online Ticket Purchases with Automated Payment Processing In the cultural and tourism sector, ticket sales are often handled through third-party platforms that charge commissions and create isolated data silos, making integration with accounting systems and on-site ticket offices more difficult. For the Croatian Sports Museum, such a compromise was not acceptable. It was necessary to develop an in-house ticketing layer as a dedicated yet fully integrated component of the platform. The objective of this module was twofold: to provide visitors with a seamless and secure purchasing experience from the comfort of their homes, while equipping the museum with a powerful monetization tool and, equally important, operational control over visitor flow through capacity management. The development of this **sales channel** included the implementation of the following functionalities and integrations: - **Independent and optimized web application**: The portal was developed as a standalone web application integrated with the museum’s main website. It is accessible through an official subdomain and deeply optimized for both desktop and mobile devices, ensuring a high conversion rate. - **Capacity management (time slots)**: The portal provides a clear overview of available ticket types, including descriptions and prices, along with the option to select the desired quantity. A key operational advantage is the mandatory selection of visit date and exact time slot, allowing the museum to actively prevent overcrowding and maintain a high-quality visitor experience. - **Structured checkout and flexible payment options**: Users benefit from a clear shopping cart interface and an intuitive purchase process that supports online card payments, reservation for on-site payment at the ticket office, and bank transfer options. - **Automated delivery and ERP fiscalization**: After a successful purchase, the system automatically generates a digital ticket with a QR code. Through backend integration, every transaction is automatically fiscalized without any manual intervention. The result is an **end-to-end ticketing solution** that allows the museum to retain full control over both revenue and customer data. The administrative interface (CMS) enables staff to view all issued invoices, manage reservations, generate financial reports, and process potential refunds from a single dashboard. Because all pricing and availability data are managed through the central CMS, the web portal remains perfectly synchronized with the rest of the digital ecosystem and — most importantly — directly integrated with the QR scanning application at the museum entrance. ### Integration of the Point-of-Sale (POS) System The implemented POS system represents a direct extension of the centralized platform into the museum’s physical point of sale. This approach eliminates duplicated inventory records and price inconsistencies — common issues in fragmented retail setups. We developed a custom POS solution as a standalone yet deeply integrated component of the overall ecosystem. Its purpose was to unify ticket sales, souvenir shop operations, and legally compliant fiscalization into a single, streamlined operational workflow. The development and **implementation of the POS system** included the following business modules: - **Unified sales of goods and services**: The POS interface was designed for maximum operational speed, enabling staff to simultaneously sell different types of services (tickets and guided tours) as well as physical merchandise (souvenirs, publications, promotional materials). - **Automated fiscalization**: The integrated system ensures instant invoice issuance and full compliance with the museum’s regulatory fiscalization requirements, completing the entire transaction cycle directly at the point of sale. - **Comprehensive inventory and stock management**: The system goes beyond basic payment processing by providing advanced tracking of quantities and financial values across categories (services vs. retail items). Modules were implemented for stock intake records, partner database management, product and service catalogues, and periodic inventory audits. - **Financial analytics and automated reporting**: The backend system maintains precise revenue records and automatically generates daily reports and summaries, eliminating manual calculations and significantly simplifying the workload for the accounting department. The implementation of this custom POS solution **eliminates operational silos entirely**. Because the POS system is directly connected to the online ticketing portal and the central CMS, the museum gains a **single, accurate real-time overview of all sales, both online and on-site**. The same pricing structures, ticket types, and availability logic are automatically applied across the entire ecosystem, without manual reconciliation. As a result, the museum now operates on a platform that is fully prepared to support its commercial operations both operationally and in terms of regulatory compliance. ### Ticket Scanning Application (Entrance Validation System) Physical access control represents the final — and operationally most sensitive — step in the visitor journey. No matter how well the ticket purchasing process is optimized, a bottleneck at the museum entrance can quickly undermine the visitor experience and create security risks within the venue. Generic scanners that synchronize with the database only periodically leave room for misuse, such as repeated entry using the same ticket. To prevent this, we developed a dedicated ticket-scanning application for the Croatian Sports Museum, designed to run directly on entrance validation devices (ticket kiosks). The goal was to create a reliable, fast, and fully automated validation system that communicates with the rest of the digital ecosystem in real time. The development and implementation of this access-control module included the following technical features: - **Dedicated Android application development**: The software was specifically engineered for use on specialized entrance devices equipped with screens up to 10 inches, the Android operating system, Wi-Fi connectivity, and integrated QR code scanners. The application is distributed and installed in controlled conditions via a secure .apk installation package. - **Real-time ticket validation**: The system enables extremely fast and reliable verification of both digital tickets (displayed on smartphones) and printed tickets through QR code scanning. Through continuous communication with the central database, the application instantly verifies the ticket’s status, preventing fraudulent or repeated entries. - **Visual and status-based signalling**: The application clearly communicates the entry status to both visitors and museum staff. Valid tickets are approved instantly, while already-used or invalid tickets are blocked with clear visual and audio signals. In the event of irregularities (such as damaged QR codes or incorrect time slots), the system is designed to allow immediate intervention by museum staff. - **Automated visitor flow management**: To prevent queues from forming at the entrance, the application includes an advanced feature that automatically initiates the next scan immediately after a successful validation. This ensures a continuous and smooth flow of visitors without requiring manual device resets by staff. With the delivery of this application, the Croatian Sports Museum successfully **closed the entire operational loop of ticket sales and visitor access control**. The entrance validation device is not an isolated piece of hardware, but a deeply integrated component connected to the online ticketing portal, the visitor mobile application, and the on-site POS system. This architecture ensures a single, centralized record of all valid and redeemed tickets in real time, giving museum management a precise overview of the number of visitors inside the exhibition space at any moment. ## Operational Hub: Managing Content Across the Mobile Application and the System The greatest challenge of digital transformation is not merely implementing technology but ensuring that the client can **independently manage the system over the long term**. To prevent the Croatian Sports Museum from becoming dependent on external IT resources for everyday updates, it was essential to establish a central operational environment from which museum staff can manage content, sales, and overall platform administration. ### Administrative Interface (CMS): Centralized Integration of the CMS and Business Applications For the long-term sustainability of a multi-channel system, the museum requires a single operational control centre. In practice, many institutions become captive to their own technology because even minor content updates require the involvement of external contractors. To avoid this dependency, the Administrative Interface (CMS) was developed as a centralized web-based system for managing content and critical operational data—allowing museum staff to perform everyday updates quickly, securely, and without relying on development teams. The development of this **management hub** included the integration of the following modules and functionalities: - **Comprehensive management of exhibition content**: The system enables the creation, editing, and organization of all data displayed across the mobile application, tablet application, kiosk web application, and the online ticketing portal. This includes structured management of thematic sections through groups, subgroups, exhibition spaces, and textual descriptions, as well as the distribution of rich multimedia such as photographs, galleries, videos, and animations. - **Administration of educational tools**: The CMS directly manages audio guides by defining their title, description, duration, and segmentation. In addition, it includes full administration of the quiz system, covering the management of question-and-answer databases, difficulty levels, and thematic categorization. - **Sales control and financial reporting**: The operational module allows administrators to manage ticketing—from defining ticket types and prices to controlling time-slot availability and reviewing purchases and reservations. The system also provides an overview of issued invoices, tracking of ticket statuses, and administrative actions such as cancellations and report generation, all deeply integrated with the ERP system. - **Security and access control management**: The interface is accessible exclusively via a secure web connection (HTTPS) and is optimized for use in modern web browsers. To protect operational data, a strict role-based access control system has been implemented, defining different permission levels (Superadmin/Admin). - **Real-time synchronization**: The most significant technological and operational advantage of this CMS lies in its architecture. All changes made within the CMS are automatically synchronized and instantly reflected across all connected applications and portals. This eliminates the need for additional technical intervention or waiting for new application versions to be published in app stores. The administrative interface functions as the **central control point of the museum’s digital ecosystem**. The result is a sustainable platform that enables museum staff to independently manage content while maintaining clear role definitions, secure administration, and consistent distribution of information across mobile applications, kiosk devices, web ticketing systems, and the POS environment. ## Conclusion: Digital Transformation Through the Development of Business Systems and Applications Digital transformation in cultural and sports institutions should not be reduced to isolated applications. For the Croatian Sports Museum, we delivered an integrated system that combines the development of business applications, Android and iOS mobile applications, web-based ticketing, entry control, and POS operations—all built on a single source of data and centralized backend logic. A key value of the project lies in the **controlled management of content and sales through the CMS**, supported by reliable integrations for payment processing and fiscalization. Through this project, we achieved **three essential business objectives**: - **Centralized control**: Content, pricing, and user permissions are managed from a single point (CMS), eliminating operational fragmentation and reducing dependence on external IT providers for routine updates. - **Business automation**: By integrating Stripe payment processing and Arges ERP fiscalization with the POS system and web portal, we created a closed financial ecosystem that operates without the need for manual reconciliation. - **A premium visitor experience**: Through interactive maps, audio guides, and rapid QR validation at the entrance, visitors are provided with an experience that sets new standards in the museum industry. If you are looking for a partner capable of delivering a **complete end-to-end platform from the ground up** — from complex system architecture and UX/UI design to mobile and web channels, hardware integrations, and a sustainable long-term maintenance model—this project clearly demonstrates our technical breadth and operational maturity. The solutions we build are not designed merely to look good; they are engineered to reliably manage your operations day after day. At RedCode, we don’t just build applications—we create **digital ecosystems that enable your organization to grow**. Contact us and turn your vision into a stable digital reality. --- ### Start aftercare URL: https://redcode-web.design/references/start-aftercare/ Description: Digital Post-Treatment Revolution: Start Aftercare – Smart Mobile App with CMS Integration SEO description: Start aftercare delivers personalized aftercare through an intelligent mobile app and CMS system that automates, guides, and supports every user. Technologies: sustavi-aplikacije, app-design Post-treatment care has always been a key — yet most sensitive — part of any aesthetic service. Whether it’s tattooing, piercing, permanent makeup, or tattoo removal, proper aftercare directly determines the final result and overall client satisfaction. In practice, however, this is often where things go wrong — instructions differ from one studio to another, clients easily forget them, and artists waste valuable time explaining the same procedures over and over again. Out of this need, **Start aftercare** was born — a mobile application with a supporting CMS system that transforms traditional paper-based instructions into a personalized digital experience. Start aftercare is a **mobile application for Android and iOS** that provides clear, guided care steps from day one — no confusion, no searching through papers. The app leads the user through the entire care process, day by day, with automated reminders, clear visual guides, and real-time notifications. Since the application is fully connected to its CMS, any content change instantly appears to the user, minimizing errors, speeding up recovery, and building trust between client and studio. The project was developed in close collaboration with the client, who provided a highly detailed initial design. Our team adopted the existing visual concept, expanded it with additional screens, refined the interactive flows, and optimized the layout for mobile use. The result is an interface that is visually minimalist yet rich in functionality — intuitive for users, consistent in execution, and fully aligned with modern mobile UX principles. In parallel with the app, a completely new CMS system was built from the ground up. Both the **mobile application and the CMS were developed in Flutter**, ensuring a unified user experience, high design consistency, and efficient maintenance across platforms. This deep integration keeps all data perfectly synchronized between the two systems. **TypeScript** was used for the **development of the API service layer**, which manages key operational processes — such as sending notifications and emails, uploading images, integrating with RevenueCat, and automating content translation through the Google Translate API. **Hasura**, built in Haskell, serves as a **GraphQL intermediary between the database and application layers** (mobile app and CMS), automatically generating queries and mutations for real-time data synchronization. This architecture allows administrators to easily manage content, FAQs, notifications, and banners, while **Hasura ensures stable, bidirectional communication** between the database and application layers. Every change made in the CMS is instantly reflected in the mobile app, achieving perfect synchronization between administration and the user interface — with no need for manual updates or redeployment. Start aftercare therefore bridges two worlds: user simplicity and technical precision. For end users, it delivers clear instructions and reliable support at every step; for studios, it provides an automated, standardized, and professional communication system that saves time and elevates service quality. On the technological side, the project relies on three core pillars — **Flutter, Hasura, and a TypeScript API** — delivering exceptional stability, security, and scalability. The application was designed not merely as another digital tool, but as a new industry standard in post-treatment care — smarter, faster, and entirely user-centered. The result is a fully integrated Android and iOS application with a robust backend, enabling dynamic content management within the mobile app without any redeployment. In a world where details make the difference, Start aftercare demonstrates that proper care doesn’t begin or end in the studio — it continues through a digital experience that carefully guides each user, step by step. The next step? Building a system that turns that care into a perfectly synchronized technological solution [Learn more](https://redcode-web.design/services/mobile-application-development/) about our approach to developing mobile applications that combine design, functionality, and performance. ## Building the System from the Ground Up — Where Vision Meets Precision In developing the Start aftercare system, every stage — **from the first sketch to the final implementation** — was guided by a single idea: to create a **digital solution that’s simple to use**, yet technically powerful beneath the surface. The goal was not merely to digitalize aftercare instructions, but to build a platform that supports users throughout the entire recovery process — automated, seamless, and error-free. The project began with a comprehensive user needs analysis, defining key usage scenarios and potential post-treatment challenges. Based on these insights, the first wireframes and interactive prototypes were created, allowing for early validation of ideas and user flows. Through **multiple testing iterations**, precise user journeys were defined — from the initial treatment selection to the final day of care — with special focus on simplicity, readability, and clarity at every step. From the very beginning, the client was highly involved in all development phases — from planning functionalities to final testing. This close collaboration allowed us to tailor the application to the industry’s specific workflows and needs. Every design, technical, and functional decision was made jointly with the team that works daily with end users. As a result, the application is not only visually consistent and technically optimized, but also fully aligned with the client’s operational goals. Special attention was devoted to the connection between the mobile application and the CMS. While the app was developed as an intuitive and responsive user interface, the CMS was built in parallel as a stable administrative platform providing full control over content and processes. In later stages, real-time synchronization, automated modules, and a notification system were implemented — together forming a fully integrated solution. At every development step, an iterative approach was applied — **each new feature was tested in real-world scenarios** before being released to production. This ensured that the final product not only met all technical requirements but also matched actual user expectations. Start aftercare was not created by chance. It is the result of a carefully managed process, collaborative partnership, and a deep understanding of the industry — a digital solution that merges expertise, simplicity, and technology into a seamless user experience. Every step in the development of the Start aftercare system was thoughtful, tested, and aligned with the client’s vision. Yet what truly makes this application stable and reliable is not only the process itself — but the technological foundation it is built upon. ## The Technological Foundation of the Project — Powering Innovation Behind the Scenes At the heart of every digital solution lies an architecture that defines its **strength, stability, and long-term sustainability**. In the case of the Start aftercare system, this foundation was carefully designed to ensure **fast communication, high security, and uninterrupted synchronization** between the mobile application and the CMS platform. The goal was not merely to build a functional tool, but to create **a platform that grows alongside its users** — flexible, adaptable, and ready for future upgrades without the need for code reconstruction. To achieve this standard, three core technologies were used: Flutter, TypeScript, and Hasura — together forming the perfect balance between design, performance, and data integrity. ### Flutter – The Power of Simplicity in User Experience To make the application accessible to all users **without compromising performance**, the team chose Flutter — Google’s development framework that enables the creation of native mobile applications from a single codebase. This technology allowed the same design and logic to be displayed consistently across both iOS and Android devices, ensuring a fully unified user experience. **Flutter was used to develop both the mobile application (Android and iOS) and the CMS web interface**, providing a consistent user experience, coherent design, and shared presentation logic across all devices and platforms. This approach significantly **accelerated development, simplified maintenance**, and ensured complete **visual and functional consistency** between the user-facing and administrative sides of the system. **Key advantages of Flutter** in this project include: - **Multi-platform development from a single codebase** – the same source code powers both the mobile application and the CMS, simplifying development and maintenance. - **High responsiveness and speed** – the application reacts instantly, with no delay when switching between screens. - **Consistent design and animations** – thanks to Flutter’s widget system, every visual component is precisely adapted to each platform. - **Lower maintenance costs** – a unified codebase enables faster updates and easier implementation of new features. - **Offline support** – users can access care instructions and status information even without an internet connection. - **Stable integration with Hasura GraphQL API** – the Flutter frontend retrieves and displays real-time synchronized content directly from the CMS via Hasura. Flutter made it possible for the application to be not only visually appealing but also **stable, fast, and intuitive** — which is essential for users who open the app multiple times a day for short yet important interactions. Combined with Hasura and the TypeScript API, Flutter powers a **mobile application with an integrated administration layer**, fully managed through the CMS. ### TypeScript – The Foundation of the CMS and Data Logic On the administrative side of the system, the key role is played by **TypeScript** — a programming language that combines the simplicity of JavaScript with the robustness of strongly typed code and the reliability required for complex service processes. In the Start Aftercare project, TypeScript functions as a service layer connecting the **Android and iOS applications with the backend and the mobile app CMS** through standardized processes — from sending push notifications and emails, uploading images, and communicating with the RevenueCat service, to invoking the Google Translate API for multilingual translations. This approach ensures a clear architectural separation: the Flutter application and CMS handle presentation and user interaction, Hasura GraphQL mediates data exchange with the database, while the TypeScript API serves as the central service logic — connecting all systems and automating background processes. **Key advantages of TypeScript** in this project: - **Code safety and predictability – strict typing minimizes the risk of errors during development and maintenance. - **Modular API architecture** – the business logic is developed through clearly separated modules (notifications, emails, translations, integrations), enabling easy maintenance and scalability of the system. - **Automated real-time operations** – the API synchronizes data and triggers background processes independently of user actions, ensuring that all CMS and app updates occur seamlessly and without delay. - **Integration with Hasura** – the API uses a GraphQL endpoint for real-time data retrieval and synchronization. - **Optimized performance** – TypeScript ensures efficient handling of complex operations such as dynamic notification scheduling, care status updates, and user data validation. In combination with Hasura, TypeScript enables simple yet exceptionally powerful communication between the administrative and user-facing parts of the system — turning the CMS into more than just a tool. It becomes the **operational “heart” of the platform**, seamlessly connecting the administrative, user, and technical layers into a single, self-sustaining whole. ### Hasura – The Intelligent Data Connector To enable instant and secure data exchange between the application and the CMS, the **Hasura GraphQL** platform was implemented — an open-source engine written in Haskell that automatically generates a GraphQL API on top of a PostgreSQL database. Hasura serves as the **central intermediary between the Flutter applications (mobile and CMS) and the database**, providing fast, bidirectional, and reliable communication without the need for manually written server-side logic. This approach allows for seamless integration between the CMS and the mobile application — without manual API development. Thanks to Hasura, all data — from user profiles and daily care plans to banners and translations — is **synchronized in real time**. Every change made in the CMS is instantly reflected in the mobile application, with no manual updates or additional backend requests required. **Key advantages of Hasura** in this project: - **Real-time data synchronization** – every change made in the CMS is instantly reflected in the mobile application through real-time GraphQL subscriptions. - **Integration with the TypeScript API** – Hasura triggers Event Calls that activate the TypeScript API to send notifications, emails, or perform automatic data validation. - **Advanced security control** – utilizes JWT authentication and role-based access control to ensure that each user only sees what they are authorized to access. - **Scalability and rapid development** – automatically generated GraphQL endpoints allow for easy feature expansion without modifying core logic. - **Support for Cron Jobs and Event Triggers** – enables the system to respond to database changes or predefined time-based events, triggering automated processes within the API layer. Thanks to the **combination of Hasura and the TypeScript API**, Start Aftercare operates like a living digital organism — every action in the CMS is automatically reflected in the mobile application, every piece of data remains synchronized, and all processes run in real time. Together, Hasura and TypeScript enable consistent real-time content management within the mobile application. This approach ensures **maximum efficiency, security, and system stability**, with minimal need for manual maintenance. ### A Complete Technological Ecosystem By combining Flutter, TypeScript, and Hasura, we created an ecosystem that is **stable, fast, and ready to grow**. Flutter ensures the visual experience and fluidity of the application, TypeScript provides the structure and precision of the CMS, while Hasura connects everything into a **dynamic, self-sustaining system**. In practice, this means administrators can update content while users instantly see the changes — without manual intervention, without delay, and without errors. Start Aftercare is therefore more than just an application; it is a **connected digital ecosystem**, built on technologies that guarantee long-term scalability and technical excellence. In practice, this means that: - Administrators can edit content, add new treatments, FAQ sections, or banners directly within the CMS. - Users immediately see updated information in the mobile application. - The API layer in the background automatically executes all necessary processes — from input validation to personalized notifications. - Content management within the mobile app is handled directly through the CMS, without affecting production stability. **All components communicate in real time** through the Hasura GraphQL infrastructure, ensuring complete alignment between administration and the user interface — without manual intervention, delays, or errors. Start Aftercare is therefore not just an application but a connected digital system built on technologies that guarantee **long-term sustainability, high security, and technical excellence**. This **three-tier technological foundation** — Flutter for experience, Hasura for data, and TypeScript for logic — makes the system flexible enough for growth, integration, and adaptation to future market needs. ## Design and User Experience (UX/UI) — Where Simplicity Shapes Emotion In developing the Start Aftercare application, design was not just a visual layer — it was the foundation for understanding how users experience the recovery process. Because the app deals with the sensitive area of post-treatment care, the goal of the design was to create an environment that builds trust, calms the user, and clearly guides them through each day of recovery. Minimalism, consistency, and emotional neutrality became the key principles of the design approach, making the application intuitive, comforting, and professional. Learn more about our [UX/UI design process](https://redcode-web.design/services/others/design/) and how we create mobile interfaces that users love to engage with. ### Design Philosophy – Less Complexity, More Clarity From the very beginning, the app’s design followed a clear philosophy: the less the user has to think, the better the experience. The goal was not to impress with effects but to make every interaction intuitive, clean, and logical. The user never has to search for information — the app delivers it at the right moment, in the right place. Key design elements include: - **A simple and light color palette** – every color serves a purpose; warm tones indicate progress, neutral shades calm the user, and contrasts direct attention. - **Highly legible typography** – carefully selected fonts ensure clarity, even at a quick glance. - **Layout aligned with natural user rhythm** – navigation and buttons are positioned to match daily routines, reducing cognitive load. - **Daily care view** – color coding and status markers visually track the user’s progress day by day, creating a sense of continuity and control. - **Final screen “Care Completed”** – designed as an emotional closure to the process, it gives the user a sense of accomplishment and satisfaction. By combining **functional aesthetics** with **emotional psychology**, the app’s design becomes its quietest guide — directing, calming, and rewarding the user without the need for extra explanation. ### Mobile Design – Simple Yet Intentional The mobile design of the application is based on a balance between aesthetic simplicity and functional precision. It was built entirely according to the principles of Google’s Material Design and Apple’s Human Interface Guidelines, ensuring consistency and a natural feel across both Android and iOS environments. The user experience remains consistent regardless of the device, and every detail — from button placement to animations — serves a clearly defined purpose. A key factor in maintaining both visual and technical consistency was the **Flutter framework**, which enables the display of identical designs, animations, and logic across all platforms. This approach eliminated fragmentation in the user experience while making development faster and more precise. **Key features** of the mobile design: - **Consistency between Android and iOS environments** – the interface follows each platform’s native principles while retaining a recognizable brand identity. - **Micro-interactions** – carefully crafted animations provide immediate visual feedback for every user action. Subtle yet crucial, they make the app feel “alive” and build trust. - **Fluid transitions** – navigation between screens is seamless; every movement has rhythm, creating a sense of lightness and natural flow. - **Wireframe prototyping in Figma** – the design was fully developed through wireframes and interactive prototypes, forming the foundation for defining user flows, testing, and refining every detail before development. - **Precise interaction logic** – each component was tested to respond within milliseconds, significantly reducing the user’s cognitive load. The app’s design is more than just a visual layer — it is an extension of the user’s thought process. Every screen guides the user through the care journey with ease, clarity, and a sense of control, making the entire experience feel effortlessly simple. ### Collaboration with the Client and Enhancement of the Existing Design The Start Aftercare project had an unusually strong starting point — the client entered development with an already defined visual strategy and a well-developed initial design. Instead of the classic “from scratch” approach, the process began at the intersection of existing aesthetics and new digital logic, with the goal of preserving the brand’s recognizable identity while adapting it to the standards of modern mobile design and performance. Our team took the existing design, expanded it with additional screens, refined interactions and element states, and optimized it for mobile display. Special attention was given to consistency — every new component had to align not only with the established visual identity but also with the technical capabilities of the Flutter framework. **Collaboration with the client** was most evident in the following aspects: - **Iterative design process** – each new screen version was validated collaboratively, preventing any gap between the design concept and real-world usability. - **Client as active tester** – with deep insight into their own processes, the client independently tested functional prototypes, providing precise feedback in real usage contexts. - **Extension of the existing design** – new screens and interactions were developed that were not part of the original concept but naturally built upon the existing structure. - **Mobile adaptation** – initially web-oriented elements were redesigned for touch interaction, smaller screens, and the natural rhythm of user gestures. - **Continuous communication** – regular review cycles, feedback sessions, and visual revisions ensured a transparent and efficient development process. The result is not merely a design that is aesthetically pleasing, but one that is functionally alive — a system that preserves the brand’s personality while aligning seamlessly with the habits and expectations of end users. This project demonstrated how true innovation emerges when designers and clients collaborate in harmony, combining expertise and experience toward a shared goal. Throughout the process, the team continuously tested and refined the **mobile application’s administrative workflows**, ensuring that editors could publish updates quickly and effortlessly. ### UX Testing Driven by the Client The Start Aftercare project included a unique phase of user experience validation — UX testing was carried out directly by the client, resulting in a system that fully reflects real user habits and needs. As a professional with extensive experience in the tattoo and piercing industry, the client had a deep understanding of how users approach post-treatment care — their habits, uncertainties, and expectations. Instead of traditional testing in a controlled environment, the process took place under real-world conditions, involving users who had just undergone tattoo, piercing, or permanent makeup treatments. Testing was conducted iteratively, across several cycles, allowing changes and adjustments to be implemented immediately after each phase. This ensured that every design decision was based on real data — not assumptions. **Client-led UX testing** was most evident through the following aspects: - **Practical testing in real-life conditions** – the app was used during actual aftercare processes, enabling precise identification of real user needs. - **Behavioral analysis** – the client observed where users paused, searched for extra information, or unintentionally interacted incorrectly with navigation elements. - **Rapid iteration and design adjustments** – all identified issues were immediately addressed through new versions of screens and navigation flows. - **Focus on clarity and visual guidance** – colors, statuses, and recovery stages were emphasized so that users always knew what to do next. - **Synergy between the client and design team** – all modifications were jointly analyzed and approved, ensuring full alignment between UX logic and brand identity. The result of this approach is not merely a visually polished app, but a system that has been tested, validated, and refined through real-world experience. UX testing led by the client transformed design into a living experience — **intuitive, clear, and emotionally attuned** to the user’s needs. ### Design Consistency That Feels Righ One of the core principles behind the Start Aftercare app’s design is complete visual consistency — every element, from color to icon, plays a clearly defined role in creating a sense of trust and recognition. Instead of drawing attention through visual effects, the design operates quietly, seamlessly, and logically — so the user always knows where they are and what to do next. This approach doesn’t build emotion through spectacle, but through trust. When visual hierarchy is clear and interactions are predictable, users don’t waste mental energy figuring out what to do — they focus entirely on the app’s true purpose: care and recovery. The visual consistency system is built around several key principles: - **Unified visual language** – colors, typography, and iconography are carefully standardized, giving the app a professional and calming character. - **Functional simplicity** – every element has a purpose; nothing is ornamental, everything serves orientation and clarity. - **Psychological stability through color** – the palette features tones that calm and instill confidence, especially important during post-treatment phases. - **Emotional rhythm of use** – transitions, animations, and visual accents are aligned with the user’s pace; the app “breathes” with them. - **Typography as a guide** – clearly structured headings and descriptions lead the user without the need for additional explanation. This design demonstrates strength not through complexity, but through calmness and logic. It reflects **RedCode’s core design philosophy**: “The best user experience isn’t the one remembered for how it looks — it’s the one remembered for how effortlessly it works.” Start Aftercare embodies that philosophy in practice — a **UX defined by balance, visual clarity, and functional harmony** with the user’s journey. It’s not just an app that looks good — it communicates with empathy and precision, offering an experience that truly understands the user and evolves alongside their needs. ## Smart Features That Drive the System Every project we develop at **RedCode** has its own pulse — a set of functionalities that together create a unique user experience. All features operate through the **integration of the CMS and the mobile application**, ensuring that both content and logic remain perfectly synchronized. In the case of the Start Aftercare application, that pulse is steady, calm, and perfectly organized — just like the care process the app is designed to digitalize. The goal of this system was not merely to replace existing aftercare instructions with a digital version, but to **automate the entire post-treatment care process** — from the very first day of recovery to the final stage — with complete control and room for future upgrades. Through a **modular architecture connected in real time** via the Hasura GraphQL infrastructure and the TypeScript-based CMS, every piece of data is automatically synchronized, and every content update becomes instantly visible to users. In practice, this means that every functionality — from personalized care plans and automated notifications to educational content and salon branding — is designed to breathe in rhythm with the user. **Key components** of the system: - **Hasura GraphQL** enables instant, bidirectional communication between the application and the CMS — with no need for manual updates or custom API endpoints. - **TypeScript API** connects all service processes: it manages validations, scheduling, notification handling, and third-party integrations. This ensures system stability and precise data control through clearly defined types and rules. - **The Flutter application and CMS** form the visual and administrative layers of the system — delivering a consistent user experience across all devices and allowing administrators to update content in real time. This achieves true content consistency within the mobile application. - **The modular architecture** allows for rapid feature upgrades without compromising stability, making the system sustainable and adaptable to future market needs. In the background, the **TypeScript API orchestrates communication** between all layers — the Hasura GraphQL, CMS, and mobile application — synchronizing data, validating inputs, and triggering automated processes in real time. Start Aftercare is not just an application; it is a **digital ecosystem of interconnected modules** that together establish a new standard of communication between studios and their clients. In the following section, we present the **key functionalities that define this system** — the ones that set the rhythm of everyday use and mark the difference between an ordinary digital tool and a truly intelligent application. ### Personalized Aftercare, One Day at a Time The Start aftercare project is built around the **core functionality that defines the entire user experience** — treatment selection and the automatic generation of a personalized aftercare plan. When the user first opens the app, they select their treatment type (tattoo, piercing, PMU, or laser procedure), after which the system automatically generates a daily plan tailored to that specific treatment. Each plan has been developed in close collaboration with the client, based on professional post-treatment care guidelines. The instructions are concise, clearly structured by days, and easy to follow — allowing the user to effortlessly navigate every recovery phase, from the initial treatment to full healing. This functionality is powered by a fully integrated connection between the mobile app and the CMS, ensuring real-time synchronization of all content. Any update made by the administrator in the CMS is instantly reflected in the app — without technical intervention or waiting periods. **Most important components** of this module include: - **Automatic care plan generation** – the system creates a personalized daily plan based on the type of treatment and corresponding aftercare rules. - **Clear daily structure** – each day includes defined tasks, instructions, and progress status, allowing users to easily track their recovery and stay motivated. - **Real-time synchronization via Hasura GraphQL and the TypeScript API layer** – all changes made in the CMS are instantly visible to users in the app, ensuring complete data consistency. - **Dynamic content rendering in Flutter** – the application automatically adapts its display to the user’s language, device, and treatment type, while maintaining flawless design and performance. - **Integrated sales component** – each care phase can include themed banners and links to the client’s webshop, connecting educational and commercial content. - **Full control through the CMS** – administrators can define the order, visibility, and links of banners directly within the interface, with no additional development or coding required. - **Complete CMS–mobile app integration** reduces content publishing time from days to minutes. This module delivers more than a digital care guide — it creates an **intelligent ecosystem** that seamlessly blends education, recovery, and commerce into one unified experience. Users always know what to do and when, while all recommended products and information are instantly available — no searching, no waiting, no confusion. Start aftercare transforms the recovery journey into a clear, guided, and secure process — from treatment to complete healing — while empowering users to easily access the products that help them achieve the best possible results. ### Every Day Counts — Guided Recovery at Your Pace At the heart of every treatment lies one essential element — **time**. The rhythm of recovery demands consistency, precision, and trust. That’s why the Start aftercare app features a **built-in daily tracker** that guides each user through their aftercare journey — step by step, day by day. Once a treatment is selected, the system automatically launches a personalized timeline tailored to the length and specifics of that procedure. This ensures that every user always knows exactly where they are in the process — what’s been done, what’s next, and how close they are to full recovery. But this tracker isn’t just counting days — it’s interpreting the phases of healing. Each phase carries its own rhythm and purpose. In the initial phase, users learn what to do and what to avoid. In the middle phase, the app monitors progress and adjusts recommendations. In the final phase, it celebrates completion — signaling the moment care is complete. Designed to **merge visual clarity with technical precision**, the tracker makes it effortless for users to stay on course, free from confusion or error. **Key functionalities** of this module include: - **Automatic timeline generation** – the application creates a care plan duration based on the treatment type and dynamically displays daily progress. - **Phased recovery view** – three stages of care (initial, middle, and final), each with clearly defined tasks, alerts, and tips. - **Interactive progress counter** – users can see at any moment how many days have passed and how many remain until the end of the care process. - **Real-time synchronization via Hasura GraphQL and the TypeScript API** – user status is instantly updated in the database and reflected in the app across all devices, which is crucial for a mobile application with centralized content control. - **Automated progression logic** – using TypeScript-based logic, the application records every user action and displays the corresponding content (text, images, videos, banners) precisely on the day it’s needed. - **Fluid display in Flutter** – visual progress indicators, animated transitions, and automatic theme adaptation (dark/light mode) ensure a smooth and pleasant user experience. - **Integrated activity validation** – the API records all user interactions (task completion, tip viewing, notification receipt) and returns an updated status to the app in real time. This module doesn’t just track time — **it guides it**. Start aftercare becomes more than an app; it becomes a **digital companion** that keeps users consistent, reminds them of each next step, and records every milestone. Users no longer have to remember instructions or timelines — the app does it for them, transforming aftercare into a clear, measurable, and motivating journey. ### Timely Care — Automated Push Notifications with Deep-Link Precision In the Start aftercare app, push notifications serve as one of the most essential tools for helping users stay consistent and on track with their personalized care plans. This feature isn’t just a technical mechanism — it’s a **thoughtfully designed communication system** that reaches users at just the right moment, minimizing errors and reinforcing a sense of confidence during their recovery journey. Built on **Firebase Cloud Messaging (FCM)**, the notification system ensures reliable, scalable delivery across all platforms. Notifications are generated automatically based on predefined rules and user preferences set within the app. When setting up the app, users can customize both the **frequency and timing** of notifications — choosing to receive them 2, 4, 6, or 8 times per day (with the default set at every 8 hours). They can also define when during the day they wish to be reminded: - in the morning only, - in the afternoon only, - or evenly distributed throughout the day. This flexibility allows notifications to blend seamlessly with the user’s daily rhythm — not interrupting, but enhancing their routine. Each message is short, friendly, and consistent in tone — a simple prompt like “It’s self-care time!” appears exactly when needed, aligned with the treatment phase and user settings. Thanks to **deep-link functionality**, tapping on the notification takes the user directly to the “Care / Maintenance” section — bypassing the home screen — where personalized instructions for that specific day and treatment are displayed. Every push notification dynamically includes **essential parameters**: - **User ID**, - **Purchased care package** (Tattoo, Piercing, Tattoo Removal, or PMU – Permanent Makeup), - **Current care day**, calculated automatically from the user’s progress. Behind the scenes, the system uses **Hasura GraphQL API** to fetch real-time data, while the **TypeScript backend** validates user preferences, manages the notification schedule, and synchronizes updates via the CMS. On the front end, the **Flutter app** ensures instant access to relevant content — no delays, no extra taps. The result is a **seamless automation system** that combines technical precision with effortless usability. For the end user, this means total peace of mind — no more worrying about care routines or timing. The app guides them step by step, at the right pace and at exactly the right time. The push notification system transforms reminders into reassurance — timely, personal, and in sync with each user’s lifestyle. Up next: discover how **FAQ and Legal Pages** reinforce transparency, trust, and professional credibility throughout the app experience. ### Transparency That Inspires Trust – FAQ and Legal Pages Done Right To provide users with **complete transparency and easy access to reliable information**, the Start Aftercare application includes an integrated module for FAQ and legal pages, designed to offer simple, verified, and easily accessible answers to the most common questions about aftercare and app usage. This serves as a textbook example of how **content management within a mobile application** can reduce maintenance costs and speed up updates. The key advantage of this module lies in the client’s full control over content. Through the CMS system, the client can independently edit and organize FAQ sections, as well as add and manage links to legal pages, which are displayed directly within the app through a web-view component. This approach keeps users within the same interface, without the need to open external browsers — ensuring consistency and trust throughout the user experience. Within the FAQ module, the client can create: - **a general FAQ** – covering universal topics about the app, care processes, and technical support, - **specific FAQ sections** for each type of treatment, such as Tattoo, Piercing, PMU, or Tattoo Removal. This flexibility enables **precise targeting of information** according to the treatment type selected by the user. For example, a user following PMU aftercare will only see content relevant to that process — from hygiene recommendations to pigment maintenance tips — while a piercing client will receive a completely different set of instructions. This avoids information overload and delivers an experience that is focused, clear, and truly personalized. In the same CMS interface, the client can also manage links to key legal pages such as: - **Terms of Use**, - **Privacy Policy**, - **Contact**. These links are entered as URLs and displayed in-app via a **web-view format**. This solution allows legal documents to be updated without republishing the app — simply updating the URL in the CMS ensures users immediately access the latest version of each document. From a technical standpoint, the system uses Hasura GraphQL API to synchronize CMS content, while the TypeScript API validates the entered links and manages FAQ category availability. On the user side, the Flutter app renders web-view pages within its native interface, maintaining consistent visual identity and smooth navigation. This approach brings together three essential elements — transparency, control, and user experience. Users can access all information within one interface, the client can instantly update content without developer intervention, and the overall design remains clean, structured, and visually coherent. **The FAQ and Legal Pages** module bridges information and trust — giving users direct access to reliable answers and legal transparency without ever leaving the app. ### From Salon to Screen – How QR Codes Turn App Sharing into Smart Marketing To make the Start aftercare app easily accessible to end users, a **dedicated QR code generation** feature was developed for salon owners — a simple yet powerful way to bridge the gap between physical service and digital experience. This solution provides a visually branded, effortless method for clients to download the app instantly, turning everyday salon interactions into seamless onboarding moments. The main goal of this functionality is to **empower salon owners to promote the app** directly within their own space. Through the **Flutter CMS interface**, each salon can generate and download its unique QR code, ready for printing and placement in high-visibility areas such as counters, mirrors, doors, or promotional materials like flyers and stickers. With just one click in the CMS, a modal window opens, offering two main options: - **download the QR code** in light or dark mode, - **view usage details and guidelines** for printing and placement. This dual design ensures flexibility — allowing each salon to choose the version that best complements its interior style or brand visuals. When a customer scans the QR code in the salon, they are immediately redirected to the app’s **landing page**, where they can: - choose their preferred **app version** (Android or iOS), - **read a short overview** of the app’s purpose and how to use it. This approach allows users **instant access to the application** without searching through app stores, while providing salon owners with a simple, professional, and visually consistent way to share the app with their clients. From a technical perspective, the QR code system is integrated with the Flutter-based CMS, which generates and stores codes in an optimized SVG format. **The TypeScript API** manages the automated creation and validation of links to the official landing page, while also handling communication with the Hasura GraphQL layer, which stores metadata for each generated code. On the user side, the Flutter frontend ensures a clear display and instant opening of the modal window, without delay. In this way, the QR code becomes more than a technical feature — it is a **bridge between the physical salon and the user’s digital experience**, serving as the first step that guides the client into the digital post-treatment care process. Through this module, Start Aftercare seamlessly combines practicality and marketing: salon owners can share the app with clients in just seconds — without technical barriers or lengthy explanations — while users gain access to a personalized digital care experience simply by scanning the code. For editors, the CMS ensures that the Android and iOS applications with backend integration are always connected to the latest landing pages and marketing campaigns. ## Speaking Every Language of Care – A Seamless Global Experience To make Start aftercare accessible to a wider audience, a multilingual module was developed to support seven languages defined in collaboration with the Client. This functionality was not conceived merely as a technical enhancement, but as a strategic foundation for expanding the application into international markets. Regardless of the user’s country, device, or language, the system maintains the same standard — clear presentation, consistent tone, and an equal level of precision across every language version. ### Effortless Localization with English as the Ever-Reliable Safety Net When the application is launched for the first time, it **automatically detects the language settings** on the user’s device. If the selected language is supported, the interface is fully localized — from buttons and notifications to instructions and system messages. In cases where the user’s language is not among the supported ones, the app automatically defaults to English, serving as a universal fallback option. This logic seamlessly combines automation and flexibility while giving users the freedom to manually adjust their preferred language within the app settings. As a result, every user — regardless of market or platform — experiences a clear, consistent, and fully localized interaction. Key features of automatic localization: - **Automatic detection** of device language upon first launch. - **Dynamic adjustment** of the interface to the appropriate language version. - English as a **default fallback** for unsupported languages. - **Manual language selection** available in the app settings. Such **integration between the CMS and the mobile application** enables the simultaneous launch of new languages. ### Centralized Translation Management — Control Every Word, Effortlessly All in-app text — from daily care instructions and FAQ sections to notifications and error messages — is **managed centrally through the CMS**. Administrators can input and edit content across all seven supported languages, while the system automatically generates initial translations using the integrated Google Translate API, ensuring both precision and terminological consistency. Every change made within the CMS becomes **instantly visible to users** thanks to real-time synchronization via the Hasura GraphQL API. This approach enables rapid adaptation to market changes, seamless language expansion, and effortless content updates — all without requiring additional development work. Key advantages of centralized translation management: - **Full control** over translations directly from the CMS interface. - **Automated translation** generation with manual fine-tuning options. - **Real-time content** updates across all platforms. - **Effortless addition** of new languages without code-level modifications. Thanks to this approach, Start Aftercare ensures that every word — from titles to instructions — remains **consistent, accurate, and instantly available** to users in their own language. Centralized translation management thus becomes more than just a technical feature — it serves as a **key enabler of global accessibility and locally tailored user experience**. ### A Multilingual Interface — One Experience, For Every Language The user interface, developed in Flutter, supports **real-time language switching** without requiring the app to restart. Static elements (titles, buttons, notifications) are pulled from the centralized translation database, while dynamic content (such as daily care instructions or FAQs) is sourced directly from the CMS and automatically displayed in the user’s selected language. The transition between languages happens instantly and seamlessly, ensuring a natural flow of use. With this approach, Start aftercare maintains a sense of local familiarity within a global reach — every user, regardless of location, experiences the app as if it were designed specifically for them. Multilingual functionality in the Start aftercare app is not just a technical feature, but a bridge to global accessibility. By combining Flutter’s frontend architecture, TypeScript API, Hasura’s real-time GraphQL synchronization, and a centralized CMS, the system ensures flawless communication with users worldwide — without language barriers and without compromising brand identity. In the next section, we explore how the custom-built CMS system becomes the central hub for managing content, users, and commercial components of the application. ## CMS System — Real-Time Control, Real Results At the core of the Start Aftercare ecosystem lies the CMS — the operational heart that powers the entire application. While the mobile app represents its visible face, the CMS serves as its brain — a **central hub that manages content, users, and care processes in real time**. The result is a **mobile application with an integrated administration layer**, where content lives and evolves dynamically. The CMS was developed in **Flutter as a web application**, accessible from any browser without the need to install additional software. This approach makes administration simple, accessible, and secure — transforming Start Aftercare from a mobile app into a complete digital business system that connects all key components — content, users, notifications, and sales elements — into one efficient environment. The system is designed to be intuitive even for users without technical expertise, while in the background, the Hasura GraphQL layer manages database communication and the TypeScript API orchestrates logic transfer and data validation between the CMS and the mobile application. Thanks to this architecture, every change made in the CMS is automatically reflected in the mobile app — with no manual updates, no waiting, and no additional deployment required. The CMS includes a set of advanced, **carefully designed features**: - **Content management** – administrators can add, edit, and categorize texts, banners, instructions, and FAQ sections for all supported languages. - **Real-time synchronization** – every change made in the CMS is instantly visible to app users thanks to the Hasura GraphQL infrastructure. - **Modular architecture** – new modules, languages, or content types can be added without compromising system stability. - **Intuitive interface** – the Flutter-based CMS is designed for quick and simple data entry, easily understandable even for non-technical users. - **Integration of sales elements** – banners, links, and webshop products can be added or edited directly through the CMS, with immediate visibility in the app. - The structures and workflows for **mobile app content management** (treatments, days, phases) are accessible from a single console. In this project, the CMS is not merely a data-entry tool — it’s a **comprehensive business system** that seamlessly connects technology, design, and user experience into a unified whole. With its blend of simplicity, automation, and flexibility, it ensures that every aspect of the application — from content and language settings to banners and notifications — remains current, secure, and fully aligned. Up next: we explore how the automated notifications system enables precise, two-way, real-time communication between the application and end users. ### Admin Command Center — Create, Orchestrate, Publish The Start Aftercare CMS system was developed as the central hub for managing content, users, and care processes. It is designed to give administrators **complete control over business logic and user experience**, without requiring any additional technical expertise. The entire toolset was built to support the **development of a mobile application with an integrated CMS**, giving editors full autonomy over content management. All changes — from adding new treatments to uploading banners — are synchronized in real time with the mobile application via the Hasura GraphQL database, while the TypeScript API ensures proper data validation and seamless transfer between the CMS and the user-facing app. This approach maintains **complete system accuracy, security, and stability**, with minimal need for manual intervention. #### User Management — Precision, Control, and Data Integrity This functionality provides administrators with **precise control over the application’s user** base through the CMS. Within the interface, admins can: - **View and search** users by treatment type, status, or account category. - **Deactivate, reactivate**, or permanently delete user profiles. - **Assign different levels** of access and administrative permissions. - **Review activity history** and registration status. Built-in security mechanisms prevent accidental deletion or unauthorized modification of data, preserving database integrity and ensuring a high level of personal data protection. This module serves as the foundation for administrative control and overall system transparency. #### Treatment Packages Management — Keeping Content Dynamic and Accurate The CMS includes a centralized registry of all aftercare packages — **Tattoo, Piercing, Tattoo Removal, and PMU (Permanent Makeup)**. Administrators can: - **Review existing packages** and their attributes. - **Update** descriptions, images, and content structure. - **Temporarily deactivate** specific packages. - **Add new treatments** as they become part of the service offering. This structure **gives full control** over how available treatments are displayed, ensuring users always access accurate, up-to-date information. In this way, the CMS becomes a key tool for maintaining a dynamic and scalable aftercare system. #### Content Management — Instant Updates, Total Creative Freedom This module allows administrators to **add, edit, and maintain all content** displayed in the mobile application — including text, images, videos, and daily care instructions. Through the CMS, administrators can: - **Add new** content for each treatment type. - **Update existing** instructions or enrich them with multimedia elements. - **Edit display order** and visual layout. - **Instantly publish updates** thanks to real-time synchronization via Hasura. The key advantage of this approach lies in **autonomy** — administrators can manage every element of the app without technical intervention. All changes are reflected in real time, dramatically accelerating updates and maintenance. This is the very essence of the concept of a **content-managed mobile application**. #### Banner and Ad Management — Where Care Meets Commerce The CMS features a dedicated module for adding and managing promotional banners within the application. Through this tool, clients can: - **Add new banners** with links to their webshop or partner sites. - **Assign banners** to specific treatment types or recovery phases. - **Update visuals** and copy in real time. This functionality transforms Start aftercare into **more than a digital guide** — it becomes a smart platform that seamlessly blends education and promotion. Users receive relevant content and recommended products exactly when they need them, while salons enhance their visibility and unlock new revenue opportunities. #### Legal & Informational Pages — Transparency Built In Within the CMS, administrators can easily add and update all **legal documents and informational sections**, including: - Terms of Use - Privacy Policy - Contact Information All links are displayed directly within the mobile app through an **integrated web-view**, ensuring effortless maintenance and full legal compliance — without requiring any development work. This module guarantees that the application remains **transparent, up to date, and compliant** with all regulations with minimal administrative effort. #### Centralized Translation Management — One System, Seven Languages The CMS includes an advanced multilingual management module covering all seven languages supported by the application. Administrators can through Flutter CMS: - **Enter and edit translations** for each language. - Use the **integrated Google Translate API** for automated translation. - **Manually refine** and validate localized content. - **Synchronize all updates** in real time through the Hasura GraphQL API. This approach ensures that all content — from daily care instructions to push notifications — **remains fully localized and consistent**, without the need for additional tools or manual data transfers. The **administrative interface of the Start Aftercare CMS** is not merely a background tool but the operational core of the entire system. It enables administrators to **easily, accurately, and securely manage every aspect of the application** — from users and treatments to languages and banners — with full real-time synchronization with the mobile interface. The efficiency of this CMS-for-mobile architecture is especially evident in multi-market environments and scenarios requiring frequent updates. Thanks to the combination of Flutter CMS, Hasura GraphQL infrastructure, and TypeScript API, every change within the system is automatically reflected in the application. This architecture ensures that the app always remains **up to date, reliable, and ready to scale** — without additional development work or manual adjustments. ### Real-Time Harmony — How the CMS and App Stay Perfectly in Sync **Start Aftercare CMS and the mobile application** are connected through the Hasura GraphQL architecture, which enables **instant, bidirectional synchronization of all content** — from daily instructions and banners to user settings and notifications. This architecture ensures a consistent and seamless integration between the CMS and the mobile application. Whenever an administrator adds or updates information, the change is automatically reflected in the app — without re-downloading, manual refreshing, or any additional steps. In the background, the TypeScript API manages data validation and transfer between the Flutter CMS and the mobile application, while the Hasura GraphQL layer ensures fast and secure communication with the database. The result is **flawless synchronization between the backend and frontend layers**, providing maximum efficiency, precision, and accuracy across the entire system. Users see updates instantly, administrators work without delays, and data is synchronized in real time — **reliably, stably, and without errors**. ## Built to Evolve — A Flexible Architecture Ready for Growth The Start aftercare CMS architecture is designed as an **open, modular platform** — built to continuously evolve and adapt to new requirements. Instead of a closed, static solution, the system is structured so that each component can function independently while seamlessly interacting with others. This approach ensures that any future upgrade — whether it’s adding a new treatment type, an additional language, or integrating with an external service — can be implemented without compromising the system’s stability or performance. The technical foundation of the system relies on **Hasura GraphQL, TypeScript, and Flutter**, enabling: - **modular expansion** of functionality without redeveloping the core, - **scalability** in terms of users, treatments, and supported languages, - **high stability** and data security through two-way real-time synchronization, Thanks to this architecture, Start aftercare can grow indefinitely — evolving from a simple aftercare app into a complete business ecosystem that connects salons, clients, and partners on a global scale. Centralized, automated, and always up to date — the Start aftercare CMS is more than an administrative tool; it’s a **future-ready platform** whose flexible architecture allows the system to scale alongside the business, staying stable, secure, and efficient no matter how far it expands. ## Our Closing Insight — Technology That Cares The **digital transformation of the health and beauty industry** demands solutions that are not only functional but also intuitive, personalized, and intelligent enough to meet the needs of modern users and business partners. The Start Aftercare project demonstrates how **mobile app development and business system design** can merge into a unified digital experience that enhances the entire post-treatment care process — from the first day after a procedure to complete recovery. Start Aftercare stands as a benchmark solution for CMS and mobile app integration within the aesthetic industry. Through carefully planned architecture and a strategic choice of technologies — Flutter for mobile app and CMS interface development, Hasura GraphQL for real-time data synchronization, and TypeScript API for logic, validation, and inter-system communication — we built a platform that combines functionality, design, and performance into a cohesive whole. For the client, this means a mobile application with an administrative layer that can be developed and maintained without disruption. The system allows users to follow **personalized daily care instructions**, enables salons to brand and distribute the app via QR codes, and gives administrators control over content, languages, and campaigns through a **single centralized CMS interface**. Start Aftercare is not just a post-treatment care app — it is a **digital bridge between salons and clients**, designed to deliver safety, consistency, and a professional experience at every stage of care. Thanks to its **modular architecture and scalable design**, the system is ready for international expansion, integration with e-commerce platforms, and future AI-driven features that will further personalize the user experience. Thanks to its modular architecture and upgrade-ready foundation, the system is prepared for international expansion, integration with e-commerce platforms, and future AI-driven features that will further personalize the user journey. This project perfectly embodies our philosophy: **technology has the greatest value when it simplifies everyday life and creates real benefits for users**. Start aftercare proves that an **innovative combination of mobile applications, intelligent CMS systems, and modern UX design** can redefine how we care for ourselves — **digitally, simply, and effectively**. **At RedCode**, we believe the future of digital care is built on tools like these — **secure, flexible, and visually flawless**. Whether you’re developing your first digital product, modernizing an existing application, or looking for a partner to build a scalable growth platform, our team is here to help. Want to develop your own mobile app — from idea to finished product? [Contact us](https://redcode-web.design/contact/) for consultation and collaboration — with us, you’re not just building an app, but crafting a digital strategy for the future of care. --- ### Croatian Gymnastics Federation URL: https://redcode-web.design/references/hgs/ Description: From Paper to Platform: How we've built the Croatian Gymnastics Federation’s Web Application SEO description: Discover how we built a scalable system for the Croatian Gymnastics Federation — automating processes, data management, and digital governance. Technologies: sustavi-aplikacije, app-design For the needs of the Croatian Gymnastics Federation (HGS), we developed a custom-made web application — a modern digital solution built from the ground up to integrate all key processes of Croatian gymnastics. The platform centralizes club, athlete, judge, and coach management, along with competition records, licensing, and automated data exchange with national systems such as NISUS. Through a carefully designed architecture and a modular approach, the system ensures complete transparency, security, and ease of use. A centralized database allows all stakeholders — from clubs to the Federation — to operate within a unified digital ecosystem. Built using a combination of Hasura, Node.js, and Flutter technologies, the system delivers backend stability, fast data processing, and an intuitive user experience. Hasura enables efficient communication between the database and application layers via GraphQL API, while Node.js manages system logic, authentication, and real-time process automation. Flutter was chosen to create a modern, responsive user interface that guarantees a seamless experience across all devices and platforms. The Croatian Gymnastics Federation system is designed to connect all levels of the sports ecosystem — from clubs and coaches to delegates, head judges, and federation administrators — creating a unified digital environment where all data is synchronized, validated, and accessible in real time. The development of the system began with detailed wireframe modeling to precisely test workflow scenarios for each user role (Super Admin, Club, Head Judge, Delegate, Coach). This approach optimized navigation and ensured that every function was positioned for quick access — minimizing unnecessary steps and operational complexity. At the core of the system lies Hasura, integrated with a relational database to enable rapid processing and retrieval of large data sets. Node.js provides a stable application layer that manages authentication, access rights, and data exchange between different modules. On the frontend, Flutter delivers an intuitive and user-friendly interface designed to support the daily operations of clubs and the Federation alike. Thanks to its modular design, new components such as the licensing registry (OLETS), competition registration, or judge management modules can be easily added without affecting the stability of the existing system. This approach allows the solution to evolve alongside the growing needs of the Croatian Gymnastics Federation — providing a secure, scalable, and fully adaptable digital environment for all users. ## From Analysis to Implementation: Building the System from the Ground Up To ensure maximum efficiency and long-term stability, the development of the Croatian Gymnastics Federation’s web application followed a systematic, end-to-end approach — from the initial needs analysis to final implementation. The goal was to create a modern, scalable, and secure web application that automates all key processes of Croatian gymnastics: athlete registration, club management, licensing, competition administration, and synchronization with national systems. The first step was to design an intuitive and responsive user interface that allows easy use without any technical background. By applying wireframe modelling in the early stages of the project, we defined optimal user flows — from member registration to competition management — ensuring fast, clear, and logical navigation for every type of user. Behind the web application lies an advanced CMS built on Hasura and Node.js architecture. This system enables administrators to fully manage users, permissions, and content with easy maintenance and rapid updates. The CMS supports: - Dynamic real-time data management (athletes, coaches, judges, clubs), - Granular role-based access control (Super Admin, Club, Head Judge, Delegate), - Automated data validation (personal IDs, medical certificates, registration statuses). The technological core of the application combines the Hasura GraphQL API, Node.js service layer, and Flutter frontend — ensuring high levels of security, speed, and scalability. Any changes made within the CMS are instantly reflected on the user interface in real time, without the need for manual updates. Advanced visibility and accessibility settings guarantee that each user can view only the data relevant to their specific role. This architecture not only ensures a high level of privacy and data protection but also enables flexible system growth in line with the Federation’s evolving needs. Through this approach, the Croatian Gymnastics Federation web application was built to be stable, easy to use, and technically prepared for future expansion — a powerful digital tool for automation, analytics, and transparent management of sports processes. ## Technology Stack and Security Architecture The Croatian Gymnastics Federation’s web application is built on modern technologies that ensure top-level scalability, security, and reliability — regardless of the number of users or the amount of data processed in real time. The goal was to create a stable and high-performance platform capable of seamlessly integrating with external systems — such as the national NISUS registry — while maintaining the highest technical standards in terms of performance and data protection. To achieve these objectives, the system was built on a combination of three core technologies: ### Flutter: Building a Responsive User Interface Flutter was used to develop a modern, responsive user interface that ensures a consistent and efficient experience across all devices. It enables: - A single codebase for multiple devices and screen resolutions, - Fast rendering and smooth transitions between screens, - Consistent design and high accessibility for all user groups (clubs, judges, coaches, administrators). Thanks to Flutter, the design of the web application is perfectly adapted to users’ daily tasks — from member registration and competition entries to validations and license reviews. ### Hasura + Node.js: The Heart of the System and Its Business Logic At the core of the system lies the combination of the Hasura GraphQL API and a Node.js service layer. This integration provides a stable and scalable backend that enables: - Fast and secure communication with the relational database - Real-time data synchronization between the CMS and the user interface - Optimized server load and advanced query control - Automated user validation and role-based authentication. Node.js manages business logic, API integrations, and security mechanisms (authentication, audit logs, access tokens), while Hasura ensures precise data retrieval and updates through GraphQL queries — significantly enhancing overall system performance. ### Figma: UX Design and Interactive Prototyping All processes and screens were developed through wireframe modeling in Figma. This approach allowed early testing of workflows for each user role (Super Admin, Club, Head Judge, Delegate), ensuring that the navigation structure reflected real user needs. Through an iterative process and UX testing, the system was refined to be logical, visually clear, and intuitively easy to use. ### Modular Architecture and Security Standards The architecture of the Croatian Gymnastics Federation’s web application is modular and easily extendable, allowing new functionalities — such as advanced analytics, OLETS module expansion, or integrations with international systems — to be added without altering the system’s core. Security is ensured through multi-layered protection mechanisms, including SSL encryption, role-based authentication, access control, and activity tracking via audit logs. These standards guarantee complete data protection and uninterrupted performance for all users, even under heavy concurrent load. By combining Hasura, Node.js, and Flutter technologies, the Croatian Gymnastics Federation web application delivers an advanced, secure, and adaptable digital solution. It connects all stakeholders in Croatian gymnastics — from clubs and judges to the Federation — into a unified digital platform ready for further development and integration of new functionalities. ## Design and UX of the Croatian Gymnastics Federation Web Application To ensure a simple and efficient user experience, the development of the Croatian Gymnastics Federation’s web application followed the highest UX/UI design standards. By combining a carefully planned user flow, intuitive navigation, and modern visual elements, we created a system that seamlessly integrates functionality, aesthetics, and ease of use. ### UX Design: Simplicity at Every Step The primary goal of the design was to ensure that users — clubs, judges, coaches, delegates, and administrators — could easily navigate the system without requiring technical knowledge or additional training. During the early development phase, we conducted wireframe modeling in Figma to simulate all main processes and test workflows for each user role. This approach enabled: - Logical and well-structured navigation, where all key functionalities are accessible within just a few clicks - A clear information hierarchy tailored to data structure (members, licenses, competitions, registrations) - Fast input validation, reducing the possibility of errors and unnecessary steps. The design of the web application follows Google’s Material Design principles, ensuring a familiar and intuitive user experience. Every element — from typography to status colors (red/yellow/green for medical certificates) — was designed to provide users with clear, visually consistent feedback throughout the system. ### Designing the CMS – Secure and Effortless Data Management The administrative part of the system — the CMS web application — was developed to provide clear and efficient management of large data volumes. Special attention was given to interface ergonomics and ease of daily use for administrators, with key features including: - An intuitive dashboard interface with clearly defined navigation and status indicators - Advanced filtering and search functions, allowing quick access to athletes, coaches, or clubs - Customizable table views and export options (Excel), helping administrators and delegates prepare official reports with ease - Visual signals and status labels that clearly indicate active, invalid, or incomplete entries The CMS design follows responsive design principles, meaning the interface automatically adapts to screen size — whether accessed from a desktop, tablet, or mobile device. This ensures that all users enjoy the same high-quality experience, regardless of device or resolution. ### Brand Alignment and Functional Aesthetics The visual identity of the web application was aligned with the colors and logo of the Croatian Gymnastics Federation, creating a professional and recognizable visual framework. Colors, icons, and typography serve not only as aesthetic elements but also as functional navigation aids — helping users orient themselves and easily identify key information within the system. Through a combination of modern design, accessibility, and technical precision, the Croatian Gymnastics Federation web application delivers a balanced experience for all user levels — from federation administrators to club members. This approach to web application design ensures long-term sustainability, seamless functional scalability, and a consistently high level of user satisfaction. ## Functionalities of the Croatian Gymnastics Federation Web Application The Croatian Gymnastics Federation’s web application was developed as a modular information system that integrates all administrative, competitive, and licensing processes within Croatian gymnastics. The system’s goal is to automate data management and provide every user — from clubs to the Federation — with a simple, secure, and efficient workflow within a unified digital environment. Through carefully designed modules and an advanced CMS platform, the application enables real-time data synchronization, complete access control, and detailed activity analytics — ensuring a high level of transparency and data accuracy. ### Club Management Module – “Members” This module within the Croatian Gymnastics Federation web application provides centralized management of all registered clubs — official members of the Federation. Its purpose is to ensure a transparent, up-to-date, and reliable overview of organizational data so that all Federation activities, competitions, and athlete registrations are based on accurate information. **Key Module Functionalities** - **Club Records**: Each member club is registered with essential information such as name, address, contact details, registration number, and official representatives. This enables easy searching and browsing while maintaining data consistency across the system. - **Management of Responsible Persons**: For each club, data on responsible officials and their mandates (president, secretary, assembly members) is stored. This feature allows tracking of leadership changes and maintaining an updated registry in accordance with Federation regulations. - **Linked Member Overview**: The module connects each club with its members — athletes, coaches, and judges — displaying their status, category, and valid certifications. This provides a comprehensive, real-time overview of each club’s structure and activity. - **Membership Status and Club Activity**: Each club has a defined status (active, inactive, suspended), which is automatically updated based on criteria such as valid registrations and membership fee payments. This ensures that the system always reflects the Federation’s real membership status in real time. The “Members” module forms the foundation of the Croatian Gymnastics Federation’s digital infrastructure. Its implementation creates a unified database of clubs, minimizes the need for manual administration, and provides precise insight into the operational status of all Federation units. In this way, the Croatian Gymnastics Federation web application becomes the central hub for digital management of sports organizations — ensuring accuracy, transparency, and efficiency across all processes. ### Central Athlete Registry and Activity Tracking – “Athletes” Module The Athletes module is one of the key components of the Croatian Gymnastics Federation web application, designed to fully digitalize the processes of athlete registration, record-keeping, and activity tracking. Its implementation ensures that all athlete data is accurate, up to date, and accessible to authorized users in real time — significantly reducing the administrative workload for both clubs and the Federation. **Key Module Functionalities** - **Athlete Records**: The module allows the entry and storage of essential athlete information, including name, surname, date of birth, personal identification number (OIB), gymnastics discipline, and category. The system automatically validates the OIB to prevent duplicate registrations of the same athlete across multiple clubs. - **Athlete Categorization**: Each athlete is assigned to one of six defined competition levels. The module supports input of category validity periods (from–to) and provides a complete historical overview of changes over time, allowing progress and development tracking. - **Registration and Membership Validity Management**: Registration validity dates are entered via a date picker, with the option to assign dates in bulk for multiple athletes simultaneously. This simplifies administration of membership fees and active status tracking for club members. - **Medical Certificate Tracking**: Each athlete’s medical certificate can be uploaded and approved by the Super Admin. To facilitate monitoring, the system automatically marks certificate validity status using color codes: red — expired, yellow — expiring within a month, green — valid for more than a month. This visual control enables quick assessment of medical eligibility and timely document renewal. - **Medical Record**: The module includes a medical card with key health information (allergies, illnesses, injuries), which can be edited only by the President of the Medical Commission and the Super Admin. This ensures strict data privacy and compliance with medical confidentiality standards. - **Sports Results Management**: The module displays athlete placements and results from competitions they have participated in. Results can be entered manually or automatically retrieved via API integration, including details such as competition location, date, event type, starting and final scores, and rankings achieved. The Athletes module significantly enhances process automation and data transparency within the Croatian Gymnastics Federation. It allows continuous monitoring of each athlete’s progress, rapid verification of medical and registration status, and full integration of performance results. In doing so, the system creates a centralized digital archive of athletes — ensuring efficiency, data security, and transparency across the Federation and its clubs. ### Digital Registry and Professional Staff Tracking – “Coaches” Module The Coaches module within the Croatian Gymnastics Federation web application enables precise management of all registered coaches at the national level. This module centralizes data on licenses, education, and professional qualifications, ensuring a transparent and fully automated system for monitoring the professional workforce. The primary purpose of the module is to increase the efficiency and accuracy of managing coaching records while reducing administrative workload for both the Federation and clubs. This is achieved through the following key functionalities: - **Coach and License Records**: Each coach has a digital profile containing basic information (name, surname, OIB, club) and details of assigned licenses. The system displays the issue and expiry dates for each license and automatically marks its status by color (active, expiring soon, expired), enabling easy tracking of validity without manual monitoring. - **Education and Seminar Records**: The module provides an overview of all professional training sessions and seminars attended by each coach. Every entry includes the event name, date, location, and points earned for participation. This functionality supports continuous professional development — a key requirement for license renewal. - **Coach Status and Categorization Overview**: Coaches are classified according to their level of qualification (Instructor, Coach, Senior Coach, Professor of Kinesiology). The module automatically tracks the validity of each status and maintains a historical log of changes over time. - **Active Membership Management**: The system automatically verifies whether a coach is a member of an active club and whether all required documents are valid — medical certificate, contract, and active license. If any of these conditions are not met, the coach is automatically marked as inactive, ensuring consistency and access control for competitions. - **Integration with the OLET Module**: The President of the Committee for Coach Licensing and Education (OLET) has authorization to view and edit data for all registered coaches. Through this module, the committee verifies data accuracy, supervises the validity of licenses and certificates, and updates records as needed to ensure accuracy and compliance with official documentation. The Coaches module brings a high level of automation, precision, and transparency to managing professional staff. It enables the Federation and clubs to easily monitor licenses and educational activities, while giving coaches a clear overview of their status and obligations. As a result, the Croatian Gymnastics Federation’s web application stands as a comprehensive digital solution for human resource management in sport — built on real data, accuracy, and operational efficiency. ### Digital Registry, Licensing, and Status Control – “Judges” Module The Judges module within the Croatian Gymnastics Federation web application enables centralized tracking, validation, and updating of all registered judges’ data. Its purpose is to ensure a fully digitalized process of record-keeping and licensing, achieving complete transparency, accuracy, and control over the entire judging system. This module is directly connected to the roles of the Head Judge and Super Admin, who jointly oversee the validation process. **Key Module Functionalities** - **Judges Registry**: The module displays a list of all active and inactive judges with essential information such as name, surname, club, category, status, and license issue date. Each judge has an individual profile containing all previous licenses, validity status, and change history, providing a clear overview of progress and professional activity. - **License and Status Management**: The system automatically indicates the license status (active, expiring soon, expired) and allows the Head Judge and Super Admin to monitor validity periods. This eliminates manual verification and ensures timely license renewal. - **Dual Validation Process**: When a club registers a new judge, their status is initially inactive. The Head Judge first verifies the accuracy of submitted data and grants approval, after which the Super Admin confirms the entry as final. Only after this dual confirmation does the judge become officially registered and gain active system access. This two-tier validation process ensures thorough oversight and complete reliability of judging data. - **License and Education Tracking**: The module includes an overview of all completed seminars and educational sessions required for license renewal. This enables continuous monitoring of professional development and guarantees that only qualified judges participate in competitions. The Judges module introduces full automation and transparency to the judging system. Through a combination of centralized data management, dual validation, and integration with the educational module, it ensures that every registered judge is properly licensed, professionally qualified, and administratively up to date. In doing so, the Croatian Gymnastics Federation web application sets a new standard for digital management of licensed professionals — ensuring reliability, professionalism, and control across all competition processes. ### Centralized Registry of Domestic and International Competitions – “Competitions” Module The Competitions module within the Croatian Gymnastics Federation web application enables precise and structured record-keeping of all gymnastics events, clearly distinguishing between domestic and international competitions. This module provides a unified platform for entering, tracking, and archiving competition data, ensuring a standardized, transparent, and well-controlled process of managing the Federation’s sports calendar. **Key Module Functionality** - **Competition Records**: The module allows entry of all essential competition details, regardless of type. For each event, the following information is recorded: name, location, region, type of competition, gymnastics discipline, and date. These data points form the foundation for systematic monitoring of the Federation’s competitive activity and provide a clear overview of the annual event schedule. **Domestic vs. International Competitions** - **Domestic Competitions**: These can be created by club administrators who enter all necessary basic information. For domestic events, it is possible to upload documents such as official entries, results, or technical reports. This feature simplifies data submission while maintaining accuracy through automated system validation, ensuring both accessibility and control. - **International Competitions**: These can only be created by the Super Admin, ensuring full control over data input and documentation. Once the competition is created, the Super Admin uploads associated documents (e.g., invitations, technical requirements, accreditations), which must then be reviewed and completed by the President of the Technical Committee. After completion, the President re-uploads the finalized documents to the system, preserving a complete audit trail of every preparation stage. Documents are added progressively, by phase, allowing full transparency and traceability throughout the entire process — from initial planning to event completion. The Competitions module provides a centralized system for managing all gymnastics events, where every process — from data entry to document storage — is conducted within a single web application. By distinguishing between domestic and international competitions, the system introduces different levels of access and control, ensuring that each event type is managed according to clearly defined rules and responsibilities. In this way, the Croatian Gymnastics Federation web application becomes an essential tool for organized, transparent, and fully digital management of the Federation’s competition calendar and documentation. ## Notification Management — Automated Communication and Multi-Layered Change Control The Notification Management functionality within the Croatian Gymnastics Federation web application enables fully automated, precise, and transparent communication across all user levels. The notification system operates on two levels — a central layer, managed by the Super Admin, and an operational layer, designated for authorized Federation officials responsible for data review, approval, and validation. **Central Layer — Monitoring and Managing Changes** Every initial entry or modification made by a club administrator (e.g., adding a new athlete, updating a coach profile, uploading a medical certificate, or submitting a competition) automatically generates an email notification to the Super Admin. Each notification contains key details about the change — who performed it, when, and in which module — allowing the Super Admin to have real-time oversight of all system activities. All notifications are collected in a dedicated Changes for Review module, where the Super Admin can: - Review all newly added or updated data - Filter between pending and reviewed changes - Decide whether to approve, reject, or return each change for correction After every action, the system automatically sends a feedback notification to the respective club administrator, who is immediately informed about the status of their submission. This approach ensures a controlled, two-way validation process for all system changes, while maintaining the Super Admin’s full supervisory authority. **Operational Layer — Notifications for Authorized Roles** The second layer of notifications is intended for specific Federation officials who have been granted supervision rights by the Super Admin. The system automatically sends email alerts whenever a change occurs within their designated area of responsibility: - **Head Judge**: Receives notifications regarding all changes related to the judging staff, such as new registrations or status updates, ensuring data accuracy and up-to-date records. - **President of the Medical Commission**: Receives automated alerts about updates to athletes’ medical records, including new certificates and modifications to existing data, ensuring continuous oversight of athletes’ health status and documentation validity. - **President of the Competition Commission**: Is notified of every new domestic competition created by clubs, with the ability to approve or reject submissions, maintaining compliance with Federation regulations and the official competition calendar. - **President of the Technical Committee**: Receives notifications about international competitions, particularly documents that need to be downloaded, filled out, and re-uploaded in phases. This ensures transparent tracking of every preparation stage in real time. - **President of the Committee for Coach Licensing and Education (OLET)**: Receives automated updates on all changes within the Coaches module and has authorization to view and edit coach-related data only. This guarantees proper verification, monitoring, and compliance of licenses and educational records with Federation standards. The multi-layered notification system forms the foundation of the communication and oversight structure within the Croatian Gymnastics Federation web application. By combining centralized Super Admin management with automated notifications for authorized officials, the system ensures complete coordination, accuracy, and transparency across all processes. This functionality significantly reduces administrative workload, improves operational efficiency, and guarantees that every entry, modification, or approval within the system is verified and validated by the appropriate authority. ## Integration with the NISUS System — Automated Data Exchange via API The integration of the Croatian Gymnastics Federation’s web application with the NISUS system (National Sports Information System) represents a key stage in the Federation’s digital transformation. This integration replaces the previous manual process of entering and sending data to NISUS — where Federation staff had to input and submit information through external forms — with a fully automated data exchange between systems. The new model enables instant and secure transmission of data for: - legal entities (clubs) - Athletes - Professional staff (coaches) ### Automated System Communication The system communicates automatically with NISUS via a REST API integration, using endpoints defined by the Ministry of Tourism and Sports. Data is sent automatically in the following situations: When a new record is created in the web application (e.g., new club, athlete, or coach) When a change is approved by the Super Admin, ensuring that only verified and validated data is transferred to NISUS The system generates a JSON payload with relevant data and transmits it securely to the NISUS API over HTTPS. The API response includes a status message (success, error, duplicate record, invalid token), which is logged in the system’s audit log together with the timestamp and request ID. If a request fails, the application automatically retries the transmission after a predefined interval until a valid confirmation is received from NISUS. ### Authentication and Security Protocols All communication between the web application and NISUS is secured through an authorization token, generated and renewed according to the Ministry’s security regulations. The token is used to authenticate every API call, ensuring that only authorized users can access the system. Additionally, all data is transferred exclusively via encrypted HTTPS protocol, while audit logs record every transmission attempt, response status, and system feedback from NISUS. This approach guarantees full traceability and data security in compliance with the General Data Protection Regulation (GDPR). ### Manual Data Submission as a Backup Mechanism In cases where automated communication is temporarily unavailable (e.g., a connection interruption with NISUS), the system also allows manual data submission. This option is available to: - **Club administrators**: who can manually send data about their athletes and coaches - **Super Admin**: who has the authority to send or resend data for all entities within the system Manual submission triggers the same API process, initiated directly from the administrative interface. This ensures operational continuity and reliable data transfer even in exceptional circumstances. The integration with the NISUS system marks a revolutionary step in the digital evolution of the Croatian Gymnastics Federation. By automating data transmission, the solution eliminates errors associated with manual entry, accelerates data processing, and ensures greater accuracy and control over all information. The system now enables: - Instant synchronization between internal records and the national sports registry - Reduced administrative workload for clubs and the Federation - Increased transparency and compliance with Ministry regulations - Full traceability and auditing of every modification through detailed system logs Through this integration, the Croatian Gymnastics Federation web application becomes a fully integrated component of the national digital sports infrastructure — a connected, automated, and compliant platform that unites all levels of the sporting ecosystem into one cohesive digital environment. ## Centralized Data Management System (CMS) At the core of the Croatian Gymnastics Federation web application lies a centralized Content Management System (CMS) that provides full control over the Federation’s digital ecosystem. The CMS was designed to consolidate all key functionalities — from user, membership, and competition management to license tracking, notifications, and document handling — within a single unified environment, without the need for external tools or parallel databases. The system’s goal is to ensure that all administrative and operational activities are conducted centrally, securely, and in real time, eliminating duplicate entries, manual errors, and data inconsistencies. **Key Features of the CMS** - **User and Access Management**: The CMS enables the addition, editing, and removal of users, as well as the assignment of roles and access levels (Super Admin, Club Administrator, Head Judge, Delegate, Committee Member). This ensures that each user has access only to modules and data relevant to their role, maintaining a high level of security and organizational clarity. - **Modular Structure and Connected Systems**: The CMS follows a modular architecture — all modules (Clubs, Athletes, Coaches, Judges, Competitions, Notifications, NISUS Integration) are interconnected and automatically synchronized. Any change made in one module is instantly reflected throughout the system, ensuring data consistency and accuracy. - **Real-Time Synchronization and Process Automation**: All updates made by clubs or administrators become immediately visible in the CMS, where the Super Admin can review, approve, or reject them. This real-time approval workflow ensures full control, transparency, and rapid communication across all system levels. - **Security Settings and Access Control**: The CMS uses granular access permissions to define precisely who can view, edit, or approve specific data. The system also maintains detailed audit logs, tracking every change made by club administrators in real time, thereby enhancing accountability and data protection. ### Adaptability and Scalability The CMS of the HGS web application was developed with a modular and scalable architecture, allowing for easy addition of new functionalities or modification of existing ones without affecting system stability. By integrating with the NISUS system and internal modules for athlete, coach, and competition management, the application enables a fully digitalized data flow between the Federation, clubs, and national sports institutions. This approach ensures complete control, transparency, and data security while significantly reducing administrative workload and improving operational efficiency at all management levels. ### Multi-Level Club and Content Management To enable effective yet decentralized data management, the HGS web application employs a multi-level administrative structure based on the principle of “one platform – multiple management units.” This concept allows each gymnastics club to operate as an independent administrative entity within the Federation’s digital system — with its own users, data, and permissions — while maintaining centralized control and oversight by the Super Admin. This approach achieves an optimal balance between club autonomy and standardized management at the Federation level, ensuring efficiency, transparency, and system security. **Key Advantages of the Multi-Level Management System** - **Independent Club Management**: Each club has its own administrative panel within the web application, allowing it to add and manage its athletes, coaches, judges, and competitions. All submitted changes are automatically forwarded to the Super Admin for approval, ensuring full control over data accuracy and integrity. - **Controlled Data Visibility**: The system precisely defines data access and visibility rights. Clubs can only view their own members, athletes, and documents, while the Super Admin and relevant committees have full insight into the overall structure and statistics. This creates a clear hierarchy of access and prevents unauthorized data sharing. - **Automated Review and Approval Workflow**: Every new entry or modification in the system undergoes an automated verification process. Once a club submits data, the system generates a notification to the Super Admin, who can approve, reject, or return the entry for correction. This ensures standardized and traceable data flow without the need for external communication or manual checks. - **Personalized User Experience**: Each user sees only the information relevant to their role — whether representing a club, committee, or the Federation. This provides a clean, simple, and intuitive interface that matches users’ real needs while avoiding information overload. ### Central Oversight and Federation Control At the top of the hierarchy, the Super Admin holds complete control over all clubs, users, and modules within the platform. The Super Admin oversees all activities, can intervene at any system level, and has authority to grant or restrict access to specific functionalities. This structure allows the Croatian Gymnastics Federation to maintain full management control over its digital system while enabling clubs to operate autonomously in their daily work. The result is a smartly designed, multi-level information system that combines the advantages of centralized oversight and local flexibility — making the HGS web application a modular and scalable solution for managing national sports structures efficiently and securely. ## Vision for Long-Term Development and Partnership The development of the Croatian Gymnastics Federation web application has laid the foundation for a comprehensive digital transformation of gymnastics management in Croatia. From the very beginning, the project was conceived as an open, scalable, and upgradeable platform — ready for future functional and technological extensions that will follow the evolution of the sport and the requirements of national institutions. Thanks to its modular architecture and flexible technical framework, the system is ready for: - Expansion through new modules (e.g., financial management, online competition registration, advanced reporting) - Introduction of additional user roles and functionalities - Integration with future national and international sports systems - Implementation of intelligent features such as athlete performance analytics and automated license tracking. ### Long-Term Collaboration and System Maintenance RedCode and the Croatian Gymnastics Federation have established a strategic partnership focused on continuous development, technical support, and long-term digital planning. Through scheduled upgrade phases, the system will be continuously expanded with new functionalities in accordance with the needs of the Federation, clubs, and national regulations. A maintenance contract defines ongoing system monitoring, security protocol supervision, and the implementation of new technical standards — ensuring long-term stability, security, and alignment with the latest technological trends. ### The Digital Future of Croatian Gymnastics This web application is more than just an administrative tool — it is the digital foundation for the future of Croatian gymnastics. It connects all levels of the sport, from clubs and coaches to the Federation and national authorities. Through smartly designed modules, integrations, and planned upgrades, the system will continue to evolve and adapt to the changing demands of the sporting ecosystem. The partnership between the Croatian Gymnastics Federation and RedCode reflects a shared vision of lasting digital collaboration — where technology becomes the driving force of transparency, efficiency, and excellence in Croatian sport. ## Conclusion The digital transformation of sports requires solutions that are not only functional but also technologically advanced, secure, and scalable — ready to support organizational growth and the increasing demands of digital management. The Croatian Gymnastics Federation web application demonstrates how web development and complex information systems can merge into a single solution that delivers administrative efficiency, data security, and an exceptional user experience. By leveraging a carefully selected combination of technologies — Flutter for a modern and responsive interface, Node.js and Hasura for fast and secure data processing, and PostgreSQL for reliable database management — the system achieves stability, modularity, and easy maintenance. Every component was designed to support long-term scalability, process automation, and seamless integration with external systems such as NISUS. This web application is more than a digital tool; it is a fully integrated management platform that connects all levels of the sporting ecosystem — from clubs and coaches to technical committees and national institutions. Administrators benefit from a clear, centralized CMS for managing members, competitions, and documentation, while end users enjoy an intuitive, streamlined, and personalized experience. At RedCode, we believe that technology only proves its true value when it creates tangible impact — when it reduces administrative burden, increases efficiency, and opens new possibilities for growth. The Croatian Gymnastics Federation project stands as a testament to our expertise in web application development, information system design, and the implementation of digital solutions that form the foundation of modern sports management. Whether you need a new web application, digitalization of existing processes, or a fully customized system tailored to your organization — our team is here to help. At RedCode, we don’t just build applications — we build the digital infrastructure of the future! --- ### CroWays URL: https://redcode-web.design/references/croways/ Description: A multimedia GPS guide to Croatia SEO description: CroWays is an innovative tourism mobile application built with Flutter, GraphQL, Firebase, RevenueCat, and Mapbox. Discover how combining mobile app development with business system programming creates a multimedia GPS guide for modern tourism Technologies: izrada-mobilnih-aplikacija, app-design ## 1. Introduction CroWays Multimedia GPS Guide was created with the idea of transforming sightseeing on the island of Krk into **a dynamic, multimedia, and interactive experience**. Unlike traditional guides that provide nothing more than text descriptions or static maps, CroWays leverages the latest technologies to let users explore **at their own pace** and access a wealth of content—texts, photos, videos, and audio guides. Users can start a route, visit landmarks in any order they choose, skip certain points of interest, or take breaks whenever they like. The app provides precise GPS navigation powered by Mapbox, while each location opens a window into its history, cultural significance, and unique features through carefully curated multimedia materials. What sets CroWays apart is its ability **to merge technology with experience**. The app doesn’t just deliver information—it tells authentic stories of the island of Krk, connecting visitors with its local identity and traditions. Each route is designed to turn sightseeing into more than just a tour: it’s a personal journey that sparks curiosity, invites exploration, and gives every traveller the freedom to set their own rhythm. From the very beginning, CroWays was envisioned not only as a mobile app but **as a scalable platform** for digitally guided tours. Through this project, we demonstrated our expertise in **mobile app development, programming, and business system design** that ensures simple and reliable content management behind the scenes. CroWays stands as further proof of our ability to create **innovative digital solutions** that reshape the way people experience destinations. Our technology doesn’t remain hidden in the background—it becomes a bridge between the real world and digital content, making exploration intuitive, safe, and unforgettable. [Learn more about our mobile app solutions](/services/mobile-application-development/) ## 2. Building the System from the Ground Up For CroWays to become a truly reliable and engaging tool for visitors to the island of Krk, we first had to **conduct a thorough analysis of user needs**. Travelers exploring new destinations expect a digital guide to be: - **intuitive** – simple to use, without the need for lengthy instructions or additional explanations, - **flexible** – adaptable to each traveller’s pace and interests, - **multimedia rich** – not limited to text, but enriched with photos, videos, and audio content, - **up to date** – capable of continuously adding new routes and content in real time. These guidelines served as the foundation for defining both the system architecture and the user experience. We understood that the end user does not want a complex tool, but rather a **digital companion** that simplifies exploration. To achieve this, development began with **wireframe prototypes created in Figma**. These prototypes allowed us to visualize all key user flows in advance—from registration and route purchases to on-site navigation and multimedia consumption. At this early stage, we engaged a focus group of users to test the prototypes and provide feedback on clarity and ease of use. This ensured that every functionality served a clear purpose and that the application remained intuitive, even while offering a wide range of content and features. At the system architecture level, we opted for a **modular approach**, ensuring both scalability and stabilit: - **mobile application(frontend)** – developed in Flutter, optimized for both iOS and Android, - **backend i CMS** – a central hub for content entry and management, - **GraphQL-based API layer** – enabling fast, precise, and bidirectional communication between the app and the CMS. This setup made it possible for any change in the CMS to be instantly reflected in the application, without requiring users to reinstall the app or download updates. As a result, the system remains **fresh, reliable, and always ready** to meet the needs of both users and administrators. ## 3. Technological Aspects CroWays was built using modern technologies that ensure **stability, scalability, and outstanding performance**, even under demanding conditions such as weak network connectivity or the need to display multimedia content in real time. Our goal was to develop a **fast and reliable system** capable of supporting users in the field, offering an intuitive experience while giving administrators simple tools to manage rich content through the CMS. To achieve this, we relied on several key technologies: ### Flutter – Mobile App Design and Development To guarantee smooth performance across all devices, we chose **Flutter**, a framework that allows building Android and iOS apps from a **single codebase**. This approach brings multiple benefits: - Unified development and maintenance, which shortens implementation time and reduces costs. - Fast UI rendering and fluid animations powered by the **Dart language**. - A consistent user experience—the app looks and works the same on every platform. Flutter was the natural choice because it enables complex visual elements and interactive components, which are crucial in CroWays for presenting multimedia content and ensuring real-time navigation. ### GraphQL – Optimized Data Exchange For communication between the mobile app and the CMS, we implemented **GraphQL**, a modern alternative to traditional REST APIs. Its main advantages in CroWays include: - Fetching only the exact data the app requires, minimizing mobile data consumption. - Faster loading of routes, photos, and landmark descriptions, even with weak connectivity. - A flexible and scalable architecture, ready for future expansion GraphQL keeps the app **lightweight and fast** while allowing the backend to deliver only relevant data in real time, without unnecessary server load. ### Firebase – User Authentication and Security To ensure secure access and seamless account management, we integrated **Firebase Authentication**, which provides: - Safe user login via email and other authentication methods. - Centralized account management and controlled access to content. - Full integration with the Flutter app, without complex custom setups. We chose Firebase Auth for its **reliability, scalability, and proven security standards** — crucial for any app handling sensitive user data. ### RevenueCat – Purchase and Subscription Management Since CroWays operates on a route-purchase model, we integrated **RevenueCat**, a specialized platform for in-app purchases. This solution provides: - Centralized management of subscriptions and one-time purchases across iOS and Android. - Synchronization of purchase history and packages across all user devices. - Transparent reporting and transaction tracking for administrators. With RevenueCat, users enjoy a **seamless purchase experience**, while administrators no longer need to worry about technical differences between Google Play and the App Store. ### Mapbox – Navigation and Mapping For precise and visually appealing navigation, we chose **Mapbox**, a modern alternative to Google Maps. Its advantages for CroWays include: - Fully customizable maps and visual styles, allowing the app to maintain a unique visual identity. - Real-time navigation with clear, turn-by-turn instructions. - Offline mode support, which is particularly valuable in areas with unstable signal coverage. Mapbox is a key component of CroWays, providing users with **reliable orientation in the field** and enabling interactive exploration of landmarks. ### Figma – UI Design and Prototyping To ensure the app was both visually engaging and easy to use, we relied on **Figma**, a collaborative design tool. It allowed us to: - Create wireframes and prototypes before development, accelerating planning of user flows. - Enable real-time collaboration between designers, developers, and the client, with instant feedback. - Rapidly iterate and test different design solutions. Figma played a crucial role in creating an **intuitive user experience**, where design emphasizes multimedia content and simple navigation throughout the application. ### Modern Architecture – Secure and Future-Ready CroWays was developed using a **modular and scalable approach**, meaning that new features can be added easily without compromising system stability. This approach enables: - Flexible expansion of the app and CMS with new functionalities. - High resilience under heavy loads, regardless of the number of users. - Implementation of the highest security standards in data storage and exchange. This technical foundation ensures that CroWays remains **stable, fast, and sustainable in the long term** — a platform ready for growth and future upgrades. ## 4. Design and User Experience To deliver an outstanding user experience, we applied **best UI/UX practices** during the development of both the mobile application and the CMS system. Our goal was to ensure that design and functionality served simplicity and content first. CroWays was built to guide users naturally, intuitively, and visually, without placing obstacles in their way. The mobile application was developed in line with **Google Material Design** and **Apple Human Interface** guidelines, ensuring users feel comfortable and familiar on both platforms. Key elements that enhance the experience include: - Simple and logical navigation – users can quickly start a route, purchase content, or activate an audio guide with just a few taps. - Clear information hierarchy – content is structured into route overviews, route details, maps, and multimedia, without overloading users with unnecessary text. - Smooth screen transitions – providing natural and fluid movement throughout the app. To optimize design, we used **wireframing and prototyping in Figma**, which allowed us to: - Test user flows before development, reducing the risk of unintuitive solutions. - Incorporate feedback from focus groups early in the process. - Iteratively adjust the design to highlight multimedia content and ease of use. Special attention was given to **international accessibility** — from its first version, CroWays has been available in multiple languages (Croatian, English, German, and Italian), making the app attractive and accessible to tourists from different countries. ### CMS Design – Tailored for Administrators Just like the mobile app, the **CMS** was designed with a focus on simplicity and efficiency. Administrators managing routes and content require a clear and fast tool, so we built the CMS to: - Provide an intuitive interface optimized for everyday use. - Enable quick content search and filtering, essential when managing large numbers of landmarks. - Use customizable dashboards that give administrators real-time insights into key data and statistics. This design ensures that administrators can easily add new landmarks, upload multimedia, and update routes—with all changes **instantly visible to app users**, without requiring additional installations. By combining user-focused app design with a streamlined CMS, CroWays succeeds in creating a platform that is both a **delightful experience for travellers** and a reliable tool for administrators. It achieves the perfect balance between visual appeal, intuitive usability, and technical precision. [Learn more about our mobile app design solutions](/services/mobile-application-development/) ## 5. Application Features The CroWays app was designed as a **fully digital sightseeing experience**, combining multimedia content, GPS navigation, and flexible personalization options. Each feature was developed to offer users more than a typical tourist guide—providing a sense of freedom, interactivity, and security while exploring new destinations. ### Route Browsing and Purchase One of the app’s core features is the ability to **easily browse and activate routes**. Users can explore available routes through clear descriptions, supporting photos, and short introductions to landmarks. Once they select a route, activation happens through a **simple and secure in-app purchase**. Thanks to integration with RevenueCat, purchased routes unlock instantly and become available on all the user’s devices, whether on Android or iOS. This creates a **seamless experience** where technical details remain invisible - keeping the focus on content and exploration. ### MMultimedia Landmarks Every point of interest (POI) is presented as a **multimedia experience**, moving far beyond plain text descriptions. Users gain access to: - Detailed texts - High-quality photos - Video clips - Audio guides. These transforms sightseeing into an **interactive journey**. While walking the route, travellers can listen to stories, watch videos, or browse photos that add depth and context to each location. The result is a \*_personalized and engaging travel experience_. ### Real-Time Navigation To help users explore worry-free, CroWays integrates a **Mapbox-powered navigation module** offering: - Accurate user location tracking on the map - Clear turn-by-turn instructions between landmarks - Interactive display of all points of interest along the route. Mapbox was chosen for its high level of customization and reliability, including **offline functionality** — essential for rural and mountainous areas. This ensures that users can depend on the app even when internet connectivity is limited. ### Route Flexibility A defining feature of CroWays is the **freedom it gives travellers**. Users are not bound to a fixed order of landmarks but can: - Rearrange the sequence of POIs - Skip certain stops - Add pauses and resume whenever they wish. This flexibility reflects the philosophy of CroWays — **the user sets the pace** while the system adapts to their preferences, creating a unique journey for every traveller. ### Offline Capabilities Recognizing that tourists often explore areas with unreliable connectivity, CroWays supports **core functionalities in offline mode**. This allows users to continue navigation, follow routes, and access preloaded content without an active connection. This feature guarantees **continuity of the experience**, making CroWays a reliable companion even in remote locations. ### Data Security and User Accounts User security was a top priority in CroWays development. By integrating **Firebase Authentication**, we ensured: - Secure sign-in and account management - Reliable protection of personal data - Transparent access control for purchased content. This gives users **full confidence in the app**, knowing that their data is protected by industry-leading security standards. ### Synergy of Features All these features come together in a **unified ecosystem** where route browsing, multimedia content, navigation, and data security work seamlessly. For users, CroWays becomes a practical, reliable, and inspiring guide. For administrators, the CMS ensures simple content management and effortless updates. This approach guarantees that CroWays is not just another tourist app, but a **next-generation digital guide** — interactive, adaptable, and designed to enrich every journey. ## 6. CMS and Business System Development Alongside the mobile application, the central element of the CroWays platform is its powerful and **flexible CMS system**, which gives administrators full control over both content and users. Developed as a **web application**, the CMS is accessible from any device and requires no additional installation. This ensures that CroWays is not only a mobile guide for tourists but also a comprehensive **business system** that keeps routes, landmarks, and multimedia content always up to date and easily accessible. The CMS was designed to be operated even by people without technical expertise. An intuitive interface clearly grouped functionalities, and real-time synchronization via GraphQL guarantee that any change made in the CMS is **instantly reflected in the mobile app** — without additional updates or manual interventions. This approach saves time, reduces maintenance costs, and ensures that app users always have access to the most current information. ### Key CMS Features - **User Management** – administrators can add, edit, or block user accounts. Specific roles and access levels can be assigned to ensure data security and transparent community management. - **Route and Landmark Management** – the system supports rapid creation of new routes as well as editing existing ones. Each point of interest (POI) can include text descriptions, photos, videos, and audio guides, making the CMS the central hub for multimedia content. - **Place and Region Management** – although the first version of CroWays focuses on the island of Krk, the CMS is built to be scalable, allowing new regions and destinations to be added easily without major technical changes. - **Language and Translation Management** – as CroWays targets an international audience, the CMS includes multilingual support (HR, EN, DE, IT). Administrators can quickly update translations to keep the app accessible and attractive to a wider tourist base. - **Statistics and Reports** – the CMS provides insights into key metrics such as user numbers, revenue from route sales, purchased vs. consumed routes, and active journeys. These reports allow administrators to make informed decisions about future development and marketing. ### Seamless Integration with the Mobile App The CMS and mobile application are connected through **GraphQL architecture**, ensuring instant data synchronization. When an administrator adds a new route or updates a landmark description, the change is immediately visible to users—no reinstallation or manual updates required. This model showcases our expertise in **business system development**, where backend and frontend work in perfect sync, ensuring stability, speed, and reliability across the entire ecosystem. ### Adaptability and Scalability The CroWays CMS was designed using a modular and scalable approach, meaning new functionalities—such as additional content types, third-party integrations, or advanced analytics—can be added without compromising stability. This flexibility makes CroWays a **future-proof solution**, ready for long-term growth and expansion. The CMS therefore acts as the **business core of the project**: a tool that allows administrators to efficiently manage content and users, while guaranteeing app users a **reliable and always up-to-date guide**. With CroWays, we clearly demonstrate our expertise in developing enterprise-grade business systems and modern mobile applications, built on principles of security, scalability, and intuitiveness. ## 7. Future Development and Upgrades Although CroWays was initially launched with a focus on the island of Krk, from the very beginning we built it as a **scalable and sustainable platform**. Our goal was not to stop at a single destination, but to create a **digital guide for exploring all of Croatia**. Thanks to the modular architecture of both the mobile app and the CMS, we can gradually introduce new features, expand content, and integrate with external services—without compromising stability or performance. ### Planned Upgrades and New Features - **Expansion of Routes and Regions** In the upcoming phases, we plan to expand beyond Krk, covering other Croatian regions and cities. New content can be easily managed through the CMS, while users will instantly see updated information in the app. This approach positions CroWays as a **comprehensive national tourist guide**. - **Enrichment of Multimedia Content** Each route already includes text, images, audio, and video materials. In future releases, we will extend this with **virtual tours, augmented reality (AR), and interactive galleries**, offering travelers a deeper, more immersive experience of each destination. - **Advanced Recommendation Engine** By implementing algorithms based on user preferences, the app will be able to suggest personalized itineraries. This will transform CroWays from a digital guide into an **intelligent travel assistant**. - **Enhanced Offline Capabilities** Enhanced Offline Capabilities Since many tourists explore rural or mountainous areas with limited internet access, we are planning to expand offline features. Users will be able to download entire routes with all multimedia and navigation elements, ensuring uninterrupted sightseeing experiences. - **Partnership with Local Institutions** We see CroWays as a collaborative platform. By integrating content from local museums, tourism boards, and cultural institutions, the app will offer exclusive stories, hidden gems, and special offers. This creates value not only for travelers but also for local communities, strengthening their connection. ### Long-Term Vision Our vision is for CroWays to grow into the **most complete multimedia GPS guide for Croatia**, capable of keeping pace with both tourism and technology trends. The system has been designed as an open, adaptable platform, ready for future integrations—from new languages and currencies to innovations such as AI-powered personalization. Thanks to this flexibility, CroWays is not just an app built for today’s needs but an **investment in the future of digital tourism** — ready to adapt to changing user behaviors and evolving market demands. With this approach, CroWays reaffirms our expertise in **mobile app development, business system programming, and digital solution design** - creating products that are stable, modern, and built for long-term growth ## 8. Conclusion The digital transformation of tourism demands solutions that are not only functional but also flexible enough to keep pace with the expectations of modern travelers. CroWays Multimedia GPS Guide demonstrates how **mobile app development and business system programming** can merge into a single product that delivers personalized experiences to tourists, while giving administrators complete control over content. Through a thoughtful selection of technologies — **Flutter** for mobile development, **GraphQL** for fast and optimized data exchange, **Firebase** for secure authentication, **RevenueCat** for purchase and subscription management, **Mapbox** for accurate navigation, and **Figma** for design and prototyping — we created a platform that is secure, scalable, and built for long-term growth. CroWays is not just another tourist application; it is a **digital companion**, allowing users to explore landmarks at their own pace, enriched with multimedia content and real-time navigation. At the same time, it provides administrators with an **intuitive CMS** for managing routes, content, and users—without the need for technical expertise. This project embodies our philosophy: technology is most valuable when it creates real benefits and is shaped into a story that engages both users and business partners. CroWays stands as a clear example of how an innovative combination of **mobile app programming**, advanced business systems, and modern storytelling can define a new dimension of Croatia’s tourism offer. At RedCode, we believe the future of tourism will be built on exactly these kinds of digital tools—secure, flexible, and simple to use. Whether you need **your first mobile app**, modernization of an existing system, or the development of a **scalable platform** ready for future growth, our team is here to help. ### Want to develop your own mobile app—from idea to finished product? Get in touch with us for consultation and collaboration—because with us, you’re not just building an app, you’re shaping a digital strategy for the future. --- ### Nexus URL: https://redcode-web.design/references/nexus/ Description: Nexus – Digital Revolution: Innovation From Concept to Solution SEO description: Nexus drives digital transformation with a powerful CMS and mobile apps for Android and iOS. Discover how interactive quizzes, advanced analytics, and personalized notifications elevate the user experience to the next level! Technologies: izrada-mobilnih-aplikacija, app-design Nexus is a modern digital solution, developed from the ground up to meet the demands of security, scalability and interactivity in digital business. Through carefully designed functionalities, such as live quizzes, advanced PUSH notifications and a powerful CMS system, we have created a platform that enables easy content management, user engagement and effective analytics. Using the latest technologies and intelligent content management systems, Nexus enables complete automation of business processes, while analytical modules provide detailed insight into user interactions. The flexible system design ensures that the platform can adapt to different industries and business growth, without the need for complex adjustments. With the Nexus platform, organizations and companies receive a secure, customizable and efficient digital tool, which not only facilitates daily operations, but also encourages greater user engagement and optimizes digital strategy. This solution is another proof of our expertise in developing innovative digital platforms, which bring real business benefits and long-term value. As part of the Nexus project, we developed a modern digital solution consisting of a mobile application for Android and iOS and an advanced CMS system. Our goal was to create an intuitive and functional platform that would enable easy content management, secure data processing, and an interactive user experience. To ensure that the application would be easy to use, we started the development process with wireframe modeling – a simple interface representation that allowed us to test in advance how users would use the application. With this approach, we optimized navigation and ensured that each function was quickly accessible without unnecessary steps. Behind the scenes of the Nexus platform is the Hasura + PostgreSQL database, which allows for fast retrieval and processing of large amounts of data. This technology ensures that all data is secure, always available, and automatically synchronized between the CMS system and the mobile application. Also, Nexus is developed with a modular architecture, which means that new functionalities can be easily added without affecting the stability of the system. Thanks to this approach, the system can be adapted to different industries and needs, providing users with a secure, fast, and simple digital experience. **Building the System from the Ground Up** To ensure maximum efficiency and adaptability of the Nexus system, we took a comprehensive approach to development – ​​from the initial idea to the final implementation. Each phase of the project was carefully planned to provide users with a simple, yet powerful digital solution. The first step was to design an intuitive user interface, allowing users to easily and quickly access the application’s functions, without the need for lengthy learning or customization. We used wireframe modeling to test user flows and optimize navigation, ensuring that all key options were available in just a few taps. Behind the scenes, we developed an advanced CMS system, which allows administrators to fully manage content and users. The CMS is designed to be easy to use, yet powerful enough to support complex functionalities, including: - **Modular content management**, allowing for adding, editing, and categorizing data in real time. - **Advanced user management**, where administrators can define permissions and access to different parts of the system. - **Automated post control**, ensuring consistency and accuracy of information. In order to achieve high security, stability and scalability, we used the most modern technologies. The system is designed to support a large number of users simultaneously, without slowing down or dropping performance. We have implemented advanced visibility and content availability settings, which means that each user sees only the information relevant to them, depending on their role, company or organization. This ensures a high level of privacy and data security, while administrators have full control over all publications, interactions and user rights within the platform. This approach allows for a fully customizable system, which can grow with the needs of the organization, ensuring long-term stability and data security. ## Technical Aspects of the Project Nexus is built using state-of-the-art technologies that ensure high scalability, security and excellent performance, regardless of the number of users or the amount of data processed in real time. Our goal was to provide a stable, fast and adaptable system, capable of efficient integration with other digital solutions and flawless operation of mobile applications. To achieve these goals, we used the following key technologies: ### Flutter – design and programming of mobile applications To ensure fast and responsive operation of mobile applications, we used Flutter, a development tool that provides: - **A single code base for Android and iOS**, which reduces development and maintenance costs. Fast application execution, thanks to direct rendering of the user interface. - **A consistent user experience**, because the application looks and functions the same on all devices. We chose Flutter because of its ability to support complex UI components, which is especially important for interactive features such as live quizzes and real-time data synchronization. ### Hasura + PostgreSQL – optimized database structure For efficient data management, we used Hasura + PostgreSQL, a combination that enables: - **Fast and secure access to large databases** using the GraphQL API. - **Minimal server load**, thanks to advanced query optimization mechanisms. - **Automatic data synchronization**, ensuring that all changes in the CMS system are immediately visible in the mobile application. This architecture ensures that the Nexus platform can handle a large number of requests simultaneously, without impacting application performance. ### Figma – wireframe modeling and user interface design In order to make the design of mobile applications visually attractive, intuitive and easily adaptable to different devices, we used Figma to: - **Wireframe modeling**, enabling precise user flow planning before implementation. - **Design prototyping and testing**, to ensure a smooth user experience without unnecessary complications. - **Rapid iteration of design solutions**, reducing application development time and increasing interface quality. ### Modern architecture – secure and adaptable to future upgrades The Nexus platform is designed with a modular and scalable approach, which allows: - **Adding new functionalities** without the need for major changes to the existing system. - **High load resistance**, which prevents the application from slowing down even when used by a large number of users simultaneously. - **Security standards at the highest level**, including access control, data encryption and protection against unauthorized changes. This technical approach allows the Nexus platform to remain stable, fast and ready for future upgrades, providing a reliable and efficient digital ecosystem for users and administrators. ## Design and User Experience In order for Nexus to provide an excellent user experience, we used the best UI/UX practices during the development of the mobile application and CMS system, ensuring that the design of the mobile applications and the structure of the database were adapted for easy and efficient use. The mobile application was developed in accordance with Google Material Design and Apple Human Interface guidelines, which ensured a natural, intuitive and visually pleasing user interaction. Key elements that improve user experience include: - **Simple and logical navigation** – users can quickly find the desired functions without unnecessary steps. - **Clear hierarchy of information** – data is organized so that it can be easily reviewed and understood. - **Fluid transitions between screens** – ensuring smooth and uninterrupted movement through the application. To improve accessibility and optimize the use of the application on different devices, we used wireframe modeling in Figma, which allowed us to: - **User flow testing before implementation**, reducing the possibility of unintuitive design solutions. - **Iterative design**, enabling rapid adaptation of the app's functionality and appearance according to user feedback. ### CMS system design – tailored to administrators and data management The Nexus CMS system was developed with the aim of maximum functionality and adaptability for administrators, enabling easy management of large amounts of data. The design is tailored to provide: - **An intuitive user interface**, which allows for quick navigation and efficient manipulation of content. Advanced filters, which make it easier to search and organize data in the system. - **Customizable dashboards**, which allow administrators to quickly access key information. Special attention has been paid to accessibility and responsiveness, ensuring that all users – regardless of whether they are using a mobile device, tablet or computer – have an optimal experience working with the platform. This design approach allows the Nexus platform to be a pleasant experience for end users and a powerful tool for administrators, creating a balanced combination of visual appeal, intuitive use and technical precision ## System Functionalities ### Real-Time Interactive Quiz System One of the key functionalities of the Nexus platform is the interactive quiz system, which allows for the participation of an unlimited number of users in real time. This feature is designed to provide a fully interactive and dynamic user experience, with a high level of technical optimization that allows for fast and accurate processing of a large number of simultaneous interactions. Users can participate in live quizzes, answering questions within a defined time limit. The system is designed to encourage competitiveness and engagement of participants, and its automated scoring method further emphasizes the element of competition. Each quiz includes: - **Automatic scoring system**, which takes into account the accuracy of answers and the speed of answering. - **Real-time update of results**, allowing participants to instantly see their scores and progress. - **Real-time ranking of participants**, which increases competitiveness and user engagement. - **Detailed analysis of results**, which allows users to better understand their own performance and progress over time. #### Detailed analytics and personalized feedback After completing the quiz, the system automatically generates detailed reports, which include: - Total number of points earned. - Percentage of correct answers. - Average answering speed per question. - Ranking position relative to other participants. This information allows users to assess their performance, identify areas for improvement, and track their progress over time. #### Integration with PUSH notifications and reward systems To increase user engagement, the quiz system is connected to PUSH notifications, which provide users with timely reminders of upcoming quizzes and notifications of their results. These notifications can be personalized, ensuring that each user receives information that is relevant to them. Quizzes can also be connected to reward systems, which further motivate users to actively participate and continue competing. Rewards can include virtual badges, points, or exclusive benefits, which increases long-term user participation and interaction with the platform. This approach ensures a high level of engagement, competitive spirit, and continuous user motivation, making Nexus a powerful tool for education, gamification, and digital interaction. ### Complex and Robust CMS System The core of the Nexus platform is a powerful and flexible content management system (CMS), which gives administrators complete control over the application's digital ecosystem. The CMS is developed so that all key functionalities – user management, content and interactions – can be performed from a single centralized system, eliminating the need for external tools or additional systems. One of the key advantages of the Nexus CMS is its ease of use, while at the same time a high level of functionality. Administrators have full control over the content, while users gain access only to relevant data and modules, depending on their role in the system. #### Key features of the CMS system - **Advanced user management** – ​​administrators can add, edit and delete users, define their permissions and roles, as well as monitor their activity in the system. Each user has precisely defined access levels, ensuring data security and organizational hierarchy. - **Modular content management** – ​​the system allows the creation, editing and categorization of different types of content, including articles, events, quizzes, educational materials and notifications. The flexible structure of the CMS allows it to adapt to different business models, making it easier to integrate new content and distribute it to users. - **Real-time synchronization** – all changes made to the CMS are instantly reflected in the mobile application, eliminating the need for manual updates. This functionality not only reduces system maintenance time, but also ensures that all users are always up to date with the latest information and updates. - **Security settings and access controls** – the CMS allows you to define granular access levels, ensuring that each user or administrator role has precisely defined permissions over certain parts of the system. This approach ensures data protection and better organization within the system. #### Automation and analytical tools in the CMS system One of the biggest advantages of the Nexus CMS is the automation of key processes, which allows administrators to effectively manage large amounts of content without the need for technical intervention. In addition to content management, the CMS includes advanced analytical tools that allow administrators to: - **Monitor user engagement** – ​​detailed statistics on how often users use the application, which sections they visit, and how active they are within the platform. - **Platform interaction analysis** – user behavior data enables content optimization and user experience customization. - **Data-driven content optimization** – by analyzing user habits, administrators can precisely adjust published information to make it more relevant and useful to end users. #### CMS adaptability and scalability The Nexus CMS system is designed with a modular architecture, which means that new functionalities can be easily added without affecting the stability of the existing system. Thanks to this approach, the CMS is adaptable to different industries, and its flexibility allows for quick integration with other digital solutions. This advanced content management system provides a secure, stable and scalable solution for organizations that want full control over digital content and user interactions, ensuring quick and easy access to key information at all times. ### Multivendor functionalities and advanced content management To ensure maximum adaptability and scalability of the Nexus platform, we have developed a multivendor architecture that allows multiple independent entities to manage their content and users within the same platform. This functionality is especially useful for organizations, associations, companies and institutions that want to use a centralized digital system, but still maintain full control over their part of the platform. In this way, each user or administrative unit can manage their content and users independently of other entities. #### Key advantages of the multivendor system - **Multi-tiered administration system** – Each vendor has its own administrator panel within the CMS, through which it can independently create, edit and organize its content, without affecting other users or organizations within the system. - **Controlled content visibility** – Administrators can precisely determine who can see which content, enabling flexible management of private and public information. For example, internal documents can be available only to certain groups of users, while public materials are visible to everyone. - **Automated post control** – The system allows for content review and approval before publication, ensuring that all information on the platform is verified, accurate, and consistent. This feature is especially useful in organizations where it is important to maintain a high level of information quality. - **Personalized content display** – Application users see only the information that is relevant to them, based on their preferences, role in the system, and interaction history. This approach reduces information overload, and users receive a targeted experience that allows them to navigate the platform more easily and quickly. #### Adaptability for different industries Thanks to a modular approach and flexible settings, multivendor functionality makes Nexus a customizable solution for different sectors – from education and healthcare to corporate and non-profit organizations. This architecture enables: - **Secure and decentralized control over data**, where each vendor has its own autonomy, but at the same time uses a single platform. - **Easy adaptation to business needs**, because the system can grow and develop with users without the need for major infrastructure changes. The multivendor model ensures that Nexus remains a flexible, secure and efficient tool for digital content management, allowing organizations to have full control and easily scale the system to their own needs. ### Advanced Analytics and Statistics One of the key features of the Nexus platform is an advanced analytics system, which allows administrators to view user activity and system performance in real time. Through this module, administrators can monitor how the application is being used, which segments are most visited, and where there is room for improvement. The analytics system is designed to provide clear and useful data, allowing administrators to make faster and more accurate decisions about optimizing content and improving the user experience. #### What does the analytics module provide? - **User engagement statistics** – View the number of active users, frequency of application use, participation in quizzes, and interaction with published content. This information helps to understand what users are most interested in and how to improve their experience. - **Quiz performance analysis** – Detailed data on the number of participants, average scores, quiz duration, and response patterns allows for a better understanding of user engagement and adjustment of quizzes to make them even more interactive. - **Content overview insight** – Track the number of views of articles, video trainings, and other digital materials, with the ability to segment users by interests or activity level. This insight allows administrators to tailor content to users based on real data. - **Export and visualization of data** - All collected data can be exported in CSV or Excel format, and the system also allows graphical display of trends through dynamic dashboards, which facilitates analysis and decision-making. #### Why is this analytics useful? The analytics module is not just a data collection tool – it enables understanding of user habits and system optimization based on real information. Administrators can identify the most used functionalities, improve those that users use less often, and adjust the platform's growth strategies to make it even more efficient and attractive to users. The combination of statistics, content analysis and data visualization tools allows the Nexus platform to remain relevant, optimized and focused on the real needs of users. ### Advanced PUSH Notification and In-App Messaging System Communication with users is one of the key elements of any digital platform, and timely and relevant notifications help users stay informed and engaged. That's why we integrated a layered notification system into the Nexus platform, which enables personalized notification of users based on their activities, interests and behavior within the application. #### Types of notifications and how they work Nexus CMS allows administrators to easily create and manage different types of notifications, including: - **PUSH notifications** – Notifications that are sent directly to users' mobile devices, informing them about new events, quizzes, published articles and other relevant content. - **E-mail notifications** – Enable additional connectivity with users, providing detailed information and enabling asynchronous communication. - **In-app messages** – They are displayed within the application, in the form of banners or pop-up windows, so that users receive important information in a timely manner without interrupting work in the application. These notifications are integrated with different modules within the system, ensuring that users receive relevant information at the right time. #### How do notifications help users? The notification system is designed to provide useful and timely information, and not to overwhelm users with unnecessary messages. Examples of how they are used include: - **Reminders for upcoming quizzes and educations**, ensuring that users participate in interactive activities in a timely manner. - **Notifications about new articles, video content and important news**, helping users stay informed about new content on the platform. - **Personalized notifications**, based on user preferences and interactions within the application, providing users with information that is really important to them. #### The key role of notifications in the live quiz system As part of the interactive quiz system, notifications play an important role in engaging users and improving the user experience. Notifications to users can: - Inform about the start of the quiz, so that they can participate in a timely manner. - Display results in real time, allowing users to track their ranking and performance. - Encourage participation through personalized messages, providing users with motivation to actively engage. After completing the quiz, the system automatically generates detailed results, including: - Total number of points won. - Percentage of correct answers. - Average response speed per question. - Ranking list of participants in real time. - Scalable and customizable notification system The notification system is designed to be fully customizable, allowing administrators to define sending rules and adjust the content of notifications according to specific user needs. This approach enables maximum communication efficiency, while at the same time ensuring that users receive only the information that is useful to them, thus increasing engagement and continuous use of the application. --- ### Din Lokale Bodega (rework) URL: https://redcode-web.design/references/bodega-rework/ Description: Rework of CMS and apps for efficiency, security, and user experience. SEO description: Discover how our CMS and mobile app redesign enhanced efficiency, security, and user experience. Learn about Flutter & Hasura integration, advanced analytics, and new marketing tools. Technologies: izrada-mobilnih-aplikacija, app-design Through our long-standing partnership with the client, we are proud to have contributed to this rework project, which embodies our shared vision of innovation and sustainable development. This continuation of our long-term collaboration is a testament to our commitment to delivering technically superior solutions and fostering relationships built on trust and strategic goals. Our digital application, designed to modernize sales processes, represents a step toward a more sustainable future. By replacing traditional paper cards with a digital format, among other improvements, we reduce waste and contribute to environmental preservation. This project is not just a technological advancement but also a meaningful contribution to the green transition, helping to create a more responsible and forward-thinking business landscape. ## Redesign and Enhancement of the Management System (CMS To meet the challenges of modern business and evolving user needs, we undertook the redesign and enhancement of the content management system (CMS). We recognized the need for advanced tools that centralize business processes and streamline the management of key functions. This technical overhaul is built on an innovative combination of modern technologies—Flutter for the front-end and Hasura for the back-end—aimed at creating a comprehensive solution that enhances efficiency and security. ### Key Components of the Redesign **1. Flutter Integration** Flutter, a leading technology for building responsive user interfaces, enabled us to create an intuitive and adaptable front-end. This tool allows seamless content management and user interactions across multiple devices, ensuring a consistent experience regardless of the platform. The user interface has been redesigned with a strong focus on aesthetics and functionality, making application management simpler and more efficient. **2. Hasura Backend** The implementation of Hasura, a system for managing databases and back-end logic, has significantly improved performance and security. Leveraging GraphQL has enabled faster data access and more efficient handling of complex queries, further enhancing system reliability. Hasura is an ideal solution for centralizing business processes, simplifying database management, and providing the flexibility needed for future upgrades. **3. Function Centralization** One of the core goals of the redesign was to integrate all essential functions into a unified CMS environment. This includes managing subscriptions, user statuses, and transactions, all of which are now consolidated thanks to Hasura's advanced technology. The need for separate platforms such as Firebase Console, Stripe Console, and various email tools has been eliminated, reducing complexity and boosting productivity. **4. Technical Synergy** The combination of Flutter and Hasura has ensured a seamless synergy of technologies that are adaptable, secure, and scalable. This integration enables more efficient development, minimizes reliance on external tools, and provides the flexibility needed to accommodate evolving user and market demands. ### Redesign Outcome The new centralized CMS solution has enhanced user experience and administrative efficiency while ensuring high technical standards of security and performance. This solution enables the client to manage business processes from a single platform, providing faster, more reliable, and more sustainable operations. ## What We Changed in the CMS **New User Interface** The new user interface was designed with a focus on modern aesthetics and intuitive navigation. Visual elements, including colours, typography, and icons, have been redesigned to enhance readability and ease of use. The system menu is structured to provide quick access to key functions such as content management, subscriptions, and transactions. Additionally, the responsive design ensures a seamless user experience across all devices, from desktops to mobile platforms. **Improved Firebase Integration** Although the system has migrated to a custom database with the Hasura platform, Firebase has been retained for user authentication. This decision has enabled faster login processing and enhanced security. At the same time, removing the dependency on Firebase’s real-time database has provided greater flexibility and allowed the system to be tailored to the client’s specific business needs. **Enhanced Content Administration** Content management has been improved to simplify and accelerate the process of publishing and updating information. New data entry interfaces now include automatic format validation to ensure data accuracy. Automated publishing workflows reduce the time required to implement changes, while flexible tools allow content customization for different languages and regions, which is essential for international users. **Performance and Security Optimization** Technical enhancements have significantly increased system speed and security. By optimizing backend queries and resource management, page load times have been drastically reduced, providing a smoother user experience. Security measures, including GDPR compliance, have been implemented to protect sensitive user data. Additionally, the system now meets Google Play Store requirements, allowing for seamless user data deletion in compliance with the right to be forgotten. **New Features for Hospitality Business Owners** Hospitality business owners now have access to personalized tools within the CMS, where each venue owner receives a dedicated section. This functionality enables them to manage location-specific data, including offers, pricing, and promotions. Furthermore, owners can export activity history in various formats, making it easier to analyse data and generate reports for better business insights and informed decision-making. **Administrative Dashboard and Data Control** A new administrative dashboard centralizes all key information in one place. Advanced filters allow sorting and searching of data based on various criteria, significantly simplifying the management of large datasets. Fast updates and adjustments reduce the need for technical expertise, making the system more accessible to all users. **User Experience and Feedback** The CMS redesign has greatly improved the user experience, as confirmed by positive feedback. The system now offers a more intuitive interface and reduces errors, increasing reliability. User feedback is continuously collected and analysed through error logs, enabling rapid issue resolution and further system enhancements. **Future Plans and Upgrades** Looking ahead, we plan to further automate processes to streamline workflows for users and administrators. The development of advanced analytics tools will provide deeper insights into user behaviour and application performance. Additionally, we aim to expand CMS functionalities, including new tools for managing promotions and events, further enhancing the system’s ability to meet user and market needs. ## Technical Upgrades The technical upgrades to the CMS were designed to improve data management efficiency, user experience, and overall business performance. Through the implementation of advanced tools and functionalities, we have enabled precise analysis, resource optimization, and system security, providing business owners and administrators with a reliable platform for daily operations. These upgrades make the CMS scalable and ready for future challenges and market demands. **Daily, Weekly, and Monthly Consumption Overview** This functionality allows super administrators to analyse consumption by user, location, and date. Data is presented in clear charts and tables, offering insights into key consumer behaviour patterns. With this information, super administrators can make strategic decisions regarding promotions, orders, and other business processes. **Consumption Data Export** The data export function enables downloading consumption reports for individual locations or in aggregate formats such as CSV or Excel. This simplifies in-depth analysis outside the system and facilitates report preparation for internal teams or external partners, expediting data-driven decision-making. **Inventory Status Counter** An automated inventory counter continuously updates stock levels based on recorded consumption and received supplies. This feature eliminates human error, ensuring accurate inventory tracking and planning. **Inventory Filtering by Locations** This tool sorts locations based on stock levels, highlighting those with the lowest inventory at the top. This allows super administrators to quickly identify priority restocking needs, increasing operational efficiency. **Dynamic Pricing for Klippekort** Dynamic pricing allows for setting flexible prices within predefined ranges. The system includes a base price and scalable discounts, helping to create attractive offers for different user segments and increasing revenue. **User Management and Overview** The CMS now integrates tools for a detailed review of user profiles, including their activities, subscription statuses, and interaction history. Super administrators can efficiently monitor, edit, and manage users, ensuring better user experience and timely support. **Subscription and Product Sales Statistics** This feature provides a detailed insight into the sales performance of subscriptions and individual products. Statistics are displayed in charts and numerical reports, helping super administrators analyse sales success and identify potential areas for improvement. **User and Product Activation** This feature enables super administrators to quickly activate or deactivate users, subscriptions, or products. It streamlines user request management and allows for quick responses to changes in statuses or offers. **Subscription Extension** Super administrators can now easily extend user subscriptions through an intuitive interface. This feature helps maintain user satisfaction and ensures service continuity without interruptions. **Feedback and Error Logs** The CMS centralizes error logging and user feedback, enabling quick identification and resolution of issues. The system collects data on all errors, helping technical teams improve system performance and stability. **User Status Monitoring** A dedicated functionality for tracking user status provides detailed insights into user activity, including current subscriptions, utilized services, and other relevant data. This allows super administrators to make personalized decisions and offer better support. **Secure Credit Card Removal** Secure removal of user credit card information is one of the key security features. This functionality is fully compliant with regulatory standards, ensuring user trust and protecting sensitive data. **Event and Promotion Management** Administrators can easily create and manage events and promotions for hospitality venues. These updates are automatically pushed to users via notifications, keeping them informed about special offers and activities, ultimately increasing engagement and sales. ## Redesign and Enhancement of Mobile Applications The redesign of mobile applications for Android and iOS focused on implementing changes that significantly improve the user experience. All updates were designed to provide a more intuitive and seamless app experience while optimizing key functionalities that allow users easier access to services and information. These enhancements not only elevate user experience standards but also ensure greater stability and reliability across both platform. ## What We Improved in the Android and iOS Apps **User Segmentation and Personalized Notifications** We introduced significant improvements in user segmentation, enabling more precisely targeted marketing campaigns. Users now receive personalized push notifications tailored to their interests, behaviour, and purchase history. This system ensures that users receive relevant information and offers at the right time, increasing engagement and customer satisfaction. **Coupon Management** The coupon system has been significantly upgraded. We have added dynamic customization options for promotions and offers based on specific user needs. Users can now easily browse, redeem, and track their coupons within the app, making discount and promotion management simpler and more efficient. **New Analytics and Reporting Tools** We expanded the set of analytics tools, providing deeper insights into user behavior, marketing campaign effectiveness, and return on investment (ROI). This functionality helps business owners better understand their customers and fine-tune their offerings for maximum impact. **Marketing Automation** We implemented marketing automation tools for tasks such as sending email campaigns, notifying users about special offers, and setting up reminders. These tools enable continuous user engagement without manual intervention, improving the efficiency and consistency of marketing efforts. **Event Marketing** A new event browsing screen has been added for venue locations. Users can now search events by name, date, and time, and filter them by location. Each event screen displays additional details such as pricing, time, location, and a link for more information. This functionality makes it easier for users to track and plan their event participation. **Klippekort Features** Advanced Klippekort functionality has been integrated into the app. A new filtering button allows users to find venues that offer Klippekort, while venues where a Klippekort has been purchased are highlighted at the top of the list. Each venue now displays Klippekort availability, and the pricing is visible on the venue's profile. During purchase, users can sort Klippekort options by lowest price, highest price, or closest venue. **Payment Methods** The app now supports additional payment methods, including Apple Pay, Google Pay, Klarna, and PayPal. This expanded selection provides users with greater flexibility and convenience when purchasing services or Klippekort. **Klippekort Screen Redesign** The Klippekort screen has been redesigned to resemble an access card, visually displaying the used portion of the Klippekort each time a service is redeemed. This design provides a clearer overview of remaining services, further enhancing the user experience. **Login Method Restrictions** For security and simplicity, users who register with a specific method (phone, Facebook, or Google) must continue using the same method for future logins. This reduces the risk of unauthorized access and ensures authentication consistency. All These Improvements Lead to a More Functional, Intuitive, and User-Centric Experience. With increased personalization, expanded marketing tools, and optimized functionalities, both users and business owners benefit from a smoother and more engaging platform. ## Conclusion This project, encompassing the redesign and enhancement of both the mobile applications and CMS, is yet another testament to our long-standing expertise in developing digital solutions tailored to our clients' specific needs. From modernizing the user interface to implementing advanced features such as personalized push notifications, user segmentation, and new payment method integrations, our goal remains the same: to provide users with an exceptional experience while equipping our clients with the tools for efficient and successful business operations. Every change in this project was designed with a focus on increasing efficiency, security, and flexibility, laying the foundation for future business growth and development. Through custom-built Android and iOS applications, new tools and functionalities enable precise data analysis, personalized content management, and higher user engagement. If you’re looking to elevate your business with innovative digital tools and custom mobile applications, reach out to us. Our expertise and attention to detail will help transform your ideas into reality and ensure your competitive edge in the market. Contact us today and let's start a successful collaboration! --- ### Contessa Villas (rework) URL: https://redcode-web.design/references/contessa-rework/ Description: Rework of the website and CMS for better management of luxury vacation rentals. SEO description: Discover a brand-new digital ecosystem with a modern web platform and advanced CMS. Enhance user experience, optimize reservations, and ensure secure transactions with innovative technologies! Technologies: sustavi-aplikacije, sustav-za-iznajmljivace, izrada-web-stranica, internet-marketing, app-design In this project, we didn’t just focus on improving the existing system – we decided to build a completely new platform from the ground up to ensure a better user experience and a more efficient way of managing reservations. Main Project Goals: - **Create an intuitive and visually appealing user experience** through a completely new website design. - **Simplify and accelerate the reservation process** so that users can easily find and confirm their desired accommodation. - **Provide administrators with advanced tools** for managing reservations, payments, and reviews through a modern CMS system. - **Improve the payment system** by integrating a more secure and efficient payment gateway that ensures transparent financial transaction tracking. Through a combination of innovative design, advanced functionalities, and the latest technologies, we have developed a powerful and flexible digital system, tailored to the needs of both modern users and administrators. ## A Completely New Website Design – Simple, Fast, and Intuitive Experience With ever-growing user expectations, we redesigned the website to provide a better user experience and greater efficiency in the reservation process. What does the new design offer? - **A modern and visually appealing look**, aligned with the latest UX/UI trends. - **A simplified reservation process**, with clear steps and an intuitive guide that helps users quickly select and confirm their accommodation. - **Optimized page load speed**, ensuring a seamless experience across all devices. - **SEO optimization**, improving search engine rankings and attracting more potential guests. - **Advanced search filters**, allowing users to find accommodations more easily based on their preferences. - **Full responsiveness**, ensuring an optimal experience whether using a mobile phone, tablet, or desktop computer. This redesign not only enhances the visual appeal of the website but also ensures higher user engagement, lower bounce rates, and an increase in reservations. ## New CMS System – Advanced Functionality for Complete Business Control Alongside the website redesign, we developed a new, more flexible and functional CMS system, allowing administrators to manage reservations, payments, and user interactions more efficiently. Key Advantages of the New CMS: - **Detailed tracking of reservation payments**, giving administrators a clear overview of financial transactions. - **Optimized reservation and property management**, with a simplified interface and faster data entry. - **Automated tracking of the entire reservation lifecycle**, from creation and confirmation to payment and final guest review. - **Advanced review management tools**, allowing administrators to view, filter, and respond to user comments. - **Simplified addition and editing of accommodation units**, with a better overview of availability and pricing settings. This new CMS system provides administrators with complete control over operations, eliminating the need for external tools and simplifying daily tasks. ## New Payment System – A More Secure and Efficient Transaction Process To ensure a reliable and straightforward payment method, we integrated the Viva payment gateway, an advanced solution for financial transactions that enables: - **Faster and more secure payment processing**, supporting multiple payment methods (credit/debit cards, online transfers). - **Automated payment linking with reservations**, eliminating manual errors and ensuring accurate financial reports. - **Easy tracking of payment status**, allowing administrators to see which reservations are paid, pending, or canceled at any time. - **The highest security standards**, ensuring user data and transaction protection. By implementing this payment system, we have ensured faster payment processing, greater reliability, and easier revenue tracking. ## Technical Aspects of the Project – Stability, Speed, and Scalability To ensure top-tier stability, performance, and long-term scalability, we selected the latest technologies that enable fast data processing, development flexibility, and secure integration between all system components. - **Flutter** – Used to develop modern and responsive user interfaces, ensuring high performance, a consistent look, and a smooth user experience across all devices. - **Hasura + PostgreSQL** – A combination that enables fast processing of large data volumes, dynamic GraphQL API generation, and advanced filtering and analytics, significantly improving data handling. - **Node.js (API)** – The backend application is based on Node.js architecture, allowing fast request processing, stable and scalable API integration, and efficient database and external service connections. - **Qwik (frontend)** – Using the Qwik framework ensures extremely fast web content delivery, reducing page load times and optimizing performance through intelligent loading and rendering of only necessary application parts. This technological combination makes the system highly efficient, reliable, and adaptable to future upgrades, providing users with a fast and seamless experience, while allowing administrators to securely and easily manage all business aspects. ## Conclusion By developing a completely new website and CMS system, we have ensured better functionality, a simpler management process, and optimized reservation and payment processes. This system delivers a top-tier user experience, enhances business operations, and allows for precise financial transaction tracking, making it the ideal solution for companies looking to optimize their operations and improve their digital presence. --- ### Pimp My Race Car AI URL: https://redcode-web.design/references/pimp-my-race-car-ai/ SEO description: Meet the future of vehicle personalization with Pimp My Car AI by RedCode, an app that uses artificial intelligence to visually customize cars to your liking. Available worldwide on Google Play and the Apple Store, it allows users to easily upload photos of their vehicles and experiment with different styles and customizations, encouraging creativity and innovation in the automotive industry. Technologies: izrada-mobilnih-aplikacija, app-design Welcome to the exciting world of car personalization! Introducing Pimp My Car AI by RedCode, a revolutionary app that uses artificial intelligence to allow users to customize and transform their vehicle using just a photo. This app is designed to put creativity and innovation in your hands, allowing you to visually explore and realize changes to your car. ## Development process: From idea to app launch Pimp My Car AI was born from the desire to provide car enthusiasts with a simple tool to visually personalize their vehicles. The RedCode development team recognized an opportunity to create something that would allow users to see potential modifications before actually applying them. ### Planning and development The project began with a thorough analysis of user needs, followed by careful planning of the development phases. To create the application, a combination of technologies was chosen that support fast and efficient development on multiple platforms, which allows users access regardless of whether they use Android or iOS. ### The used technologies Google's UI toolkit platform, **Flutter**, was chosen for the development of the Pimp My Car AI application due to its ability to enable the rapid creation of attractive and fluid user interfaces for mobile platforms. Flutter uses a unique 'write once, run anywhere' approach, enabling the team to develop a consistent user experience across iOS and Android devices. This framework uses the Dart programming language that provides optimized performance and compilation to native machine code, resulting in smooth and fast application performance. The combination of **Hasura and GraphQL** is used to manage the backend operations of the application. Hasura is an automated GraphQL server that connects to existing databases and enables fast deployment of secure GraphQL APIs. This technology allows the application to efficiently retrieve, change and use data in real time, which is crucial for the dynamic and interactive user experience that the application offers. GraphQL allows developers to precisely define which data should be retrieved or modified, reducing unnecessary data traffic and increasing application efficiency. **Firebase Authentication** provides a simple yet extremely secure mechanism for managing user authentication in the Pimp My Car AI app. This service allows developers to implement various login methods without having to maintain their own authentication infrastructure, which significantly reduces complexity and increases security. By introducing Firebase Authentication, Pimp My Car AI ensures that the user login and authentication process is not only secure but also adapted to modern privacy and personal data protection standards. Through this solution, RedCode was able to create a reliable platform that offers users a hassle-free car personalization experience. ### Design and User Experience Special attention has been paid to the design of the user interface, which is intuitive and easy to navigate. The goal was to create a pleasant and interesting experience for all users, regardless of their previous experience with technology. ### Testing & Feedback Before the official launch, the application went through extensive tests and a beta version that was available to a limited number of users. Their feedback helped fine-tune the functionality and user experience. ## Launch: Availability & Global Reach After months of thorough development and rigorous testing phases, Pimp My Car AI by RedCode has officially been released to the public, giving users worldwide access to this innovative car personalization tool. The application is made available globally, allowing all interested users to easily download and use it. Pimp My Car AI launched simultaneously on two leading digital marketplaces - the Google Play Store and the Apple Store, ensuring that users regardless of their mobile operating system have access to the app. Regardless of whether you use an Android or iOS device, you can simply visit the corresponding portal, search for "Pimp My Car AI by RedCode", and download the application to your mobile device with a few clicks. With global availability, Pimp My Car AI allows users from different corners of the world to experiment with the design of their vehicles. No matter where you are, you can access the app, upload photos of your cars and start exploring the various customization options it offers. This availability not only encourages creativity but also promotes a global community of enthusiasts who can share and compare their creations. Pimp My Car AI by RedCode is not just an app; it's a platform that connects car enthusiasts around the world, giving them the tools to transform their cars into fantastic tin pets. Enter a world where your car becomes an expression of your personality and creativity, available right at your fingertips via your smartphone. --- ### Nk Novakovec URL: https://redcode-web.design/references/nk-novakovec/ Description: Mobile app we built to manage all aspects of a local football club. SEO description: Explore the innovative mobile football app that provides comprehensive club management, detailed player and match analysis and effective communication. Without a classic CMS, integrated chat, player statistics and connection to the COMET system make this application an indispensable tool for the modernization of your football club. Technologies: izrada-mobilnih-aplikacija, app-design We are proud to present our newest mobile application, which has been developed specifically for the management of a football club. This application, adapted to the specifics of our client, offers a number of functionalities that make it easier to manage the club, monitor player activities and create connections with fans.. ## Development of an idea Every successful project starts with a spark of inspiration. In our case, the inspiration came from our client's deep passion for football and the need for a more efficient way of managing the club. The development process began with a deep analysis of their needs and desires, researching best practices in the industry and creating a vision that would meet all their requirements..   ### Collaboration and Analysis After defining the initial vision, a phase of intensive cooperation with our client followed. Through a series of interactive sessions and workshops, we investigated their needs in detail, identified the challenges they face and defined the key goals that the application should achieve. This phase was key to gaining a deep understanding of the client's needs and ensuring the development process was aligned with their goals. ## Design Using the creativity and expertise of our design team, we designed a visual identity for the mobile app that reflects the passion for football. From the selection of colors and fonts to the design of icons and interface elements, every detail has been carefully planned to create an aesthetically appealing, but also functional interface that will provide users with a pleasant user experience. ### Intuitive Navigation One of the key goals was to ensure intuitive navigation through the application. We've carefully designed the layout of interface elements and interactions to give users easy access to all the app's functionality, regardless of their experience level. ## Programming Our team of developers worked diligently to implement all the functionalities of the application, using the most modern technologies and tools to ensure a high level of performance, security and stability. Every functionality, from the integrated chat for the club management to the connection with the COMET system, has been carefully programmed and tested to ensure a flawless user experience.. Specific functionalities that make the mobile application special include: * **Integrated chat for club management** - Enables club management members to exchange information quickly and securely. This tool ensures instant communication between board members, which contributes to efficient decision-making and coordination of activities within the club. * **No classic CMS** - All aspects of the application are managed without the need for a classic CMS (Content Management System) - from creating users to publishing notifications - everything is done within the application itself. This ensures greater security and ease of content management, allowing the app admin to quickly and easily update information within the app. * **Fan site** - Fans can use the app to buy annual tickets and follow news about the club. This functionality provides fans with an easy and convenient way to participate in club activities and stay informed about the latest events and results. * **Connection with COMET system** - The integration with the central national system COMET allows the club and the users of the application to access all relevant information about match results and statistics. This functionality provides clubs with complete visibility over sporting events and enables them to make informed decisions based on current data. * **Player statistics** - The application enables monitoring of all relevant statistical data on players, including physical predispositions, attendance at training sessions and matches, as well as the number of goals scored. This functionality provides detailed insight into player performance, which helps coaches and managers make informed decisions. * **Technology** - The application was programmed using Flutter, a cutting-edge cross-platform framework for developing mobile applications. Flutter enables the rapid development of high-quality applications that run on multiple platforms, including Android and iOS. This technology brings numerous benefits, including excellent performance, fast interface construction, and easy maintenance and updating of the application. * **Crashlytics i Analytics** - The implementation of Crashlytics enables the identification and correction of the causes of application crashes, ensuring the stability and reliability of the application. On the other hand, Analytics allows monitoring the use of the application and identifying areas for improving the user experience. These tools are crucial for maintaining high application quality and provide important insights for further optimizations and upgrades. ### Testing and Improvements After the implementation, the application was subjected to thorough testing in order to identify possible shortcomings and improve its functionality. Open communication with the client allowed us to quickly implement their feedback and ensure that the application perfectly matches their needs and expectations.. ## Application launch The launch of the mobile application marked the beginning of a new chapter in the digital transformation of our client. Through a global rollout, the app has become an indispensable club management tool, providing users with a simple and efficient way to track activities and connect with the club and community.. This mobile app is an opportunity to support our favorite local football club! We developed it with love and passion for football, and now we are donating it as a tool for better club management. With this free donation, we want to facilitate the club's organization, communication between players and board members, and better communication with fans. We hope this app will contribute to the community and make our club even stronger and more successful! --- ### Diecast parking URL: https://redcode-web.design/references/diecast-parking/ SEO description: Learn about the development process of a mobile application for tracking model car collections, created in collaboration with an avid collector. See how, through passion research, aesthetic design and technical execution, we have achieved a vision that unites model car enthusiasts around the world. Technologies: izrada-mobilnih-aplikacija, izrada-web-stranica Welcome to the world of our latest mobile application for managing car model collections - specially customized and designed according to the wishes and needs of our valued client! Through these lines, we want to share with you the journey we have taken together to create a digital experience that reflects the passion and love for cars. ## Development of an idea Every innovative project starts with a spark of inspiration, and in this case it was the client's passion for collecting model cars. Through a careful analysis of his needs and wishes, together we shaped the vision of a mobile application that not only facilitates the organization of the collection, but also provides a unique experience to users. The idea was to create a tool that would bring enthusiasts together, allowing them to discover new models and share their passion with a global community of car models enthusiasts. ### Exploring passion The first step was a detailed research and analysis of the needs of car models enthusiasts. We talked with our client about their favorite models, their preferences for organizing their collection, and the ways they would like to share their passion with others. This key understanding helped us to shape the foundations of the application. ### Defining goals The phase of setting clear goals followed. We wanted to create a mobile app that not only makes it easy to keep track of the collection, but also encourages community among car models enthusiasts. By setting goals, we had a clear vision of what to achieve. ## Design With the design of the visual identity, we focused on creating an aesthetically attractive interface that will provide users with pleasure during mobile app usage. ### Aesthetic elements The design was guided by aesthetic elements inspired by the world of cars. The choice of colors, lines and fonts was in harmony with the dynamism and elegance that car lovers appreciate. We wanted to create an interface that is not only functional, but also exudes a passion for cars. ### Intuitive navigation We carefully developed the user interface to be intuitive for all users, regardless of experience level. Each user element and icon had a specific purpose, which helped us to enabled smoothly transitions through the application. ## Programming The technical aspect of the development was crucial for achieving the defined goals. Developers used the most modern technologies to create an application that would meet functional and security standards. ### Implementation of the functionalities This was the phase in which we implemented all the functionalities defined in cooperation with the client. Fast and secure exchange of information, the ability to add new models with ease and organization of the collection are set as priorities. What we definitely have to point out are the technical functionalities that make this application successful and special: * **User registration** - for user registration, we use email address registration. Google Firebase Authentication is running in the background, which allows us to easily track users. * **Picture galleries** - serve to display cars from the collection. We have implemented a drag&drop function to make it as easy as possible for users to manage images. * **Share option** – Enables sharing of collections among users, in order to increase their mutual interaction. All you have to do is enter the email address of the user with whom you want to share the collection, and that's it. * **InApp Purchases** – Implemented to facilitate monetization of the app itself. Includes in-app bundle purchase. Packages are very transparent and easy to choose, which makes it much easier for users to use. * **Top list** - we have implemented the ability to view the most active users, and that via the top list. With the possibility of numerous filters (by manufacturer, by type of vehicle, ratio...), it is very easy to see which users are the most active. * **Android and iOS** - the application is built using Flutter, a cross-platform framework for developing mobile applications. Choosing Flutter enabled us to develop quality applications for Android and iOS devices with the help of a single codebase * **Self driven application** – this application that does not use a CMS (Content Management System) to manage its content. Instead, the application uses its own code to manage content, such as user data, cars, etc. This makes the application more flexible and scalable than applications that use a CMS. * **Push notifications** – They are used primarily to notify users when collections are added and deleted. At the same time, the user can share with others his collections, wish lists, sale lists, and he can also share only individual car models, if he wishes. * **Crashlytics and Analytics** - Implemented as standard app monitoring tools as Crashlytics allows us to identify and fix the causes of app crashes, while Analytics allows us to monitor app usage and identify areas for improvement. The implementation of these tools allows us to improve the quality and user experience of our application. ### Testing and improvements Through thorough testing, we identified potential challenges and improved the application's performance. Open communication with the client enabled us to quickly implement their feedback. ### Placement on stores After a successful development cycle, it was time to launch the app on Google Play and the App Store. We have adapted the application to the specifics of each platform in order to ensure maximum visibility and accessibility. Global representation The app launch marked the moment when our client was able to share his passion for cars with enthusiasts around the world. Through a global rollout, we hope the app will become one of the leaders in the digital space for car enthusiasts. This holistic approach to mobile application development is the result of a collaboration that has led from the initial idea to the creation of a digital experience that has resonated with car models enthusiasts. We are happy to have had the opportunity to work with our client to develop this unique mobile application for managing car model collections. We are always here to turn your ideas into reality and create digital solutions that reflect your passion and vision. --- ### Asian Spice URL: https://redcode-web.design/references/asian-spice/ Description: Discover how we created an attractive web shop for Asian Spice using October CMS and Stripe payment processor, enabling them to expand their rich selection of Asian spices and delicacies worldwide. Read our story of creativity, security, and technical expertise that stands behind this successful online store. SEO description: Crafted Asian Spice Web Shop with October CMS & Stripe, fueling global spice expansion. Explore our tale of creativity & security. Technologies: izrada-web-trgovina-shop Creating a web shop for our client, Asian Spice, was an inspiring project that challenged us to showcase our technical expertise and creativity. In this article, we will share our experience in developing the web shop using the October platform and integrating Stripe as the payment processor. ## 1. Understanding Asian Spice and Their Needs Before we embarked on creating the web shop, we carefully studied Asian Spice, their products, and objectives. Asian Spice was passionate about Asian cuisine and wanted to share their selection of Asian spices and delicacies with food enthusiasts worldwide. ## 2. Choosing an E-commerce Platform One of the key decisions was selecting the right e-commerce platform. After research and analysis, we opted for October CMS, a robust open-source platform that provided the flexibility and control we needed. October allowed us to create a tailored experience for Asian Spice. ## 3. Design and User Experience Designing the web shop was a crucial step. We chose a bright and attractive color palette and an intuitive design to attract customers and enable easy product browsing. A user-friendly interface and quick navigation were essential for a positive user experience. ## 4. Integrating Stripe as the Payment Processor To provide a secure and reliable payment method, we integrated Stripe as our payment processor. Stripe enabled us to accept various credit card types and ensure the security of customer data. ## 5. Security and Testing Ensuring the security of the web shop was our top priority. We implemented an SSL certificate and conducted regular testing to safeguard all data. We also thoroughly tested all web shop functionalities to ensure flawless performance. ## 6. Education and Support Once the web shop was ready for launch, we provided training to the Asian Spice team so they could manage products, orders, and inventory easily. We committed to offer continuous technical support in order to ensure them smooth and hassle-free operations. The result of our collaboration was an exceptional web shop that allowed Asian Spice to deliver their range of Asian delicacies worldwide. Through the use of October CMS and Stripe, we created a platform that is easy to manage and enables Asian Spice to achieve their business goals. This project was inspiring as we had the opportunity to work with a client whose passion for Asian cuisine was contagious, and the results were outstanding. Creating a web shop for Asian Spice was a chance to blend technical expertise and creativity to satisfy the appetites of Asian food enthusiasts around the world.vaj projekt nas je inspirirao jer smo imali priliku raditi s klijentom čija je strast prema azijskoj kuhinji bila zarazna, a rezultati su bili izvanredni. Izrada web shopa za Asian Spice bila je prilika da spojimo tehničko umijeće i kreativnost kako bismo stvorili online trgovinu koja će zadovoljiti apetit ljubitelja azijske kuhinje diljem svijeta. --- ### Schoenstattbau URL: https://redcode-web.design/references/schoenstattbau/ SEO description: Experience the Excellence: Explore Schoenstatt Bau's New Website - A Fusion of Professionalism, Innovation, and Quality Construction Projects. Technologies: izrada-web-stranica For our client Schoenstatt Bau - a renowned Luxembourg construction company with years of experience in the industry - we have created brand new website. The goal of the project was to create modern, functional, and visually appealing website that would reflect the company's identity and values. ### Design: Our team of expert designers approached the website design with great care. Through thorough research and analysis of the target audience and the construction industry, we were able to create an aesthetically pleasing and intuitive design that reflects Schoenstatt Bau's professionalism, quality, and reliability. We combined a contemporary and minimalist style with a clear and organized structure to create a positive user experience. ### Functionality: In addition to the aesthetic aspect, we paid special attention to the functionality of the website. We implemented a simple and intuitive navigation system to allow users to easily find information about the company's services, projects, and contacts. We also ensured that the website is responsive and optimized for viewing on different devices, providing a consistent experience regardless of screen size. ### Projects and References: Schoenstatt Bau stands out with an impressive portfolio of projects in the construction industry. On the website, we enabled the display of their key projects and references through an interactive gallery with images and descriptions. This showcased the expertise, innovation, and quality of the work Schoenstatt Bau provides to its clients. ### Collaboration and Support: Throughout the project, we established a successful collaboration with the client, Schoenstatt Bau. We maintained regular communication and discussions about the project's progress, providing suggestions and feedback to ensure that the website met the client's expectations. Our team was always available to provide support and address any questions or challenges that arose. ### Result: As a result of our collaboration, we successfully delivered a website for Schoenstatt Bau that reflects the company's high quality, expertise, and aesthetics. The website was received with enthusiasm by the client and achieved its goal of presenting the company, its services, and past projects. --- ### Dubrovnik Language School URL: https://redcode-web.design/references/dubrovnik-language-school/ SEO description: Experience Dubrovnik Language School: Learn English and German through sports. Explore our vibrant website with a user-friendly interface. Technologies: izrada-web-stranica Dubrovnik Language School is a unique foreign language school that approaches language learning in a completely different way - by combining elements of sports with the learning of English and German languages. The goal of the project was to create a modern, informative, and user-friendly website that would promote the services and attract new students. ### Design: Our team of designers approached the website design with expertise. By using contemporary design trends and colors that reflect energy and vibrancy, we were able to create a visually appealing design that reflects the atmosphere and professionalism of Dubrovnik Language School. The website was designed with an emphasis on clarity, ease of use, and intuitive navigation to ensure that users can easily find information about courses, schedules, and contacts. ### Functionalities: In addition to the aesthetic aspect, we paid special attention to the functionality of the website. We implemented a booking system that allows potential students to easily browse through available courses, select their desired course, and enroll through an online form. We also ensured that the website is responsive and optimized for viewing on different devices to ensure a consistent user experience. ### Team and Instructors: Dubrovnik Language School has a team of expert instructors who provide high-quality teaching. On the website, we enabled the presentation of the team and instructors through profiles with photos and biographies, providing potential students with insights into the qualifications and experience of the instructors. ### Student Reviews: An important aspect of the website is showcasing student satisfaction and experiences. We integrated a section featuring student reviews, allowing visitors to read authentic experiences and feedback from other students of Dubrovnik Language School. ### Result: As a result of our collaboration, we successfully delivered the Dubrovnik Language School website that has captured the attention of the target audience and achieved its goal of attracting new students and promoting language courses. The client expressed satisfaction with the design, functionality, and overall outcome of the project. --- ### Analitička rješenja URL: https://redcode-web.design/references/analiticka-rjesenja/ Description: Websites of company that provides BI (Business Intelligence) services SEO description: Analytical solutions - Your partner for business analytics. RedCode CMS for web, responsive site for customer interaction. Technologies: izrada-web-stranica The company Analitička rješenja d.o.o. is one of the leading providers of services in the field of Business Intelligence, that is, the concept of using technologies, tools and rules for data analysis for business purposes. The specialty of their service is the creation and development of applications for business analysis, which companies can use for a detailed review of business operations and faster decision-making. The reports that are created are personalized for each client individually. On the developer side, in the background we created a management system (CMS) for the client, which is based on October CMS. On the front side, we createted modern, responsive and intuitive to use website. The management system itself is designed so that the client can independently manage the content of the website, such as the general parts of the website and the blog, without the need for additional intervention by the programmer. We have also created an online form, which primarily serves to collect leads (lead generation), that is, for the first contact with potential customers/users. --- ### Drink & pick URL: https://redcode-web.design/references/drink-pick/ Description: A mobile application for those who want to have fun and meet new people SEO description: Discover a fun-filled mobile app to meet new people! Enjoy DRINK mode for events & friends, or PICK mode for dating. Available on iOS. Download now! Technologies: izrada-mobilnih-aplikacija Another project that we took over from fellow programmers, primarily due to the need to create an iOS version of the application. Since there was only an Android version of the app, it was necessary to create an iOS version completely from scratch. Of course, that version had to fully follow the flow, that is, the functionality of the Android version of the application, but adapted for mobile phones powered by the iOS system. Since we didn't have to fix some previous versions of the application, we had our hands completely free to create a new version. And we did our best, as every time so far, to make the client (over)satisfied. ## Management system (CMS) We used the existing content management system and connected to it via API. It was necessary to make additional modifications and improvements, but as always, we did it in the best possible way. ## Mobile application Given that we used the existing design, which we further adapted to the requirements of the iOS system, as well as the existing CMS, in this project we focused on programming the front end of the application. In addition to the standard functionality of logging into the system, users in this application can choose between two options - DRINK and PICK. ### DRINK MODE The focus in this mode is on events, as well as hanging out with friends. You only need to select your favorite type of music, entertainment method, preferred location and the app will do the rest. In the DRINK mode, the user can connect with his friends, see where they are if they are logged in to one of the locations on the map, and communicate with them at any time. ### PICK MODE This mode is basically used for dating - by filling out the profile (yours and the match person), the algorithm will do its job and offer you compatible users, and show their locations marked with green color. Of course, before starting communication, it is necessary to exchange a selfie with a compatible person, so that the user can be sure that the algorithm has done its job well :). So, stop wasting time sitting at home and chatting, download the app, go out and have fun! --- ### FitMindset URL: https://redcode-web.design/references/fitmindset/ Description: A mobile application for well-being through meditation and training SEO description: Boost mental wellness with FitMindset mobile application made by RedCode: Meditations, content & exercises for resilience. Empower teams via B2B. Technologies: izrada-mobilnih-aplikacija A mobile application in which we had no experience, but - who did? New times demand new answers. In the last few years, we have realized that apart from physical health, mental health is also important. Because the body rules, but the mind reigns. Anyone who has been even for a moment in a leadership position or in any other way responsible knows that their mind should have been 120% focused at all times. If we think about it a little more, we realize that every position is responsible and managerial. Whether you are a parent, hairdresser, car mechanic, lawyer, engineer or surgeon. FitMindset will definitely help you become and stay stable, focused and most importantly - **happy.** ## FitMindset mobile application FitMindset is an application that offers tools for developing and maintaining well-being, i.e. a holistic concept based on our thoughts, feelings, behavior and body. A higher level of wellbeing is linked to many physical benefits, productivity and creativity. The FitMindset mobile application offers meditations, educational content and mental exercises to nurture 6 dimensions of well-being, which is also the basic concept: **emotions, awareness, fulfillment, connection, success and vitality.** FitMindset believes that a healthy mind is the key to achieving well-being and that it is possible to help as many people as possible to achieve a holistic level of well-being and improve people's quality of life. Both mentally and physically. ## Free and Premium users Of course, the mobile application somehow needs to be financed and the costs of numerous experts (authors), who have united to provide the end users with the best experience must be paid as well as other technical costs, which are also important, because further development must be paid. Accordingly, there are Free and Premium users who pay a monthly, semi-annual or annual subscription for the content. Free users can certainly take a peek at the content and get a full impression of its usefulness. Premium users can access the complete content without restrictions and enjoy guided programs to influence the quality of their lives and the lives of the people around them. ## Management system (CMS) A unique management system was programmed for the client, which gives him the ability to manage the mobile application in real time. Some of the possibilities that CMS offers are: * Management of mobile application users * Creation and management of content creators (Authors) * Statistics and analytics of content and authors * Management of content categories, well-being programs as well as meditations and video content * Management of user inquiries * Manage and edit tests within the application   In addition to the main CMS for the Client, a mini management system for B2B users is also programmed. **Business users** are one of the essences of the FitMindset system, so special attention is paid to them in the form of the already mentioned management system. The purpose of this system is to monitor the analytics and management of users (employees), as well as a special model of using Premium functionality for all their employees. FitMindset highly appreciates employers who care about the mental and physical health of their employees. --- ### Sport Volunteers URL: https://redcode-web.design/references/w4c/ Description: Mobile application for volunteers and organizers of sports competitions from all over Europe SEO description: Connect to events across Europe with W4C! RedCode's mobile application for sports volunteers and organizers. Request a similar application! Technologies: izrada-mobilnih-aplikacija, app-design, sustavi-aplikacije Volunteers at sports competitions and organizers of sports events lacked a central system that would connect them at the level of the whole of Europe, regardless of the type of sport or language area. The EU co-financed the project because it recognized the need, and the City of Zagreb positioned itself as the project leader. ## Sport Volunteers mobile application The mobile application consists of two parts. Part for volunteers and part for organizations or organizers. When registering, it is necessary to state whether you are registering as an organization or as a volunteer. ## Volunteers The volunteer's user account is active immediately after registration, and after entering all the profile data, volunteers can **register for various sports events.** The mobile application on the volunteer side for the notification system uses notifications within the application itself, enriched with e-mail notifications for successful application for participation, for requests from the organizers to participate in the event, for rejected requests, for changes related to the sports event itself and the like. Events for which a volunteer can apply are searched for via an interactive Google map, and by clicking on the event icon itself, details such as the language of communication, whether volunteers from other countries can also apply, the dates and times of the event, and finally there is the possibility to apply for participation. ## Organisers After registering in the mobile application, the organizer needs to get approval from the administrator in order for his profile to become fully active. This check is set so that individuals or organizations do not abuse the system. Once the organizer is fully activated, he can **create a sports event** in the application itself, view the volunteer database, request participation from volunteers in the database, manage volunteer requests for participation in the event, manage the event itself by editing the event, view volunteer profiles along with their experience and such. ## CMS management system For the City of Zagreb, a system for managing the mobile application itself has been developed, through which volunteers can be managed, added, banned, and create accounts for them. They Can Manage sports events with the greatest authority if the need arises and manage the organizers of sports events. --- ### Din Lokale Bodega URL: https://redcode-web.design/references/bodega/ Description: Mobile application for beer drinkers and other bars and cafes visitors SEO description: Discover our revamped beer lover's app with enhanced features! Enjoy seamless payments, multiple login options, and a design for a better experience. Technologies: izrada-mobilnih-aplikacija, app-design The mobile application project that we took over from Indonesian colleagues, primarily related to the tectonic changes brought about by the obligation to use a newer version of Java (version 18) for Android versions of mobile applications conditioned by the Google Play store. Apart from Java, the rest of the code was also outdated, especially the part with the payment processor and 3DSecure transaction verification, which did not exist, and some users simply could not make payments anymore. In addition to classic payment for products and subscriptions via cards, we have also implemented *ApplePay* and *Gpay* as one-click payment methods. We authenticate the **user** through Firebase, and there was also a need for a refresh in the form of adding a larger number of authenticators such as *Sign in with Apple* for iOS users and *Sign in with Google*. Logging in via Facebook also no longer worked because the application itself violated the standards and was disabled. In addition to these obvious shortcomings, it was also necessary to optimize the rest of the code and improve the user experience. The decision was made to rewrite the entire application because patching and fixes no longer made sense. ## Design As design standards have changed significantly since the last version of the application, which was released in 2020, and as the user's workflow is also changing due to new functionalities, we started by creating a new design based on the old idea and visual identity. The new design served primarily to present the changes to the client, because a picture speaks a thousand words, and to our programmers to create the program code. The screens that have undergone major changes are; - Login to the application - User registration and verification of email address and phone number - Payment methods management - added possibility that credit cards can be added, edited and deleted even without the actual purchase process - Purchases history - an overview of the history of transactions has been added - Subscriptions and products are clearly separated - The ability to search by name was added to the list of bars - The current location of the mobile application user is actively used - The ability to navigate to the bar (café) has been added - The so-called Checkout during payment/collection has been upgraded to support and track 3D transaction verification   ## Management system (CMS) We have also created a management system which serves to view statistics, generate and manage discount codes, manage bars, manage sponsors and the like. The management system for this mobile application is not the most complex, but it certainly makes everyday business easier for the client. ## Mobile application We created the mobile application for Android and iOS as standard, and adapted the screen display for both tablets and MacOS. The product itself that users consume through the mobile application is primarily **beer** or another drink that can be consumed in one of the bars in the program. In total, the program includes more than 400 bars throughout Denmark. **Subscription;** *Package "Permanent Guest"* - The duration of the subscription is 30 days. One beer or coffee or soft drink every day. **One-time products;** *Cards* - The duration of the product is one year. One beer or coffee or soft drink every day, ten in total. After consuming ten drinks, it is possible to buy another ten. *Shots* - The duration of the product is 30 days. Ten spirits whenever and even all ten at once. After consuming ten spirits, it is possible to buy another ten. The secret is that each subscription package is **many times cheaper** than buying a drink at a bar. So - **cheers!** --- ### EazyToWork URL: https://redcode-web.design/references/ez/ Description: A mobile application that automates and legalizes work in the gray zone for all professions SEO description: Cutting-edge app links employers and workers instantly. Post jobs, appear on maps/searches. Fair fees, informative websites, powerful digital campaign. Technologies: izrada-mobilnih-aplikacija, izrada-web-stranica, internet-marketing, app-design A mobile application that really **directly** connects employers and workers. The work schedule is such that, after registration, employers publish available jobs by location with the entry of several important segments of each job. Number of working days (five maximum), work address, number of working hours per day, job title and category (Trade, for example), hourly price (which cannot be below the minimum), dress code, detailed description of work tasks, method of payment. **After publication, the job appears on the Google map and in the search engine** and workers can apply from their part of the mobile application. When it comes to the job search engine, the jobs with the closest location are at the top. The emphasis is that everything happens very quickly and concretely. A maximum of two employees can apply for each job. After registration, a chat is created between the worker and the employer for possible detailed agreements. **After the employee is accepted by the employer**, the job disappears from the map. If the employee quits, the job is returned to the map. There is, of course, a system of PUSH notifications and reminders for both the employer and the employee. Before an employee applies for a job, in addition to the job details, he has the opportunity to review the employer's reviews given by previous employees. Also, after the work done, the employer must evaluate the employee with a rating from 1 to 5 with a comment within the mobile application. **Each user can be both an employee and an employer.** So there are two versions of the mobile application, and the user is redirected according to the login information. Mobile apps are **monetized through employer posting charges.** An employer can purchase one, five, or ten job postings. If the job ad does not result in finding a worker, there is no charge. ## Web pages Websites were created for the client that explain in detail how the mobile application works and are also used for marketing. We worked on website design, content and application and pre-order forms as well as advanced SEO. The websites also have a content management system (CMS) so that the client can manage the websites independently. ## Digital marketing The last but not the least, we also carried out a marketing campaign that included social networks, offline marketing and other online marketing in the form of Google Ads advertisements on the search network, on YouTube and on display networks. The digital advertising campaign turned out to be one of the better ones we've done because the topic of the campaign is certainly *hot*. --- ### Noemia URL: https://redcode-web.design/references/noemia/ Description: We have created websites for the hotel, apartments and resort Noemia with great pleasure SEO description: Explore RedCode's unique handcrafted website Noemia that encompasses hotels, resorts, and more, offering insightful guest recommendations! Technologies: izrada-web-stranica, app-design, sustav-za-iznajmljivace Website development project. Website development projects can be really simple and we consider them the easiest in terms of complexity. Websites are most often created based on ready-made design templates and even ready-made programming code or through various tools that do not even require programming. **This website is the complete opposite.** Every element is hand drawn, every class is written by hand. Unique in every way. **Was it necessary? It was not.** Is it an indicator of prestige and a presentation of our possibilities - yes, it is. Even SEO is written directly into the code in the broadest possible way. The design is drawn in a clean way with an emphasis on the mobile version, as modern web systems should be. The photo galleries are unique and no two are alike. Speaking of galleries and photos - even the photos are completely made for the purpose of creating websites. The entire booking system is connected to the [Phobs system](https://www.phobs.net/) for carefree flow and synchronization of reservations with other channels. The Noemia websites are actually three in one and cover the client's entire tourism portfolio. Hotel, resort and apartments. One detail further enriches the whole picture. and that is the content part of the website that suggests guests what to do during their stay in several categories; the destination itself, wellness and spa, activities and the gourmet part. --- ### Contessa Villas URL: https://redcode-web.design/references/contessa/ Description: We created a system for an agency that rents luxury tourist facilities SEO description: The RedCode system for luxury tourist rentals of the Contessa Villas agency provides management of reservations, content and seasonal prices! Technologies: sustavi-aplikacije, sustav-za-iznajmljivace, izrada-web-stranica, internet-marketing, app-design This project is the largest project we have realized and is complex in every aspect. The creation itself took about two years, and the upgrades are constant and will continue for a long time to come. Travel agencies sell accommodation or travel on behalf of others. The sale of tourist accommodation for others primarily means that the websites that are their sales area should be up to par. Contessa Villas websites are custom made and use very high technologies. **Next.js** in a concrete example that provides the convenience of using client-side rendering of web pages for the best speed and responsiveness. The websites are trilingual in English, German and Croatian. SEO is done the same way. Websites primarily offer visitors the possibility of **booking accommodation**, and to make everything more comfortable they have an overview; - objects that are the editor's choice - overview of villas by characteristics such as family, by the sea, modern, rustic, with pool and villas by the beach - overview of special offers at special prices - overview of promotional offers - overview of information and articles about locations - there is also a **search engine for tourist facilities**, which we are particularly proud of because it is really precise and ensures that guests find exactly what they are looking for - the regional division of facilities is currently under construction   Behind the scenes there is a management system that enables the Contessa agency: - reservation management - management of channels to which reservations are synchronized (Channel manager) - management of availability calendars - management of seasonal prices - management of website content - management of locations and contents in the vicinity - management of icons and pictograms of possible object contents - management of accommodation capacities of tourist facilities - management of website categories including special offers, featured objects and the like - **management of renters** and the level of their access to the system for partner renters - management of accounting modules - overview and export of statistics by renter, facility, group of facilities - we also created an internal API that enables connecting the system to external systems - the eVizitor system for registering guests' stay as well as the self check in module is also integrated - creation of special offers that are sent to guests by email directly from the system - management of contracts with landlords and types of contracts - and dozens of other functionalities --- ### EasyWay URL: https://redcode-web.design/references/easyway/ Description: We created a web shop for yachtsmen and partygoers that delivers everything you need, when you need it and where you need it SEO description: We created a web shop for yachtsmen and partygoers that delivers everything you need, when you need it and where you need it Technologies: izrada-web-trgovina-shop From the outside, the web shop is classic. Categories, subcategories. Featured products and product sets. Cart, Checkout. It might be a little specific about the shipping settings, but nothing major. Management is via the RedCode management system for web shops, which is based on OctoberCMS. Most users don't see what makes it special. It is special for its B2B module and order recommendation system. Every hotel, villa or marina that recommends the EasyWay web shop for the provision of a villa or boat receives a commission for each order. QR codes have been set up in partner facilities and when the guest scans the QR to access the web shop - the rest happens automatically. In order for this to be possible, it is necessary to identify through unique algorithms that this particular hotel has given a recommendation for this particular order. In addition to identifying the source of orders, we also created a **B2B portal** where partners can log in and see the history of recommended orders, the percentage of their commission and complete calculations, as well as to what level they have achieved the annual turnover of orders, because a larger amount of recommendations in the next year means higher commission percentage. --- ### Nacional URL: https://redcode-web.design/references/nacional/ Description: Nacional as one of the leaders of independent journalism gave us the opportunity to participate in their growth - mobile application, websites and future projects SEO description: Nacional, a frontrunner in independent journalism, has invited us to join their expansion, including mobile apps, websites, and future projects Technologies: izrada-mobilnih-aplikacija, izrada-web-stranica, app-design The idea had been there for a long time, but it never reached the point of realization. Nacional needed a mobile news app to keep up with the competition, and that request was quite complex because Nacional still has its own specific requirements for a mobile app that are different from others. ## Design Considering the requirements, we first of all started with **creating the design** because the design is part of the mobile application project or any other IT project that is subject to endless changes. The design of the mobile application is a moment in the project that was primarily created due to possible changes and adjustments along with the presentation to the client. The design was made in three themes; - basic theme - set of colors with white as primary - black/white theme - a set of colors emitted by the so-called DARK mob mobile application - cream theme - a color set that is popular in journalism and publications   Each user can adjust the theme they want to use through personal settings. In addition to the theme or color palette, there is also an adjustment for the visually impaired, so it is possible through the same personal settings to increase the text size as needed, regardless of the default settings of the mobile device. The rest of the design of the mobile application is made in classic tabs and rows that have the ability to scroll in order to access news categories or specific articles as easily as possible. ## Database and application management Considering that Nacional already has a huge database and management of the same due to the web portal, the logical decision was to use it for mobile applications as well. The task was not at all easy because of the background, which was neither designed nor optimized for a mobile application. It was necessary to adapt the existing API as well as standard procedures for receiving data into the application. We can state that both tasks were completed successfully. ## Mobile application In terms of functionality, the mobile application is closer to the end user, so the following functionalities are available; - selection of news categories that you want to be informed about - overview of news categories and subcategories and news related to them - reading news and related articles - search for news by keywords - contracting a subscription to the digital or printed edition of the newspaper Nacional - login to your user account - settings management - sharing content on social networks or with friends - **listening to Radio Nacional** ## Radio Nacional In addition to everything else, we also created Radio Nacional's website, because radio wouldn't be radio if it didn't have its own website with a **live stream**. Radio Nacional is the new brand of Nacional News, which certainly started to leave a strong mark on the area right from the start, mostly due to the impressive radio team. --- ### AKKC URL: https://redcode-web.design/references/akkc/ Description: The website of the Athletic Club of the city of Koprivnica, which operates as an association SEO description: RedCode agency provided Athletic Club Koprivnica with modern CMS solutions for easy content management, event updates, and integrated registration. Technologies: izrada-web-stranica When it comes to associations, as non-profit organizations, we are always happy to respond to the creation of program solutions that they need. Thus, the Athletic Club Koprivnica had a need for a more modern website. We created a **content management system (CMS)** for self-entry of content based on October CMS and a Frontend website. The management system was created so that they could independently manage website content in the long term, such as events, news or general parts of the website, without the intervention of programmers. During the creation of the website, a form for online registration was also created, which is linked to the membership and membership fee management system. --- ### Arges ERP URL: https://redcode-web.design/references/arges-erp/ Description: Accounting and cashier system that is our own product and offers great functionality at an unbeatable price SEO description: Accounting and cashier system that is our own product and offers great functionality at an unbeatable price Technologies: izrada-web-stranica, izrada-mobilnih-aplikacija, sustavi-aplikacije, internet-marketing, app-design First of all, ArgesERP is something we have been working on day and night for three years. Something that no one who shouldn't have known about until the moment of public announcement. If you are a flat-rate tradesman, a tradesman, a company or anyone of any other legal structure, you need a simple and reliable accounting program. If nothing else - **you need a fiscal cash register.** ArgesERP is all that and much more. What this system **puts ahead of others** is certainly a fully functional mobile application for Android and iOS that users can use at no additional cost. They log in to the mobile application with the same data as in the web application. We have really taken the term *mobile checkout* to a new level. All you need is your mobile phone and a POS thermal printer. The version for web shops, i.e. connecting to any web shop via API, is also part of the package. A small section in our references is not enough to describe this project, but we will briefly describe the most important contents and functionalities: - through the registration itself, which consists in four steps, you will initially set up your data, business premises and payment devices through the fiscal structure - **after registration you can try the DEMO fiscal cash register** with almost all its functionalities - the front page of the application is something we have made a special effort to create and through which you can ask for support or write us a suggestion for improving the system - creation of fiscalized and non-fiscalized invoices and offers according to payment methods - the possibility of printing fiscal invoices and offers on an A4 or POS thermal printer or sending them directly to the partner/customer's email address - self-uploading of the certificate for fiscalization in the setting of business hours - managing operators at the fiscal cash register - automatic transfer to the new business year and monitoring of the sequence of invoices and offers by the system - billing management in the form of creating automatic reminders for unpaid invoices that are sent using the system every 5, 10, 15 or 30 days - creation and editing of service and product catalogs in all tax classes - creation and editing of product and service groups for easier management - managing standardized products. Standardized products are usually products composed of several base products - creation and editing of external companies through partners, buyers, manufacturers and suppliers with whom you cooperate, and they are related to the possible printing of declarations and the like - creation and editing of receipts, which are an essential part of every company that needs warehouse management - there are, of course, inventories and interim warehouses as well as shipping and returns for larger systems that need more warehouses and the flow of goods between their warehouses - printing of declarations with a selection of data to print - of course, in this fiscal cash register it is also possible to print a list of accounts or all accounts in the period selected date from - selected date to - statistics in the form of data export through filters by partner, paid or unpaid invoices, as well as reviews of only paid or unpaid invoices. Overview of invoices and flow of goods by payment device or business premises and even by operator in a unit of time #### You can read everything we didn't say here in this chapter [by clicking here.](https://arges.hr/) --- ### Exelisso URL: https://redcode-web.design/references/exelisso/ Description: Web shop for the sale of consumables, paper goods, cleaning products and disposable packaging with an emphasis on wholesale (B2B) customers SEO description: WWeb shop for the sale of consumables, paper goods, cleaning products and disposable packaging with an emphasis on wholesale (B2B) customers Technologies: izrada-web-trgovina-shop, app-design, internet-marketing Of course, the web shop is powered by our RedCode (CMS) management system based on the Laravel framework, or PHP if we're talking about programming languages. **Management system RedCode CMS** gives the client wide opportunities for independent management and input of almost all data on the web shop itself. From creating, editing and deleting products, product images, product descriptions, its variations and similar or related products. Management of orders and their statuses, communication with customers, management of categories and subcategories as well as the schedule of categories and subcategories. We mustn't forget the featured products as a sales tool. The client has the option of managing actions and of course choosing the primary and secondary price, i.e. currency, in the direction of **introduction of the euro as currency.** The general settings of the web shop such as contact information, name, logo, pictograms and the like are also included, as well as the management of general pages such as General Terms and Conditions, Blog and the like. **Frontend (what customers see)** is a hybrid of a ready-made theme and custom components, with the purpose of keeping the project within the budget while simultaneously meeting all requirements. The frontend is made in HTML format with the latest versions of CSS and JS support of course. The result is a relatively low-cost web shop, yet additionally expandable in every direction in the future and of course **without maintenance costs.** We also performed **advanced SEO optimization** on the specific web shop and we can conclude that the web shop generates serious income. --- ### Gips IT URL: https://redcode-web.design/references/gipsit/ Description: A business web application for managing the company's material, financial and human resources, extended by a mobile application SEO description: A business web application for managing the company's material, financial and human resources, extended by a mobile application Technologies: sustavi-aplikacije, izrada-mobilnih-aplikacija, app-design The purpose of this business application is to optimize business in terms of time and finances. The programmed components of this application system are the database, frontend web application and mobile application. In this case, both the web application and the mobile application were made in the same technology to avoid the need for REST API communication between them. Apart from the large volume of programming work, our only challenge was to enable the client's employees to enter points with a description on the technical drawings in .pdf format within the mobile application. Our previous experiences in creating bookkeeping and accounting applications certainly played a key role. ## The most important functionalities that the client has in its web application interface are - creation of fiscalized and non-fiscalized invoices and offers - management of administrators, operators and users of the mobile application and their powers - management of the company's assets, primarily in the form of accounting management through; warehouses, making receipts, expenditure of goods, inventories, intermediate warehouses and other documents - monitoring and management of stocks at construction sites - management of partners and their discount and rebate scales per item, group of items or in general and partner rights such as sale of goods with deferred payment - construction site management and communication with construction sites - managing blueprints and blueprints within the construction site - business logistics - management of **mobile application** users, generally employees, workplaces and work groups - marketing management - procurement management as a separate unit with the aim of maximum efficiency - strategic planning of company management through the review of analytics and statistics   ## Users of the mobile application have options to - inspect construction sites for which they have been authorized by the administrator - review the technical drawings related to the project and mark the points on the drawing for which they put a note and accompany it with a photo - inform the administrator about the need for additional material or other means of work - take over and debit goods or work tools in accounting - keep records of materials used on the construction site - log in and log out of the workplace (login) --- ### LB sport URL: https://redcode-web.design/references/lb-sport/ Description: We have created a classic web shop that still has its own specifics SEO description: Explore our unique web shop with tailored sports gear, diverse variations, and personalized printing options for a dynamic athletic experience. Technologies: izrada-web-trgovina-shop Categories, subcategories, articles and other classic levels of a web shop. General terms and conditions of business, terms of delivery and privacy rules as integral parts of every web store. **Specificities** of this web shop were in the direction of filtering articles according to the sport for which they are intended, according to gender and according to color. Color is a very important factor in sports, and as we know, every sports club that is close to it has its own color or combination of colors. Thus, we have implemented full variation management in the management part (CMS) of the client and, of course, in the web shop itself. **Complex Variations** required a large amount of images in the variations to show the yellow jersey to the customer if they selected the yellow jersey. Variations also include sizes that are standard for web shops that sell clothes or shoes, but that's not the end; In addition to sales, the client is also engaged in silk-screen printing, and it is possible to order printing on the sports clothing itself. Printing is possible in the format of name and number or only name or only number. Of course, not all items in the web shop have this option, so there was additional programming work there as well. The cost of printing on jerseys is the third dimension of variation and is also divided into several groups. Receiving such, multi-component orders through the management part is again a separate dimension of the web store. We came out of this project richer for another experience with the knowledge that sport requires not only strength, but also intelligence. --- ### Pozoj URL: https://redcode-web.design/references/pozoj/ Description: Mobile application design and mobile application we created for an international handball tournament organized by a local handball club SEO description: Mobile application design and mobile application we created for an international handball tournament organized by a local handball club Technologies: izrada-mobilnih-aplikacija, app-design A mobile application that was made in a hurry, but with a heart for a noble cause and of which we are extremely proud. It is likely that the users of the application recognized the same and as a result it took first place in the App Store and Google Play in the *sport* category and remained there for several days. Given that the planning of the mobile application, the design, the creation of the database and the programming of the mobile application were done in less than ten days, of course there are a few minor errors. In the versions for the year 2022, 2023 and each subsequent one that we will have the privilege to work on, we will correct existing defects and generally upgrade the mobile application with new functionalities. ## The initial version of the mobile application contains a management system (CMS) through which administrators can - Create and edit teams - Create and edit categories - Create and edit groups - Create and edit the transportation schedule from and to the match locations - Create and manage the schedule of matches according to Berger's scheme with the Playoff phase of the competition - Broadcast the match live through the results and/or video transmission - Enter and manage the results of the matches according to which the system creates the order and defines the pairs of the next stage of the competition - Manage tournament locations - ...   ## to follow the progress of the handball tournament Mobile application users have an overview - mobile application title screen with a list of important segment icons - overview of the schedule and results by category - overview of the schedule and results of the competition by group stage or playoff - live match monitoring - overview of the details of the locations where the tournament is held within the sports mobile application - overview of the tables and results by category during the group phase of the competition - overview of the tables and results by category during the playoff phase of the competition - the possibility of selecting teams that are the user's favorite (favorites) and monitoring their progress through the screen of the mobile application called Favorites - overview of the complete program by day for the entire tournament duration - overview of general information - an overview of individual teams and their schedule throughout the competition - direct access to the tournament website at [pozoj.com](https://pozoj.com/) --- ### eIznajmljivači URL: https://redcode-web.design/references/eiznajmljivaci/ Description: eIznajmljivaci is a web application for small renters of tourist facilities SEO description: Optimize property management with RedCode web app. Features admin tools, guest invoicing, commission calculations, and informative website. Technologies: sustavi-aplikacije, izrada-web-stranica, app-design, sustav-za-iznajmljivace The web application we created for the client conceptually performs most of the bookkeeping and accounting tasks for landlords. Made in the form of light SaaS, it offers enough autonomy to users so that excessive communication with support is not required. The web application has been developed for a year and is much more than just a web application. It is another system made up of a series of applications and sub-applications visible and invisible to users. ## The system administrator has options through his CMS (management part) - user management - subscription management - website management - management of subscription packages - sending and receiving user messages from the system - **impersonating a user** for support purposes - processing of documents and payment orders   ## This web application offers following possibilities to renters of tourist facilities - management of tourist accommodation facilities - issuing invoices for services provided to guests - calculation and commission calculation for sales channels such as Booking.com - preparation of the RPO form - statistics by year - traffic records including the EP form - creation and printing of payment slips with 2D barcode for all obligations to the Tax Administration - preparation and calculation of the payment slip for the renter's VAT liability - creation and processing of the TZ form for all accommodation units managed by the landlord - archive of all relevant documents - overview of the history of created and canceled or deleted documents   In addition to the eIznajmljivaci web application, we also programmed presentation **web pages** which, in addition to registration of new users and registration of existing users of this tourism web application, also have an informative character and contain a list and detailed overview of subscription packages, answers to questions about why you should use eIznajmljivaci, application options, standard contact form, often asking questions with answers to them and of course BLOG. --- ### Jaska bike URL: https://redcode-web.design/references/jaska-bike/ Description: Android and iOS mobile application for bicycle routes in the area of the city of Jastrebarsko SEO description: Android and iOS mobile application for bicycle routes in the area of the city of Jastrebarsko - development Technologies: izrada-mobilnih-aplikacija, app-design We are told that this mobile app for cycling routes looks great. And we agree that it looks great. The design of the application is actually very simple and the mobile application itself belongs to the group of the simplest mobile applications we have created. The attractiveness of the design is enhanced by several components, namely: - bottom menu icons - route marker icons - dark theme or color contrast *black > neon blue > white* - flat design without blocks   So simple. Users of the Jaska bike mobile application can view eight cycling routes and see their total length and weight on the route list. By entering the detailed overview of the route, other data of the cycling route are also displayed: - name - estimated time required to complete the route - total elevation difference - list of checkpoints - description of the cycling route - **ability to download GPX file** for use in other applications - display of the route on the interactive map   ## Why would someone create or use a mobile application of this type in addition to Google maps and similar applications for navigation? Primarily because classic navigation applications regarding routes are related to marked roads, trails or roads, while hiking or cycling routes usually pass through unmarked roads. In order to place such uncharted roads or show them on the map, it is necessary to carry out Geo location *recording* of the route in as many points as possible. The more points we have, the more precise the later drawing of the route on the screen is. Each route point is defined by its latitude and longitude. --- ### Geochem 2021 URL: https://redcode-web.design/references/geochem/ Description: We developed the Geochem 2021 website for the Ruđer Bošković Institute SEO description: RedCode: Your Choice for Geochem 2021 Website - Expertly Crafted Design & Functionality, Serving Ruđer Bošković Institute's Seminars. Technologies: izrada-web-stranica Geochem 2021 websites are built for single use just like Geochem 2022 and everything before them. With such specific requests, the same questions are always asked: - What budget/price to set for websites like this? - How attractive in terms of design should such websites be? - What approach will meet the client's vision? We believe that we have guessed the answers to all the questions as well as to many others, because for years now RedCode has been the choice for the realization of the creation of websites for the annual seminars and workshops of the Ruđer Bošković Institute. Regarding the functionality of the website, there is an overview of the program and dates of the workshops, a form for applying to the workshop as a lecturer or guest, and general information as well as a photo gallery related to the topic. Of course, a management system (CMS) was also created for website management, which gives absolute freedom to administrators. --- ### Photobook URL: https://redcode-web.design/references/photobook/ Description: We have programmed a web shop that is specific for the requirements for a low price and a design made by the client SEO description: We have programmed a web shop that is specific for the requirements for a low price and a design made by the client Technologies: izrada-web-trgovina-shop **Personalized gifts** is the title that would best describe this web shop. The web shop we created offers greeting cards for various occasions, photobooks, t-shirts with inscriptions, photos, souvenirs and product photography services. Customers are provided with the possibility to filter products, review product ratings by other customers, review product descriptions, and select product variations in terms of color or size, if any. The client manages the web shop through RedCode CMS in the background and maintenance on our part is not required, as in most of our projects. In addition to managing web shop items, orders, payment methods, delivery services, product variations, order statuses, settings of the web pages themselves, product reviews, general pages such as the General Terms and Conditions of the web shop, the client has also been given the option of writing BLOG articles. --- ### Elssy URL: https://redcode-web.design/references/elssy/ Description: A mobile application for learning foreign languages with a powerful management system (CMS) SEO description: RedCode's mobile application that, with a CMS that teaches children foreign languages ​​and subjects at school in a fun and educational way. Technologies: izrada-mobilnih-aplikacija, izrada-web-stranica, sustavi-aplikacije, app-design The Elssy mobile application was our trip into the world of *educational video games for mobile phones.* Although the main topic was learning foreign languages, the learning was done in a fun way. It is interesting that the target group of users was initially children, but we were extremely glad when it turned out that adults also like to *play games and learn* through the created mobile application. After installing the mobile application, you will need to choose your avatar in the form of a teacher who will cheer you on and learn with you. Before starting any game, it is necessary to have sets of questions and/or answers in one of the foreign languages loaded in the application. You can create your own sets of questions and answers, which is super practical for exam preparation, regardless of whether you are a primary school student or a student, or you can simply download already prepared sets. The list of ready-made sets is really long, and even extends to mathematics. ## The mobile application contains a number of activities (games), each performed in a different way. So we have - Study cards that help us primarily with repetition because they show us the correct answer along with the question. - The fishing game boils down to choosing a fish and choosing whether the answer offered is correct or incorrect. The game is over when all the fish have been used. - The apple game is essentially similar to the fishing game, but it is graphically and points-wise different. Put the apples in the basket in as few moves as possible. - The ship game brings the task of placing animals on the ship. As soon as possible because the ship is leaving. - The paper clip requires the user of the mobile application, as the name says, to match the question and the correct answer. Paperclip, like some other games, offers the possibility for the application to read aloud both the question and the answer in audio format. - The memory game is what the name says, a classic memory game in which you have to find pairs in as few moves as possible. - The wheel of knowledge is a game that was quite challenging for us as a programmer to make because of the animation of the rotation of the wheel, which determines how many points are awarded for a correct answer. - Puzzles are a game in which you need to load a picture from the application's picture gallery and, of course, arrange it in as few moves as possible. - Cards and dice is another very demanding game for programmers, because it contains an animation of throwing a dice. When the cube lands on a number from 1 to 6, it is necessary to give the correct answer to the question. A correct answer gives you as many points as you got by rolling the dice. - In the basketball game, after you answer, the ball will fly towards the basket. If the answer was correct, he will hit the basket, and if not, he will miss it. The goal is to put all the balls in the basket. - The pencil game is most similar to the legendary game of hangman, where you get one letter for each correct answer. You can always try to write the letters that are missing from the complete term. - In the balloon game, the task is to close all the clouds around the balloon by answering the questions correctly. The balloon game in the mobile app is different because you have a maximum of three wrong answers.   ## Through the management part (CMS), the client has a handful of options From control and management of premium and non-premium users, management of activities (games), backgrounds, categorizations and set folders, reward codes and management of dynamic content of websites that we have also created. The management system of this mobile application is, in the full sense of the word, a system in itself. **Web pages** are in the form of pure HTML and enriched with CSS, not overly complex constructions, but they fully satisfy the need for the presentation of the mobile application and its capabilities. --- ### TexLab 3D URL: https://redcode-web.design/references/3dlab/ Description: We have created a website for TexLab 3D, which produces 3D renders and animations of literally everything SEO description: We have created a website for TexLab 3D, which produces 3D renders and animations of literally everything Technologies: izrada-web-stranica The website is classic, yet not classic. Displaying video content on a TV on the wall on the homepage was a special challenge. It needs to be in the same position on all devices and screen resolutions. The website is classic, yet not classic. Displaying video content on a TV on the wall on the homepage was a special challenge. It needs to be in the same position on all devices and screen resolutions. We created subpages such as Contact and Service Catalog. The Service Catalog is presented through a blog form. What is interesting to all visitors is definitely the Portfolio, which is presented on the website through categorization and a lot of multimedia content such as video clips, images, and photo galleries. It is also worth mentioning that the content of the website can be fully managed through a client's CMS, so there are **no maintenance costs.** --- ### Quiqr.pro URL: https://redcode-web.design/references/quiqr/ Description: Restaurant inventory management web application, mobile application to support web application and website SEO description: Restaurant inventory management web application, mobile application to support web application and website Technologies: izrada-mobilnih-aplikacija, izrada-web-stranica, sustavi-aplikacije, app-design The leading part of the system is a web application for managing stocks and ordering goods for restaurateurs, primarily intended for restaurants. Restaurants as such **always have problems with procurement, delivery control, warehouse organization, standards, cash, inventories...** Ideally, the quiqr.pro system solves all these problems, which also means that there is extremely complex logic in the background as well as several auxiliary components. It solves them in a way that follows and elaborates catering standards and turns each *recipe* through the quantities of necessary ingredients (grocery) into items for order. Orders for items are no longer made by sending a large number of email messages to different suppliers, but instead the system sends orders to all related suppliers with one click. Naravno da je moguće i pretraživati cijene i artikle kod svih vezanih dobavljača i naručivati kod *best buy* dobavljača automatski. Stavljen je veliki naglasak i na lokalne OPG-ove kako bi se ponudila najviša kvaliteta. With the vendor rating worth mentioning, we'll dig a little deeper into the system and touch on the mobile app. The **Mobile application** is primarily a tool for collecting data in the work team, which later serves to compare items such as the comparison of Purchase Orders and Delivery Notes, review and revaluation of received goods and multimedia content related to the same. For example; the employee has the option to take a picture of the refrigerator thermometer and import the picture into the system if he is not satisfied with what he saw, or take a picture of the delivery note because not all the ordered items were delivered. You can also take a picture of the invoice for further processing and records when picking up the delivered goods, and there is also an indispensable tool for Inventory by scanning the QR code on the warehouse shelf. We will also list several sections in professional terminology; - Merchandise and material bookkeeping according to groups - Warehouse organization - Minimum and maximum stock - QR and barcode scan ordering - Follow-up and HACCP / CCP 1 - Communication between suppliers and customers and vice versa - Product codebook - Management of employees' working hours - signing in and out of work, reporting sick leave - record of work hours   And a wide range of functionalities that take this web application out of the domain of web applications and make it a system. The websites we created are only a small part of the story, but even they have one segment that is different from the others, and that is the calculator to calculate the savings if you are going to use the **quiqr.pro** system as a caterer --- ### Ja recikliram URL: https://redcode-web.design/references/ja-recikliram/ Description: Development of iOS and Android mobile applications to support waste management and the jarecikliram.hr website SEO description: Development of iOS and Android mobile applications to support waste management and the jarecikliram.hr website Technologies: izrada-mobilnih-aplikacija, izrada-web-stranica, app-design Before the realization of this project of creating a mobile application for Android and iOS, we were presented with scarce requirements in literally a few sentences, so that the project was mostly carried out at our own discretion. Although there were fears about the client's reaction to such a result, satisfaction with the delivered system was mutual. **Web pages** are made for informational purposes with the addition of adaptations for visually impaired people. The websites themselves contain information about the project, waste management tips, news and publications, and contact information. The City of Jastrebarsko has the ability to independently create and publish news and publications through a management system (CMS) and manage other website content, so maintenance on our part is not necessary. News are in the form of a blog, and publications can be audio content or .pdf content. ## Mobile application Through the mobile application, which is informative and educational, users are enabled to; - review the waste collection schedule - view the locations of recycling yards or green islands on the interactive map - register your email address to receive notifications about the municipal waste collection schedule - **report damage to green islands or improperly thrown waste through the mobile application itself by sending a photo and your current geo-location** - and finally there is a fun Memory game in which you have to find pairs of types of waste and the bins in which that type of waste is disposed of --- ### Hyperlift URL: https://redcode-web.design/references/hyperlift/ Description: A complex web shop system with a B2B module and synchronization with suppliers via the API channel in addition to synchronization with its own warehouse. SEO description: A complex web shop system with a B2B module and synchronization with suppliers via the API channel in addition to synchronization with its own warehouse Technologies: izrada-web-trgovina-shop, sustavi-aplikacije, internet-marketing, app-design The project of creating this web shop is the least demanding because of what you can see if you visit it, although the front end (what is visible to all users) is not simple either. In the role of a retail visitor of the web shop, you can already notice on the cover that we do not have a classic menu, but there are three versions of the menu for three different customer *mindsets*. - in the form of a Catalog where all *false* categories and subcategories are immediately displayed according to the web store administrator's choice - classic top menu with groups of items enriched with a drop-down menu with subcategories - display of pictograms of categories of articles, which is actually a real categorization and according to which the network addresses of the articles themselves are structured   At the category and subcategory level, classic roadmaps were created in the form of instant display of subcategories, display of articles in two types of views, filters by brand, price, on sale and several ways of sorting displayed articles. The individual item level is also classic and provides an overview of the photo gallery of the web shop product, the technical specification and product description, the path to the product, adding it to the cart or a notification that the item is currently unavailable, and related products so that the customer always has somewhere to continue his purchase journey. ## The part that was demanding is in the background Starting with a management system for web shop administrators powered by our RedCode CMS based on the Laravel framework, it is broad enough to allow an administrator to independently: - manage orders - send notifications from the system according to the status of the order - manage products - manage the categories and subcategories of the web shop as well as classify their positions on the web pages - manage brands - manage tax classes - manage courier services and set a different delivery price for each - create and manage the web shop order statuses themselves - manage general pages such as *About Us*, *General Terms and Conditions* and similar - manage the photo slider on the front page itself   And much more. ## B2B module and additional web store extensions In addition to the functionalities listed above, the client also needed a B2B module and advanced management of the websites themselves and stocks without our intervention. Thus, it was additionally implemented; - management of B2B customers - management of rebates and discount scales for B2B customers - **B2B portal in the form of the possibility to register every B2B customer and view their data, rebates, order history and other things** - **updating inventory status and retrieving new items with one click via API link** - management of general data such as name, logo, social networks - management of payment methods, HTML template sent to customers when ordering, possibility of uploading files for B2B customers   And much more... In fact, we could list endless functionalities and custom extensions on this web shop. --- ### Enjoy the best of Zagreb URL: https://redcode-web.design/references/enjoy-the-best-of-zagreb/ Description: Mobile application for sightseeing in the city of Zagreb with the ability to navigate to recommended facilities. SEO description: Mobile application for sightseeing in the city of Zagreb with the ability to navigate to recommended facilities Technologies: izrada-mobilnih-aplikacija, izrada-web-stranica, internet-marketing In addition to mobile applications for Android and iOS, supporting websites were created for the client for the purpose of presentation and marketing of the application itself. The websites are basic and simple - the so-called Onepager, but quite sufficient for their purpose. The client's initial conceptual requirements were in the direction of creating a mobile application for tourist sightseeing in the city of Zagreb, not excluding local users, in such a way that the application offers users an overview of locations that are worth visiting in their vicinity. The locations are divided into several categories; **food and drink, entertainment, culture, shopping, health and beauty and accommodation.** There are also sections that talk about Zagreb in general and its special features, as well as a section oriented to the surrounding area of Zagreb, as well as the possibility of changing the language to EN (English) or HR (Croatian) because the system is bilingual. The specificity is that the location display layout within the application itself is different for each user, i.e. at the top are the places to visit that are closest to the user of the mobile application. The user can rate each location in order to help other users (provided that he is at the location itself), view the object's contact information, add it to favorite locations, or simply read some more details, while also viewing each location on an interactive map. There is also a photo gallery of the city of Zagreb, because the client is also involved in photography, as an additional component that enriches the mobile application itself. It is certainly worth mentioning the **management system** that was delivered with the application, which enables the client to enter new locations and/or objects, photos in the photo gallery and similar things without the need for a new version of the application. The profitability of the application itself is conceived through the charging of a fee for being in the application in some categories of facilities such as shopping or food and drink, and the end users of the mobile application are encouraged to use the application through a system of discounts for services and products for users of the mobile application. --- ### Miško trgovina URL: https://redcode-web.design/references/misko-trgovina/ Description: Web shop for the sale and service of bicycles and bicycle equipment, which is specific for its front page. SEO description: Web shop for the sale and service of bicycles and bicycle equipment, which is specific for its front page. Technologies: izrada-web-trgovina-shop One of our first web shops on the new management system based on October CMS, which we developed at the beginning of 2019. We gave away the Miško web shop, that is, we invited potential clients to report their needs for a web shop, and we chose one of them and create a web store for them - **free of charge.** It was a win-win situation because we used that web shop to *grind* a new management system. Today, unfortunately, the web shop is only a catalog without the possibility of purchasing, due to the lack of time on the part of the client to maintain it. --- ## Blog URL: https://redcode-web.design/blog/ Every website has a blog, so do we :) A blog is the most valuable part of any website if we talk about SEO. Unique and interesting content for users is invaluable for the site's position. ### How Much Does It Really Cost to Develop a Mobile App in 2026? URL: https://redcode-web.design/blog/how-much-does-it-really-cost-to-develop-mobile-app-in-2026/ Published: 2025-11-11 Last updated: 2026-06-09 Description: The cost of developing a mobile application is no longer measured by lines of code — but by experience. Architecture, UX, and AI are now the three key factors shaping the price of development. SEO description: In 2026, mobile app pricing is no longer measured by code but by experience. Discover how AI, design, and architecture define the value of products. Development of mobile applications has never been faster — but also never more demanding. Modern apps have more functionality than ever before. The tools we use daily — **from AI code assistants to low-code platforms** — have transformed how we create digital products. In 2026, the cost of building an app is no longer determined by code quantity, but by the **value of the experience, performance, and sustainability** the product delivers. Let’s look at how we got here — and why “cheaper app development” often means a more expensive project lifecycle. ## Faster Development, Lower Base Costs – The AI Revolution in Mobile App Development Digital development in 2026 depends less on team size and more on tool capability. AI assistants such as GitHub Copilot, ChatGPT, and Replit AI have changed how developers work — **accelerating coding, refactoring, and documentation by 30–50%**. Thanks to contextual project understanding, junior developers now work faster and more securely, while experienced teams use AI to automate repetitive tasks and maintain standardization across projects. At the same time, no-code and low-code platforms such as FlutterFlow, Appsmith, Bubble, and Retool have made it possible to **develop MVP versions of apps in just days**, not weeks. These tools are no longer alternatives to coding but **prototyping catalysts** — a way to validate ideas before full-scale development. Behind all of this are **automated backend systems** like Hasura, capable of generating APIs and databases almost instantly. **The result?** The first version of an app today can be **built up to three times faster** and at half the cost of five years ago. But this new speed also brings new challenges — because as **automation grows, so does the complexity of managing the entire system**. **Higher Expectations, More Integrations, More Value!** With rapid technological progress, user expectations have evolved. People no longer compare products within a category — **they compare experiences**. Whether it’s a startup, a salon, a bank, or an education platform, users expect **fast, intuitive, and professional interfaces** that work flawlessly. Clients, therefore, no longer seek “just an app” — but a **complete digital ecosystem** that unites all core elements of their business: - **Mobile app, web interface, and CMS with backend** - **Integrations with external services** (Stripe, Google Auth, AI models, CRM, ERP) - **Advanced analytics** and precise user behavior tracking - **Consistent design and branding** across all touchpoints ### Shift in Cost Structure – The Price Is the Same, but the Distribution Has Changed Just a few years ago, most of the project budget went into **coding and testing**. But as development tools improved and user expectations rose, the cost structure shifted dramatically. Today, more resources go into long-term value — user experience, architecture, and scalability. “Development” is no longer just about writing code. It’s **strategic system design** — building foundations strong enough to support **growth, integrations, and market evolution**. That’s why the cost breakdown for 2026 will look like this: | **Project Segment** | **Share of Total Cost (avg. 2026)** | |:--------------|:------:| | UX/UI Design & Prototyping | 25-30%| | Architecture & Integrations | 25-35% | | Development & Implementation| 20-25%| | Testing & Security | 10-15% | | Maintenance & Upgrades | 10-20% | Investment in UX/UI, architecture, and maintenance is no longer considered an extra expense — but **the foundation of a competitive product**. When we look at the actual **price ranges**, it becomes clear that the **market has stabilized** — but the **level of value** a client receives for that investment **has never been higher**. A modern application includes far more than one built in 2025, which means that comparing projects “by price” no longer makes sense **without understanding the scope of the solution**. Projected App Development Prices in 2026: | **Project Type** | **Description** | **Price Range** | |:--------------|:------|:---------------| | **Simple App (MVP)** | Basic features, one platform (web or mobile), no CMS. Example: a simple presentation or user registration app. | 3.000 – 8.000 € | | **Medium-Complex App** | Includes API integration, user authentication, admin CMS, and multi-language support. Example: content-based system or service-integrated app. | 8.000 – 20.000 € | | **Advanced Platform** | Multiple user roles, AI features, online payments, and complex logic. Example: marketplace, booking platform, SaaS. | 20.000 – 50.000 € | | **Enterprise Solution** | Multi-platform (web, iOS, Android), custom backend, high security, analytics, scalability. Intended for larger organizations with custom processes and integrations. | 50.000 – 150.000 €+ | The cost hasn’t dropped — but what you get for that **price is far more sophisticated**. ### CAPEX vs. OPEX – The True Lifecycle Cost Development doesn’t end at launch — it starts living from that moment on. In the digital product management model, **development cost (CAPEX)** and **maintenance cost (OPEX)** have become equally important parts of the same lifecycle. CAPEX covers everything that **happens before the user downloads** the app for the first time — design, development, testing, integrations, and infrastructure. It’s the creation phase, where the foundation of the future system is built. OPEX, on the other hand, encompasses **everything that comes after launch** — updates, security patches, performance monitoring, hosting expenses, and integration maintenance. In modern projects, this also includes the cost of maintaining AI models, data storage, and adapting to ever-changing APIs. In practice, the average cost distribution now looks like this: | **Phase** | **Description** | **Share of Total Cost (24 months)** | |:------|:------|:--------------------------------:| | **CAPEX** (Initial Development) | Design, development, integrations | 60% | | **OPEX** (Maintenance & Upgrades) | Hosting, updates, API changes, AI models | 40% | Once negligible, OPEX is now **strategically critical**. A well-planned project reduces the OPEX portion of a mobile application's total cost to the lowest possible level. ### Speed vs. Sustainability – The New Planning Paradigm Modern tools, AI assistants, and frameworks allow apps to be built in weeks — often 4 to 12 weeks. But faster production doesn’t mean shorter planning. In fact, the faster the development, the more crucial the early architectural setup becomes. Mistakes made early multiply maintenance costs later. That’s why an experienced development team doesn’t start coding right away — it first establishes a **clear foundation for the project**: - **Information architecture** – how data flows through the system and connects with external services, - **User flows** – defining real user paths and interactions within the application, - **CMS structure** – the logic of content organization, roles, and access rights, - **API logic and user roles** – defining communication rules between the frontend, backend, and external integrations, - **Defined testing scenarios** – plans for verifying functionality, performance, and security. This is the difference between an agency that merely delivers an app and one that builds a **digital system ready for growth, scalability, and long-term sustainability**. ### Mobile App Design as a Strategic Investment In 2026, design is no longer just an aesthetic element — it is a **business tool that directly impacts conversions, user retention, and operational efficiency**. Every non-intuitive click represents a potential drop-off, and every poorly structured instruction increases the load on customer support. For this reason, **UX/UI design has become a critical component at every stage of development** — from the initial concept to final optimization. A modern UX/UI approach includes: - **User research and needs analysis** – understanding user motivations, emotions, and the context of use, - **Interactive prototyping in Figma** – enabling experience testing before development begins, - **User testing in real-world scenarios** – validating design through observed behavior, - **Design system development** – clearly defined components, typography, color palettes, and motion logic that ensure consistency and brand recognition throughout the product. That’s why design in RedCode projects is never just a phase — it is **the foundation of the entire user experience**, a measurable investment that brings returns through higher user satisfaction, lower support costs, and improved retention rates. ### AI Accelerates Development — But Doesn’t Replace Expertise While in previous years new technologies changed the tools we use, **AI is transforming the very way we think about development**. At RedCode, we see artificial intelligence as a **precise technical partner**. AI can accelerate processes — but it cannot design architecture, evaluate user flows, or decide when “good enough” is actually enough. Successful mobile app development in 2026 is no longer about **who can code**, but about **who can think in systems** — and then translate that vision into a technically precise, sustainable application. What AI can accelerate — and what it never can — is illustrated in the following table: | **Development Phase** | **What AI Accelerates** | **What AI Cannot Replace** | |:--------------|:------------|:----------------------| | **Code Writing** | Generating components, tests, and comments | Designing architecture and optimizing performance | | **Testing** | Automatically creating test cases | Validating real-world scenarios and edge cases | | **Documentation** | Generating technical descriptions and comments | Understanding project context and user needs | | **Interface Design** | Suggesting layouts based on prompts | UX logic and the user’s emotional experience | | **Maintenance** | Predicting deprecated functions and security risks | Making strategic decisions on migrations and versioning | Artificial intelligence accelerates 20 to 40% of technical operations, but 100% of business decisions are still made by humans. That’s why projects where AI collaborates with an experienced team move forward — while those that treat it as a “quick shortcut” often end up with **additional costs and technical debt**. **Integrate AI wisely, not impulsively.** If you’re considering implementing artificial intelligence into your development process, **the key is to start with strategy — not with tools**. AI doesn’t change what we do — **it changes how we do it**. That’s why instead of looking for a “faster way,” **you should look for a smarter system**. ### No-Code, Low-Code, and the Limits of Flexibility No-code and low-code tools have brought **a revolution to digital product development**. They allow for **rapid idea validation, MVP creation, and market testing** without the need for a full development team. They are especially useful in the early stages when the goal is to quickly prove a concept rather than build a long-term sustainable system. However, as the application matures and requirements grow, their limitations quickly become evident. It soon becomes clear that: - **There is no full control over backend logic** – these systems come with predefined APIs and structures that restrict architecture. - **Customization is limited** – every non-standard functionality requires a workaround, increasing technical debt. - **Performance declines as user numbers grow** – the platforms are not optimized for large-scale operations. - **Migrating to a custom-built solution** often requires rebuilding from scratch – which can increase long-term costs by 50–80%. In the end, no-code is **excellent for launching an idea**, but not for sustaining it in the long run. That’s why the optimal approach is hybrid — no-code for the MVP, and custom code for growth and scalability. ### Non-Functional Requirements – The Hidden Cost of Professionalism In practice, these non-functional requirements are what make the difference **between a “working prototype” and a professional, market-ready application**. They are often missing from initial cost estimates, even though their implementation directly impacts brand reputation, data security, and the system’s resilience to growth. Key elements frequently overlooked in cost breakdowns include: - **GDPR compliance and personal data storage**, - **Data encryption** at rest and in transit, - **Audit logs** and traceability systems, - **Disaster Recovery and RTO/RPO plans** for rapid recovery in case of downtime, - **SSO integrations and two-factor authentication** for secure user access, - **AI model versioning and governance systems** that ensure transparency and ethical model management. Each of these elements may increase the initial cost by 5 to 15 percent — but they multiply the long-term value of the system. Ultimately, a **professionally developed application doesn’t cut corners on security** — it invests in trust, stability, and sustainability. ### Application vs. Digital Ecosystem By 2026, the line between a “mobile application” and a “digital product” has **almost completely disappeared**. Clients no longer seek just an app that works — **they seek an ecosystem** that connects users, content, sales, and analytics into one cohesive whole. The comparison below makes this distinction clear: | **Element** | **“Basic Application”** | **“Digital Ecosystem”** | |:----------|:--------------------:|:----------------------:| | **Mobile Application** | Yes | Yes | | **Web portal** | No | Yes | | **CMS and Administrationa** | No | Yes | | **Integrations** (Stripe, AI, CRM) | Limited | Full | | **Analytics and Metrics** | Basic | Advanced | | **Multilingual Support and Localization** | Not Supported | Standard | | **Automation and CI/CD** | Basic | Full | | **Scalability** | Limited | High | Ultimately, this table shows that **in 2026, the value of a project** no longer depends on what the application does — but on **how many systems it connects**. ## Conclusion – The Price Isn’t Lower, the Value Is Greater RMobile app development in 2026 has undergone a complete transformation. Applications are now developed **two to three times faster** than just a few years ago, yet they include twice as many features — from AI model integrations to complex CMS and analytics systems. The **true value of a developer today** doesn’t lie in writing code, but in **the ability to shape a concept**, anticipate needs, and build a solution that grows with the client. That’s why the main message is simple — **the price of an application in 2026 isn’t lower, but the value you receive for it is exponentially higher**. If you’re planning to develop your own application, ask yourself one key question: **Do you want just a tool — or a digital system that grows alongside your business?** Want a realistic cost estimate and a detailed development plan? Learn more about our services: - [Mobile App Development](https://redcode-web.design/services/mobile-application-development/) - [CMS Development](https://redcode-web.design/services/systems-applications/) - [UX/UI Design](https://redcode-web.design/services/others/design/) - [Webshop Development](https://redcode-web.design/services/webshop-development/) At RedCode, we believe that technology is only as valuable as it is **useful in simplifying life**. That’s why every application we build is designed to grow with you — **securely, scalably, and intelligently**. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### 70% of Black Friday purchases come from mobile devices - is your web shop ready? URL: https://redcode-web.design/blog/70-percent-of-black-friday-purchases-come-from-mobile-is-your-webshop-ready/ Published: 2025-11-08 Last updated: 2026-06-09 Description: Practical guide to mobile optimization of your web shop for Black Friday 2025: speed, checkout, UX, testing, and monitoring. SEO description: In 2025, over 70% of Black Friday traffic comes from mobile devices. Prepare your web shop: speed, checkout, UX, testing, and monitoring. In 2025, more than 70% of Black Friday traffic comes from mobile devices. This is a practical guide to optimizing speed, checkout, and user experience. This year, more than 70% of all Black Friday purchases come from mobile devices, and every second of loading can decide who earns and who loses. It’s a huge opportunity, but also a serious risk if your online store - especially its mobile version - isn’t optimized for mobile networks, small screens, and impulse purchases. Below is a concrete step-by-step plan to get your store ready to withstand heavy traffic, lift conversion rates, and deliver a first-class mobile experience - without generic or surface-level advice. ## Introduction - why mobile devices are taking over Black Friday Mobile devices are the "first screen" for discovering deals, comparing prices, and impulse purchases. With fast mobile networks, digital wallets, and the habit of "scroll & buy," mobile channels generate an ever larger share of traffic. According to Shopify, more than 70% of transactions on Black Friday 2024 were made via mobile devices. What do you lose if you don’t optimize your store? - slower loading = lower conversions and higher bounce rate - the number of shoppers who left without purchasing - checkout without digital wallets = more abandoned carts - customers didn’t see their preferred payment method - unclear design and tap misses = frustration and drop-off - customers couldn’t open a product or hit the Buy button - no analytics = you don’t know where traffic "leaks" - Google Analytics and similar tools ## What does 70% mobile traffic mean for your profit? If most people come from mobile, revenue is governed most by the mobile experience: - every extra second of waiting lowers sales - above 3 seconds to the first "real" render, abandonment rises - the fewer the steps to pay (guest checkout, Apple Pay, Google Pay), the higher the conversions ### A quick example: small changes, big results: - 10,000 mobile visits over the Black Friday weekend - current conversion rate **(percentage of visitors who purchase)** 1.2% = **120 orders** - if optimizing speed and checkout raises conversion by 0.4% **(to 1.6%)** = **160 orders** - with an average order value of **€60.00**, that’s an extra **€2,400.00** in revenue just from improving the mobile flow **(40 orders * €60.00 = €2,400.00)** Once you see the potential in mobile users, the logical question is: how fast does your store actually respond? ## Loading speed - a second = money Quick test: open your store on a 4G network and count out loud. If your store still isn’t interactive by the time you count to three, you’re already losing customers. The goal is a mobile page that becomes "clickable" within 3 seconds. Every second a visitor waits is potential revenue lost. ### Ideal Core Web Vitals numbers (measuring speed and stability on mobile): - LCP **(Largest Contentful Paint)** < 2.5s (main content appears quickly) - INP **(Interaction to Next Paint)** < 200 ms (the page "listens" and reacts quickly to touch) - CLS **(Cumulative Layout Shift)** < 0.1 (nothing jumps around the screen) ### What to do if your numbers are above the targets: - images: convert to AVIF/WebP, downsize unnecessarily large images, enable lazy loading for everything that isn’t essential to the first render - scripts and plugins: remove anything that doesn’t contribute to sales; load what must remain deferred - caching: serve static files with caching (faster loading on subsequent visits) - test the store on real mobile devices and a mobile network, not just on a desktop connected to fast internet ### Popular tools for testing mobile store speed: - [Google PageSpeed Insights](https://pagespeed.web.dev/) (Free) - [GTmetrix](https://gtmetrix.com/) (Paid) ## Black Friday purchasing: 6 common mistakes that kill sales 1) No Apple Pay or Google Pay - a mobile shopper wants to pay in 2–3 taps; digital wallets like Apple Pay or Google Pay enable fast and secure checkout 2) No guest checkout - forced registration = drop-off, especially on mobile where people want a quick purchase 3) Too many fields and unclear validations - leave only the essential fields and validate immediately 4) Autofill of data - enable auto-fill for addresses and personal details 5) Hidden shipping costs and delivery times - show shipping costs and delivery time as early as possible - no surprises in the last step 6) No fallback payment method and safeguards - always have a fallback method **(e.g., cards + PayPal)** with security checks **(3D Secure)** ### Need help implementing the improvements above or enabling Apple Pay and Google Pay? Get in touch: [We’ve been building online stores for many years](/services/webshop-development/) ## Navigation, UX, and design for small screens - large, clear buttons and strong contrast - easy to "hit" with a thumb - simple navigation (5–7 primary items) and a visible search field - keep "Add to cart" and the cart visible at all times - avoid pop-ups that cover content, especially on a user’s first visit - readable text (not too small) and sufficient spacing between elements - alt text for images and clear headings help both users and search engines If the current design is overloaded and hard to fix, consider targeted reconstruction of critical pages or an iterative redesign of existing elements. ### How to test smartly: - go through the full purchase path: **homepage/landing**: **category**: **product**: **cart**: **payment** - test on both an older and a newer mobile device, and on a slower network - measure: time to first "visible" render and to a jitter-free tap - intentionally mistype the card number and address - check message clarity and the experience for a customer who makes a mistake ## The most common "pain points" in online stores 1) Increased traffic breaks the purchase experience - reduce external scripts, enable caching, and prepare queueing for critical calls 2) Laggy stock/ERP sync - introduce a short item reservation during checkout; communicate delivery time clearly 3) Too many scripts and marketing tags - keep only what brings revenue, load the rest later 4) Uncompressed images - use AVIF/WebP and lazy loading 5) Video content - show poster images until playback starts 6) Unmonitored third-party payments - set up alerts for payment processor errors and have a fallback payment route 7) PWA and mobile app - a PWA helps the mobile experience; if you have many loyal buyers, consider a mobile app as an extension of the web shop: [Mobile app development](/services/mobile-application-development/) ## A concrete work plan to optimize your store for Black Friday 1) Measure and "lighten up" - run PageSpeed/GTmetrix and reduce the number of images and scripts 2) Fix the purchase experience - enable guest checkout and Apple Pay/Google Pay - remove unnecessary fields and leave only the essentials with instant validation 3) Small tweaks that matter - bigger buttons - always-visible **"Add to cart"** and **cart** - clear copy and contrasts 4) Turn on monitoring - integrate Google Analytics to monitor shopper behavior - add alerts for payment processor errors and have a fallback route 5) Short load and failure tests - test the store under load - test what happens if one payment method fails - do you have a fallback? 6) Technical SEO review - titles/descriptions, alt tags, basic Core Web Vitals numbers - check clarity of messages and the experience for a customer who makes data entry mistakes ## Conclusion Mobile users are the majority on Black Friday. If the page opens quickly and paying is simple, order volume follows. A few focused days of work are enough - without "tearing down" the whole system. Don’t wait for Black Friday to find out where you’re losing customers. With a few days of preparation you can gain hundreds of additional orders. If your mobile store takes longer than 3 seconds to load, and you don’t have the time or desire to optimize it yourself, send us the link and we’ll do a no-obligation technical analysis before Black Friday: [SEO - search engine optimization](/services/others/seo/) For more complex work (custom functionality, PWA, POS/ERP integrations), check our web store services: [Web shop - online store development](/services/webshop-development/) For any other information or questions: [Contact us](/contact/) In the end, the most successful online stores aren’t the fastest or the prettiest, but the ones that understand their customers best and remove every obstacle along the path to payment. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### How AI is changing mobile app development: Our approach at RedCode URL: https://redcode-web.design/blog/how-ai-is-changing-mobile-app-development/ Published: 2025-07-18 Last updated: 2026-06-09 Description: Artificial Intelligence (AI) is no longer just a trend — it has become a key driver of digital transformation, especially in the realm of mobile app development.Thanks to AI, mobile applications are becoming smarter, faster, and more personalized, delivering user experiences that exceed expectations. SEO description: Discover how AI is reshaping mobile app development through personalization, automation, and scalable solutions — with real-world examples from RedCode. At RedCode, we recognize the immense potential of AI technologies and actively integrate them into our development processes. With user demands for intelligent, predictive, and interactive apps growing rapidly, we believe now is the perfect time to implement AI-driven solutions. AI and mobile apps are no longer separate domains — their synergy is shaping a new generation of smart, scalable, and predictive solutions that redefine the user experience. By combining advanced AI tools with cutting-edge development technologies, we build mobile applications that not only meet users’ current needs but also anticipate their future expectations. Our approach empowers businesses to stay ahead of the competition by delivering innovative and customized solutions to their users. In the following sections, we’ll explore in detail how AI is transforming mobile app development, the key benefits of its integration, and how RedCode leverages these technologies to create exceptional mobile experiences. ## What is AI in the context of mobile applications? Artificial Intelligence (AI) in the context of mobile app development is no longer just a technological trend — it has become a key element shaping how apps function and interact with users.Unlike traditional apps that operate based on predefined rules, AI-powered mobile applications dynamically adapt their behaviour based on real user interactions. At the heart of this transformation is machine learning, which allows apps to analyse data in real time and make intelligent decisions without being explicitly programmed for every scenario. This adaptive capability results in applications that are not only functional, but also intuitive and proactive. To implement AI features, developers have access to a wide range of tools and services. For example, Google ML Kit enables on-device recognition of text, images, and speech — offering fast data processing and offline functionality. On the other hand, Azure Cognitive Services provides ready-made APIs for more complex use cases such as computer vision, sentiment analysis, and chatbot creation, allowing developers to add intelligent capabilities without deep expertise in machine learning. The key distinction between traditional mobile apps and those powered by AI lies in their ability to adapt. While traditional apps follow fixed rules and scenarios, AI-enhanced apps continuously learn from user interactions, adjust their behaviour and content accordingly, and offer a dynamic, personalized user experience. This shift enables the development of mobile applications that not only meet users’ current needs but also anticipate their future expectations — leading to higher levels of engagement and user satisfaction. ## How AI and Mobile Apps Work Together to Create a Smarter User Experience? AI technology in mobile app development is becoming an increasingly powerful tool for companies looking to deliver smarter, faster, and more efficient solutions to their users. By leveraging artificial intelligence, businesses can elevate the quality of their mobile applications to an entirely new level. Some of the most notable benefits include: ### 1. Personalized User Experience One of the most significant advantages AI brings to mobile applications is the ability to deliver advanced personalization of the user experience. Artificial intelligence analyses user behaviour in real time — what they search for, which features they use most, how much time they spend in the app — and dynamically adjusts content, interface layout, and even recommendations based on those insights. This level of content personalization not only increases user engagement but also enhances overall user satisfaction, leading to greater loyalty, higher retention rates, and improved conversion metrics. ### 2. Task Automation and Workflow Optimization Task automation powered by AI reduces the need for manual data entry and repetitive processes.In mobile applications, this often takes the form of: - Automatic photo recognition and categorization - Real-time content translation across multiple languages - Voice message transcription into text - Auto-filling forms and intelligent suggestions for users These features significantly improve operational efficiency and minimize the risk of human error. At the same time, they allow users to interact with the app more quickly and effortlessly, enhancing usability while reducing the cognitive load. ### 3. Predictive Analytics and Decision-Making One of the most valuable features of artificial intelligence in mobile app development is predictive analytics.AI models process large volumes of data in real time and identify patterns that indicate potential future user behaviour. Based on these insights, applications can: - Personalize offers and recommendations - Send timely notifications - Anticipate user needs and automate appropriate actions This proactive approach allows companies to stay ahead of the competition by enabling smarter business decisions, increasing revenue, and enhancing the overall user experience. ### 4. Chatbots and Real-Time Support Voice Assistants The implementation of chatbots and voice assistants within mobile applications is one of the most common and visible applications of AI technology. These tools enable real-time, 24/7 customer support without the need for human intervention. Key benefits include: - Fast and accurate responses to user inquiries - Personalized conversations based on previous interactions - Guiding users through processes such as registration, ordering, or app navigation In addition, voice assistants allow users to control the app using voice commands, significantly enhancing accessibility and inclusivity — particularly for users with disabilities or those on the go. The role of artificial inteligence in mobile app development is no longer a matter of the future — it’s the present. From personalized user experiences and process automation to predictive analytics and advanced communication tools like chatbots and voice assistants, AI delivers tangible, measurable advantages that enhance both app value and user satisfaction. Companies that want to remain competitive must strategically integrate AI into their app ecosystems to provide a superior user experience and achieve long-term business benefits. ## How RedCode Applies AI: Success Stories and Insights At RedCode, we believe that the best solutions emerge when theory is transformed into concrete, measurable results. We don’t view artificial intelligence as merely a technology of the future — we see it as a tool that is already shaping user behaviour, business models, and market trends today. Through our own projects, we integrate advanced AI technologies to develop mobile applications that bring real added value to users. One of the most successful examples of this is Pimp My Car AI. Pimp My Car AI by RedCode was developed to offer users a unique experience of visual car customization. By simply uploading a photo of their vehicle, users trigger the app’s AI-powered computer vision system, which identifies key elements of the car — such as the body, wheels, lights, and detailing — and then suggests potential visual modifications. All of this takes place within an intuitive, user-friendly interface, with no technical knowledge required. What sets Pimp My Car AI apart from similar solutions is its deep integration of creative AI systems.In addition to image processing and smart recommendations, the app generates visual suggestions tailored to each user’s preferences. Rather than relying on a fixed gallery of options, the system learns and interprets the user's style, preferred colours, and visual tastes — delivering personalized suggestions in real time. ### Midjourney – Visual Interpretation of Ideas The core image generation tool within the application is Midjourney, one of the most advanced AI systems for creating visual content based on textual descriptions. Midjourney is constantly evolving, becoming increasingly capable of interpreting the subtle nuances of user prompts — resulting in highly realistic and compelling visual renderings of customized vehicles. For the user, this means there’s no need to imagine what their car might look like — the app instantly generates a visually convincing version of the new design, allowing for quick decision-making or further creative experimentation. In this way, Midjourney not only streamlines the customization process but also encourages creativity, making the user experience exciting and engaging. Through its integration with Midjourney, Pimp My Car AI demonstrates how generative artificial intelligence can be a key tool in industries that rely heavily on visual impact and design. ### Technology Foundation: Stability, Speed, and Security Every successful AI project is built on a strong technological foundation. In Pimp My Car AI, we’ve implemented a suite of modern technologies that ensure scalability, security, and top-tier performance. The frontend of the application is built using Flutter, Google’s open-source framework for building natively compiled mobile apps for both Android and iOS from a single codebase. This approach not only accelerates development but also ensures a consistent user experience across all devices. With Flutter, we’ve achieved smooth animations, fluid interactions, and a responsive UI. The backend is powered by a Hasura GraphQL architecture, enabling efficient data retrieval and manipulation. GraphQL minimizes unnecessary communication between client and server by allowing precise queries — fetching only the data needed, nothing more, nothing less. This results in real-time responsiveness without overloading the system. For user authentication, we use Firebase Authentication, which ensures simple and secure access without compromising data privacy or protection. Login options include email, social networks, and Google accounts, making the app more accessible to a wide range of users. ### Development Process – From User Needs to the Global Market The Pimp My Car AI project was developed iteratively, following a series of phases that included market research, user analysis, definition of core functionalities, UI/UX design, technical implementation, and extensive testing. From the early stages, beta users were actively involved in the development process, and their feedback played a direct and valuable role in shaping the product’s evolution. The focus was on creating an app that not only utilizes AI technology, but is also fully tailored to the end user — simple to use, fast, visually appealing, and reliable. User feedback during the beta phase clearly showed that people especially appreciated the ease of access and the realism of the visual renderings, which further motivated the team to fine-tune every aspect of the experience. ### Availability and Global Potential The application is available globally on both the Google Play Store and Apple App Store, ensuring wide accessibility regardless of region or device type. Through localization and an intuitive interface, the app is adapted for users from different language and cultural backgrounds. One particularly important aspect of this global presence is the way the app encourages the formation of a community of users who share their designs and ideas with one another. In doing so, Pimp My Car AI becomes more than just a car customization tool — it evolves into a platform for creative exchange and inspiration among enthusiasts around the world. ### What’s next? At RedCode, we are continuously working on new projects that leverage artificial intelligence in mobile app development. While we’re currently unable to disclose specific details due to contractual obligations, we can already share that our focus is on solutions for process automation, predictive user behaviour analysis, and the enhancement of end-user experience through adaptive interfaces and content personalization. Our upcoming projects are pushing the boundaries of AI beyond visual customization and into functionality with real business impact — including applications in e-commerce, education, transportation, and digital services. Pimp My Car AI by RedCode is living proof that AI solutions in mobile applications are not just possible — they are incredibly successful when built on the right technological foundation and truly centred around the user. The combination of Flutter, GraphQL, Firebase, and Midjourney has proven to be an optimal platform for blending performance, design, and scalability. At RedCode, we remain committed to building solutions that don’t just follow trends — they shape them. ## Our Technology Stack At RedCode, we develop AI-powered mobile applications using a carefully selected technology stack designed to ensure stability, security, high performance, and maximum AI service utilization. Every component of our development stack is optimized to support seamless integration with advanced cloud-based AI solutions — allowing us to build applications that are not only functional, but also intelligent, adaptive, and user-focused. ### Flutter – Delivering Visual Intelligence Through Responsive Design We use Flutter as the foundation for building user interfaces in mobile applications that integrate artificial intelligence. Its ability to quickly render complex UIs makes it ideal for displaying AI-generated content in real time — whether it’s personalized recommendations, visualizations from the OpenAI API, or images generated through Midjourney. In AI-driven apps, it is crucial that the output — whether recommendations, analytics, or visual modifications — is presented in a way that is fast, fluid, and interactive. Flutter delivers exactly that. Additionally, its cross-platform nature ensures equal accessibility of AI-powered mobile apps across both Android and iOS devices — a key factor for broad user adoption. ### Hasura i GraphQL – Dynamic Integration of AI Models and User Data GraphQL, in combination with the Hasura engine, acts as a bridge between the mobile frontend and backend AI services. In the context of artificial intelligence, it enables precise, efficient, and controlled data exchange between the application and AI models. When a user submits a request — for example, to see how their car would look in a different colour — the application uses GraphQL to send the necessary parameters to the AI system (such as a prompt for Midjourney, text input for OpenAI, or images for processing via Google Cloud Vision API). The AI service then processes the data and returns a result, which is dynamically rendered to the user through the same architecture. This type of architecture minimizes data transfer and maximizes response speed — a critical factor when integrating complex AI functionalities into mobile applications. ### Firebase Authentication – Personalization and Security in the AI Context Firebase Authentication is more than just a user login tool — it plays a crucial role in personalizing the AI experience and protecting the sensitive data used and generated in AI processes. In the context of AI-powered mobile applications, every user interaction can serve as input for personalized AI recommendations, behavioural prediction models, or habit analysis. Thanks to Firebase, we can accurately associate each user with their activity history, AI queries, and generated content — all while adhering to high standards of security and data privacy. Moreover, Firebase enables authenticated users to securely connect with external AI services (e.g., via secure tokens), ensuring that every AI request originates from a verified context — effectively preventing misuse and unauthorized access to AI resources. ### Cloud-Based AI Services – The Brain Behind the App At the core of our applications are advanced cloud-based AI services, primarily: **OpenAI API** Through the OpenAI API, we integrate language models such as GPT, enabling our applications to understand and generate text, respond to user queries, create descriptions, summarize content, build chatbots, or assist in generating prompts for other AI tools (e.g., image generation). In combination with the previously mentioned technologies, OpenAI services make it possible to create intelligent, conversational user interfaces within mobile apps — where users can interact naturally and receive helpful, context-aware responses. **Google Cloud Machine Learning** Google Cloud ML services — such as Vision API, Natural Language API, and Speech-to-Text — enable high-precision, reliable processing of images, speech, and text. In applications like Pimp My Car AI, the Vision API can detect objects within a photo of a vehicle, while NLP services analyse user queries to generate personalized AI responses or suggestions. These models are pre-trained on vast datasets and are production-ready, which significantly accelerates the development process and allows us to focus on user experience rather than technical hurdles. Developing AI-driven mobile apps requires strong synergy between user interface technology, data architecture, security, and intelligent content processing. At RedCode, we achieve this synergy through a tightly integrated technology stack: - Flutter for fast, beautiful, and cross-platform rendering of AI output - GraphQL & Hasura for flexible connectivity between user inputs and AI services - Firebase Authentication for secure personalization and identity management - OpenAI & Google Cloud ML services for powerful text, image, speech, and prediction processing This architecture enables us to implement advanced AI features in mobile apps quickly, securely, and at scale — without compromising user experience or performance. Need a visual diagram of our architecture, a comparative service analysis, or a tailored tech strategy for your next AI project? We’d be happy to help — just get in touch. ## Strategic Advice for Businesses Adopting AI in App Development Integrating artificial intelligence into mobile applications can deliver significant benefits — from personalized user experiences and process automation to advanced analytics and predictive user behaviour. However, successful AI integration doesn't start with technology — it starts with strategy. Developing AI-powered mobile applications requires a strategic approach, from selecting the right technologies to defining clear user objectives. Before starting development or integrating AI solutions, companies should consider several key factors that can strongly influence the success of the project. ### A Clear and Realistic Need for AI The first and most important step for any company is to define exactly what they want to achieve with artificial intelligence. AI should be a means to solve a specific problem or improve an existing process — not a shiny tech add-on. Key questions to ask include: - Can AI improve user interaction? - Are there repetitive tasks that AI can automate? - Can AI provide insights into user data that will support better decision-making? AI only makes sense when it brings clear added value — whether that’s reducing costs, increasing user engagement, or opening new revenue streams. ### Budget and Return on Investment (ROI) Introducing AI features into a mobile app comes with specific costs — including development, model training, API usage fees, and infrastructure scaling. It’s crucial to evaluate in advance: - The initial cost of AI development and integration - Ongoing operational costs (e.g., OpenAI API, Google Cloud ML services) - When and how you expect to see ROI A smart AI strategy doesn’t rely on massive up-front integration. Instead, it involves gradual implementation and performance validation using clear metrics — such as reduced churn, increased session duration, or improved sales through AI-driven recommendations. ### User Data Privacy and Security Since AI systems often process sensitive user data, privacy protection must be a top priority. Companies looking to introduce AI into their apps should ensure: - That all data collection complies with applicable laws (GDPR, CCPA, etc.) - That trusted and secure AI services are used, offering encryption during both transmission and storage - That transparency toward users is guaranteed — explaining how and why their data is being used Additionally, implementing a "privacy by design" approach is highly recommended — where data protection is embedded from the very beginning of the app’s development lifecycle. ## Scalability of AI Solutions An AI application that works for 1,000 users today should be able to support 100,000 tomorrow — without compromising performance. That’s why it’s essential to choose a scalable architecture and AI services from the very beginning — solutions that support automatic capacity scaling, distributed processing, and high availability. Platforms like OpenAI, Google Cloud ML, or AWS SageMaker enable AI models and data processing to scale dynamically based on load — with no need for manual intervention. Scalability isn’t just a technical concern — it’s a business assurance that your application will grow alongside your company and evolving market demands. At RedCode, we always recommend an iterative approach to implementing AI features. This means: - Starting with a core feature (e.g., AI recommendations, a basic chatbot) - Testing it on a smaller group of users - Analysing outcomes and impact on user behavioor - Using data-driven insights to guide future development and scaling This approach allows for early detection of issues, faster resolution of bugs, and a safer integration into the broader system. At the same time, it enables accurate tracking of return on investment and the real impact of AI functionalities on the application. ### Strategic AI Integration: A Real Business Advantage Integrating artificial intelligence into mobile apps can be a turning point for your company — but only if approached strategically. Rather than treating AI as a passing trend, treat it as a tool that must deliver measurable impact — on user experience, process efficiency, or business outcomes. Focus on real needs, define clear goals, prepare your infrastructure, and don’t rush implementation. Through progressive development, targeted testing, and smart scaling, AI can become a key differentiator in your digital product. We would be happy to help you design a custom AI integration plan for your project — including technical analysis, budgeting, and recommendations for scalable AI services. ## AI and the Evolving Future of Mobile Experiences Artificial intelligence is rapidly transforming the way we communicate, work, and engage with digital products — and mobile applications are at the very heart of this transformation. As technology evolves, so do user expectations: people now demand more automation, deeper personalization, faster responses, and experiences that continuously adapt to their context. Within this landscape, the future of AI in mobile applications promises a wave of innovations that will shape the next decade of app development. ### Generative AI: Evolving from Assistant to Creator One of the most influential trends shaping the future of mobile app development is the widespread adoption of generative AI models. While these models are already known for their ability to generate text (GPT), images (Midjourney, DALL·E), video, or music, the coming years will see their even deeper integration into AI-driven mobile applications. The apps of the future will enable users to: - Generate personalized content directly within the app — such as visuals, messages, or automated scenarios - Interact with virtual agents that learn from user behaviour and generate new information in real time - Experience fully adaptive, AI-driven interfaces that dynamically respond to individual preferences and goals These models will transform mobile apps from static tools into intelligent, proactive conversational partners and creators of experience. ### AI-Driven Process Intelligence and Task Automation Until recently, automation in mobile apps was limited to relatively simple actions — such as autofill features or push notifications. However, as AI systems evolve, automation is expanding into more complex business and user scenarios. In the near future, mobile apps will be capable of: - Autonomous decision-making based on predictive models - Integration with internal business systems (ERP, CRM, logistics) - Personalized user assistance that understands context, emotion, and business intent One particularly exciting direction is process intelligence — the use of AI to analyze and optimize user flows within the app in real time. This enables continuous UX improvement without manual intervention, ensuring the app becomes smarter with every interaction. ### The Rise of Intelligent Chatbots and Voice Interfaces AI chatbots and voice assistants are no longer just support tools. Thanks to large language models (LLMs), these systems are expected to become the primary mode of interaction with mobile applications. Instead of tapping and swiping, users will engage with apps through conversational interfaces — using natural language, either by typing or speaking. The next generation of bots and assistants will be: - Context-aware (able to remember previous interactions) - Emotionally sensitive (capable of recognizing tone and user intent) - Multichannel (operating not only within the app, but also via email, messaging platforms, or other digital channels) This will make mobile apps significantly more accessible and intuitive, especially for users seeking quick solutions without the need to learn complex interfaces. ### AI for Everyone: Accessibility and Democratization A significant part of AI’s future in mobile applications will be defined by broader access to powerful AI tools. Technologies that were once reserved for large tech corporations are now available via open APIs, cloud-based ML services, and no-code/low-code platforms. This means that more and more companies — regardless of size — will be able to develop AI-powered mobile apps, test new ideas, and introduce innovations without massive investments. This marks the true democratization of artificial intelligence, where the key differentiators will be creativity and user value, rather than the size of an IT budget. ### RedCode’s Vision: Driven by Exploration and Innovation At RedCode, we understand that the future belongs to those who actively explore, test, and implement emerging technologies. That’s why we continuously invest in researching advanced AI solutions and experiment with new approaches to integrating artificial intelligence into mobile applications. Our goal is to ensure that our clients always have access to cutting-edge technologies — in a way that is scalable, secure, and aligned with real business objectives. We focus on delivering solutions that are not only technically impressive but also create a tangible impact on user experience and market competitiveness. The future of AI in mobile applications is intelligent, generative, conversational, and scalable.Companies that recognize this shift and begin building their digital products on AI foundations today will gain a strategic edge in the years to come. At RedCode, we remain committed to our vision of developing mobile applications that don’t just follow trends — they set them. If you’re planning your own AI strategy, we’re here to help you shape it in a smart, innovative, and sustainable way. ### Conclusion Artificial intelligence is fundamentally changing the rules of mobile app development — from content personalization and complex process automation to the introduction of advanced systems like generative AI models, intelligent chatbots, and voice assistants. The question is no longer if AI will become a core part of mobile solutions, but when and how it will shape them. In this blog, we’ve shown how AI can be applied in practice through real-world examples — such as our Pimp My Car AI app, where users harness the power of artificial intelligence in real time to visually customize their vehicles. We’ve broken down the technologies we use — including Flutter, GraphQL, Firebase Authentication, and advanced cloud platforms like the OpenAI API and Google Cloud ML — and explained how each contributes to building AI mobile applications that are scalable, secure, and efficient. We’ve also shared key advice for companies looking to bring AI into their apps — from realistic needs assessment and ROI analysis to data privacy and scalability planning. And we looked ahead to what the future holds: more powerful and accessible AI tools, conversational interfaces, real-time behavior-based personalization, and entirely new business models powered by generative AI. Together, AI and mobile applications form the foundation of modern digital products, enabling interactions that adapt instantly — not later. At RedCode, we don’t just follow AI trends — we turn them into functional, sustainable, and visually compelling solutions that deliver real value for our clients. ### Thinking About AI in Your App? We’re Here to Help. Whether you're planning to integrate your first AI feature, redesign an existing solution, or build a fully AI-powered mobile app from scratch — we’re here to guide you. Our team specializes in developing mobile applications powered by generative AI, task automation, and real-time personalization. Let’s talk — whether you need consultation, collaboration, or just want to explore ideas.With RedCode, you're not just building an app — you're building your AI strategy. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Trends in Mobile Apps Development in 2025 URL: https://redcode-web.design/blog/trends-in-mobile-app-development-in-2025/ Published: 2024-10-22 Last updated: 2026-06-09 Description: Find out the latest trends that will shape the future of mobile applications in 2025. If you want to know what mobile app development will look like, this is the article you need to read. SEO description: Discover the key trends in mobile app development for 2025, including artificial intelligence, 5g technology, and cross platform development. Learn how these innovations are improving performance, security and user experience.. ## Artificial Intelligence (AI): The Future of Mobile Applications Artificial intelligence (AI) has long been present in the world of mobile applications, but by 2025, it will position itself as a central tool for delivering personalized user experiences and optimizing app performance. Advanced AI algorithms will significantly change how users interact with apps, making the experience more personalized, interactive, and efficient. How will AI enhance mobile applications in the future? ### Personalization of User Experience Through AI Models Personalization strengthens the connection between users and mobile applications, and artificial intelligence will play a key role in this. By using advanced AI models and machine learning, applications in 2025 will better understand user behavior and needs in real-time, enabling tailored content, products, and service recommendations. **Personalized Recommendations**: AI will analyze user behavior, such as searches, interactions, and preferences, to provide relevant recommendations. For example, e-commerce apps will use AI to suggest products based on the user’s tastes, while streaming apps will recommend movies and shows based on previous choices. **Predictive Algorithms**: AI will predict user needs before they search for content. For instance, a food delivery app might suggest favorite dishes based on the user’s habits at specific times of day. This level of personalization not only enhances the user experience but also increases engagement and loyalty. Our solutions already use advanced AI models for real-time optimization of the user experience, tailoring content and offers to individual user needs, ensuring a high level of satisfaction. ### Automation via AI: Chatbots and AI Assistants Automation of customer services through AI is no longer a luxury but a necessity in the world of mobile applications. Chatbots and virtual assistants are increasingly present in apps, helping users get real-time answers to their questions without human intervention. **Chatbots**: Advanced AI chatbots can automatically respond to frequently asked questions, provide technical support, and manage orders. They significantly reduce user wait times, and as they learn, they become better at solving complex issues. For example, a chatbot in a bank can check account balances or assist with error reports within seconds, without human involvement. **AI Assistants**: Virtual assistants like Siri and Google Assistant will advance significantly by 2025, utilizing more advanced AI models for complex tasks. In addition to answering questions, these assistants will perform actions such as booking services, setting reminders, or sending messages. Automation through AI improves app productivity and offers users fast, seamless interactions. ### Optimization of App Resources and Performance One of the biggest challenges in mobile app development is optimizing resource consumption, such as processing power and battery life. Artificial intelligence offers solutions for intelligent resource management, improving app efficiency and extending battery life on devices. **Intelligent Resource Management**: AI can monitor app usage and adjust resource consumption. For example, AI algorithms can detect when users engage in demanding tasks like video streaming and adjust video quality to optimize data usage and reduce battery consumption. **Energy Consumption Reduction**: By 2025, mobile apps will use AI to identify commonly used functions and automatically optimize energy consumption based on usage patterns. For example, gaming or graphically intensive apps can dynamically adjust graphics and performance to save battery without compromising the user experience. **Predictive Optimization**: AI will enable apps to predict high-load periods and optimize performance before slowdowns or crashes occur. This proactive optimization will ensure smooth operation, even during intense user activity. AI in mobile app development not only enhances user experience but also significantly boosts app efficiency, security, and adaptability. Our company already applies these AI technologies in the mobile apps we develop, ensuring our clients receive future-ready solutions that maximize value for end users. ## 5G: The Foundation for Faster and More Complex Mobile App Development The arrival of 5G networks marks a major shift in mobile technology, drastically increasing data transfer speeds and enabling the development of advanced applications. By 2025, 5G will become a necessity for apps that require high speed, low latency, and large data volumes. How is 5G transforming the world of mobile apps? ### More Complex Applications with Higher Performance With 5G networks, mobile applications can handle much larger amounts of data without performance drops or slowdowns, opening the door to sophisticated apps that were previously unimaginable. **Greater Data Throughput**: 5G enables data transfer much faster than 4G. Apps that require large amounts of data, such as virtual and augmented reality (VR/AR) or 4K and 8K video streaming, can now operate without delays or quality loss. This ensures users have a seamless experience even with the most demanding mobile apps. **Scaling for More Users**: 5G allows apps to support a greater number of users simultaneously without sacrificing performance. Social media, e-commerce, or cloud-based apps will be able to handle hundreds of thousands of users in real-time. This is particularly crucial for video streaming apps or IoT devices. **Advanced Functionalities**: 5G enables the development of complex apps that integrate technologies like artificial intelligence (AI), IoT, and blockchain. For example, machine learning apps can quickly analyze large data sets in real-time, while IoT devices can communicate instantly. This opens up possibilities for applications in healthcare, smart cities, and autonomous vehicles. At our company, we develop mobile apps that leverage 5G technology to ensure top performance and seamless user experiences, no matter how many users are active simultaneously. ### Real-time Interactions: A Whole New Level of Connectivity One of the biggest benefits of 5G networks is the reduction of latency to almost imperceptible levels, enabling instant communication and interaction within apps. This technological advantage opens the door for apps relying on real-time data and interactions. **Reduced Latency**: 5G technology drastically reduces latency. Apps that require fast responses, like video calls, gaming, or AR, will work without delays. For example, online games will provide instant interactions without "lag" or slowdowns. **Advanced Real-time Applications**: Video call apps like Zoom or Microsoft Teams will become more efficient, offering clear visuals and sound without interruptions, even under heavy loads. In healthcare, apps for remote patient monitoring and virtual consultations will transmit real-time data, crucial for rapid diagnosis and intervention. **IoT Device Interaction**: 5G enables advanced IoT applications that require instant connectivity. In autonomous vehicles, 5G ensures immediate communication with traffic infrastructure, crucial for safety and efficiency. Smart homes and cities use 5G for faster data exchange, enabling quicker decisions and better resource management. Thanks to these advantages, our company is already developing apps that utilize reduced latency and high 5G speeds to ensure real-time interactions and optimal user experiences. By 2025, 5G will play a crucial role in mobile app development, enabling faster, scalable, and more advanced functionalities. Our company follows these trends and leverages 5G technology to deliver cutting-edge, future-ready apps. If you want to harness the full potential of 5G, contact us, and together we’ll create an innovative solution that will satisfy your users! ## Cross-Platform Development as a Standard Developing mobile applications for iOS and Android is becoming increasingly simple thanks to tools like Flutter and React Native. These tools enable faster development, better optimization, and greater flexibility, while reducing costs and development time. By 2025, cross-platform development will become the standard due to its efficiency and ability to provide a consistent user experience across all devices. ### Faster Development with a Single Codebase One of the key advantages of tools like Flutter and React Native is the ability to develop a single codebase for multiple platforms. Traditionally, developing for iOS and Android required separate teams and processes, increasing costs and time. With a cross-platform approach, developers can create one codebase that works across multiple operating systems. **Reduced Development Time**: Using a single codebase significantly cuts down development time. Developers no longer need to write separate codes for iOS and Android, speeding up the addition of new features and bug fixes. Faster development allows companies to launch apps quicker, providing a competitive edge. **Cost Reduction**: Since only one codebase is needed, companies can reduce the costs associated with app development and maintenance. Fewer resources are required, and with updates applied once, savings increase further. Our company primarily uses Flutter to offer clients fast, efficient, and cost-effective solutions that cover both leading platforms with minimal costs. ### Performance Optimization Without Compromising Quality One of the challenges of cross-platform development has been ensuring that applications perform equally well across different devices. However, modern tools like Flutter enable high levels of performance optimization without sacrificing application quality on any platform. **Access to Native Features**: Cross-platform tools allow developers to access native device features, such as the camera, sensors, or GPS, without the need for additional coding for each platform. For example, Flutter enables native graphic rendering, ensuring that apps look and function as if they were developed specifically for that platform. **High Performance**: Tools like Flutter use advanced rendering engines for smooth animations and fast data processing, even in apps that require high performance. This is crucial for applications that demand efficiency, such as games or apps with large databases. Our development teams utilize these technologies to create mobile apps that deliver high performance, regardless of the platform or device type. ### Shared Resources and Consistent User Experience Cross-platform tools allow the use of shared libraries and resources, offering greater flexibility and consistent user experiences across all devices. Developers no longer need to create and maintain separate resources for each platform but can use shared components that automatically adapt to any device. **Design Flexibility**: Tools like Flutter enable shared design for iOS and Android, ensuring a consistent look across both platforms. Using the same visual elements increases productivity and speeds up product delivery. An app with the same design on iOS and Android provides users with a uniform experience, regardless of the device. **Shared Libraries**: Flutter and React Native allow the reuse of the same components in multiple applications. Once developed, functionalities can be applied to different projects, saving time and resources. Shared resources enable quick updates and maintenance across all platforms simultaneously. Our solutions ensure that the mobile apps we create offer a seamless user experience, using shared resources and libraries across all platforms. Cross-platform development has become an industry standard due to its speed, efficiency, and lower costs. Our company primarily uses Flutter for optimized apps on all platforms, providing a consistent experience and faster development. If you're looking for fast, flexible, and cost-effective mobile app development, contact us to leverage the best cross-platform technology available. ## Enhanced Security for Mobile Applications In a world where mobile applications are essential for communication, transactions, and daily activities, security has become a priority. The rise in cyberattacks demands that apps implement the latest security measures to protect data and maintain user trust. By 2025, applications must meet strict security standards, and we ensure that our clients stay up to date with the latest trends and regulations. ### Encryption and Biometric Authentication: The Standard for Data Protection One of the key elements of app security is the encryption of sensitive data. Whether the app is used for finance, personal data, or communication, encryption ensures that data is protected from unauthorized access during transmission and storage. **End-to-End Encryption**: End-to-end encryption is becoming mandatory for sensitive apps like messaging, banking, and e-commerce. It ensures that data is accessible only to the sender and recipient, with even the service provider unable to access it. Our applications already use this approach to maximize data protection during transmission. **Biometric Authentication**: As threats grow, passwords alone are no longer enough to secure apps. Biometric authentication, such as facial recognition, fingerprint scanning, or iris scanning, is becoming the standard for protecting sensitive data. This technology not only offers high security but also enhances the user experience by allowing fast, easy access without passwords. We already integrate biometric protocols into our clients' apps, ensuring data protection and seamless access. ### Privacy Protection: Compliance with GDPR and CCPA With growing sensitivity around data protection, regulations like GDPR in Europe and CCPA in the U.S. have become crucial for ensuring user privacy. Mobile apps must now be fully compliant with these laws to prevent the unlawful collection, storage, or use of personal data. **Data Collection and Storage**: According to regulations like GDPR, mobile apps must clearly inform users about data collection and its purpose. Users must have control over data collection, including the ability to withdraw consent. In our apps, we implement transparent notices to provide users with clear information and control over their data. **Right to be Forgotten**: GDPR introduces the "right to be forgotten," allowing users to request the deletion of their data from an app. We develop systems that enable users to easily manage their data, including requests for deletion or data transfer. **CCPA Protection**: In the U.S., CCPA regulates the collection and processing of personal data, giving users the right to know what information is collected and how it is used. Our apps are CCPA-compliant, providing full transparency and control over user data. Compliance with these laws is not just an obligation but also a way to build user trust, making your mobile app a secure haven for their data. ### Transaction Security: High Standards for E-Commerce and Financial Apps In the world of mobile apps for e-commerce and finance, transaction security is a top priority. As the number of users making purchases and transactions grows, so does the need for advanced security measures to protect against fraud and identity theft. **Transaction Encryption**: Encryption is key to securing financial transactions, just as it is for protecting user data. All transactions must be encrypted to prevent interception or manipulation. Our apps use advanced SSL/TLS protocols to ensure the security of all online transactions. **Multi-Factor Authentication**: Multi-factor authentication (MFA) is becoming the standard for financial apps. This method requires two or more identity verifications to confirm transactions, reducing the risk of unauthorized access. Our apps already use MFA to ensure maximum security for users when performing transactions. **Fraud Prevention**: Our solutions for e-commerce and financial apps use advanced AI algorithms to detect suspicious activities in real-time, such as unusual transactions or logins from unknown locations. These systems automatically block potential fraudsters, further securing user safety. By 2025, mobile app security is a necessity. Advanced technologies like encryption, biometric, and multi-factor authentication, along with compliance with global laws, are crucial for building user trust and protecting data. RedCode integrates all these measures to ensure the highest security standards. If you want to secure your mobile app and protect your users, contact us, and together we'll build a secure platform for your business! ## Mobile App Design Trends: Simplicity, Functionality, and Aesthetics Mobile app design in 2025 focuses on simplicity, functionality, and aesthetics. These trends not only enhance the visual appeal of apps but also improve the user experience. In a world where users expect intuitive and seamless interactions, design becomes crucial for attracting and retaining users. Some of the main design trends shaping the future of mobile apps include: ## Minimalist Design with a Focus on Functionality In 2025, minimalism becomes dominant in mobile app design, emphasizing simplicity and functionality. The "less is more" principle guides designers to create interfaces that are intuitive, fast, and efficient, allowing users quick access to content without unnecessary elements. This approach not only improves the user experience but also boosts app efficiency across all devices. ### Clean and Simple Designs: Improved Navigation and Intuitiveness Minimalist design brings clarity and focus, reducing clutter in the interface that can confuse users. By removing unnecessary elements, apps become more intuitive and easier to navigate, helping users achieve their goals more efficiently. **Fewer Elements on Screen**: Interfaces with fewer elements, such as icons or buttons, allow users to focus quickly on key functionalities. Instead of multiple options, minimalism directs attention to one or two important actions, reducing the need for excessive clicks and searches, making apps more accessible to users. **Faster Interaction**: With fewer elements and a clear focus, users can complete tasks more quickly. Clean design reduces the time needed to process information, shortening app usage time. This speed is essential for frequently used apps like food ordering, social media, or task management apps. ### Function Over Form: The Purpose of Every Element Minimalist design prioritizes functionality over form, ensuring that every animation or visual element has a clear purpose. The goal is not to impress with complex effects but to enable simple, fast, and meaningful app usage. **Purposeful Use of Animations**: Minimalism promotes the use of functional animations that enhance the user experience. Subtle animations, like confirming a product added to the cart or a message sent, provide feedback without distractions. Transitions between screens offer fluidity and clarity without unnecessary visual effects that don’t contribute to functionality. **Eliminating Unnecessary Elements**: Every element in minimalist design must have a clear function. Excessive decorative elements, like complex icons or unnecessary text, are removed to reduce cognitive load. This makes the app cleaner and more focused on what truly matters. For example, in mobile banking apps, minimalism ensures a clear view of account balances and key functions without overwhelming the user with information. **Prioritizing User Experience**: The purpose of every design element is to improve the user experience, not just to impress visually. Functional design helps users intuitively understand how to use the app without instructions. This increases satisfaction and reduces the learning curve, especially for new users. In 2025, minimalist design puts functionality at the forefront, making the interface simple, clear, and intuitive. Every component serves a purpose, enhances the user experience, and removes unnecessary elements that might distract the user. Our company applies these principles to design apps that offer fast and intuitive navigation with top-notch functionality to meet user needs. If you're looking to modernize or develop an app with minimalist design, contact us and we'll create a solution that will delight your users! ## Dark Mode and Personalization Dark mode, once a trend, is now a standard in mobile app design. This option is not just aesthetic but also provides functional benefits such as reducing eye strain and optimizing battery consumption. Additionally, personalization allows users to tailor the interface to their preferences, providing a unique and personalized experience for each user. ### Reduced Eye Strain and Battery Savings As users spend more time looking at screens, eye health has become increasingly important. Dark mode significantly reduces exposure to blue light, a major cause of eye strain and fatigue, especially when using apps in low light or at night. **Reduced Eye Strain**: Dark mode uses dark backgrounds with white text, lowering light emission. This makes apps more comfortable to use, especially in the evening, for apps like reading or social media, and reduces eye fatigue. **Battery Savings**: On OLED and AMOLED screens, dark mode not only reduces eye strain but also saves energy by turning off pixels when displaying black colors. This lowers energy consumption, extending battery life, especially useful for users on the go. Apps like YouTube, WhatsApp, and Instagram already use dark mode to allow longer usage without frequent charging. **Optimal for Nighttime Use**: Dark mode reduces light intensity, making it ideal for dark environments like the bedroom. Less light makes browsing more comfortable and less distracting, with apps like Twitter and Google automatically switching users to dark mode at night, adapting to ambient conditions. ### Interface Personalization: A Tailored Experience for Every User Interface personalization is becoming increasingly popular, allowing users to customize the look of their apps. This adaptability boosts user engagement, connection, and satisfaction. **Customization of Colors and Themes**: Users want more control over app appearance. Now they can customize colors, fonts, and layouts. For example, they can choose between dark, light, or custom themes, creating a personalized experience. This is key for frequently used apps like productivity or communication tools. **Customization of Functionality**: More apps now offer functional customization, allowing users to set up buttons and navigation based on their preferences. Users can select shortcuts and main screen functions, improving efficiency and speeding up tasks. Apps like Notion and Trello allow users to personalize boards and tasks, creating a unique experience. Dark mode has become a standard due to its benefits in reducing eye strain and saving battery life. Interface personalization allows users to adjust both appearance and functionality, enhancing engagement and satisfaction. Our company develops apps that meet these standards, offering users customization options tailored to their needs. If you want your app to provide top-tier functionality with modern design, contact us for personalized solutions! ## Micro-Interactions and Animations: Enhancing User Experience Micro-interactions and subtle animations are essential for improving user experience. These small elements provide feedback and boost engagement. By 2025, they will be the standard for apps aiming to ensure intuitive and fluid interactions. ### Navigation with Feedback Micro-interactions offer immediate feedback through subtle visual or tactile responses, such as vibrations or color changes. These elements confirm successful actions, making apps more intuitive and satisfying to use. **Examples of Feedback**: When a user taps a button, a subtle color change or animation confirms the action. For example, in a chat app, a small effect indicates a message was successfully sent. These responses speed up and simplify the user experience. **Vibrations and Sound Signals**: Micro-interactions often include vibrations or sounds as feedback. For instance, a vibration confirms successful refreshing or adding an item to a cart, while an animation displays the process. This helps users intuitively understand that the app is responding to their actions. ### Better Connection with the App Micro-interactions are not just functional; they create an emotional connection, making apps feel more alive. These small interactions enhance the user experience, making apps more enjoyable to use. **Emotional Engagement**: Micro-interactions, like animations that confirm actions, recognize success, or signal errors, improve the user experience. For example, successful logins can be confirmed with a small animation, while incorrect data entries might be indicated by a shake or red color. These feedback cues help users feel supported and connected to the app. **Fluidity and Engagement**: Micro-interactions create a sense of fluidity and smooth transitions within the app. Small visual effects during transitions between sections make the experience feel less abrupt, increasing user trust and engagement. Micro-interactions and animations enhance functionality and create an emotional bond with the app. Subtle feedback gives users confidence in their actions, while smooth transitions improve aesthetics and engagement. Our company uses these elements to develop seamless and satisfying apps. If you're looking to enhance your app and improve user experience with micro-interactions and animations, contact us to ensure your app is intuitive and enjoyable to use! ## Asymmetric Design and Dynamic Layouts: A New Dimension of Visual Appeal Asymmetric design and dynamic layouts are also emerging as trends, bringing innovation and freshness to the user experience. These approaches add dynamism and adapt to different screen sizes, ensuring optimal usability. Asymmetry creates a sense of creativity, while fluid layouts guarantee a flawless appearance on all screens. ### Adding Dynamism: Innovation and Attention-Grabbing Asymmetric design introduces unpredictability and dynamism, making mobile apps more visually engaging. Unlike monotonous symmetry, asymmetry holds users' attention and guides them through the app. This approach is especially useful for visually-oriented apps like social media and galleries. **Innovation Through Asymmetry**: Asymmetric design captures attention by breaking away from symmetry, arranging images, text, and navigation into interesting compositions. This dynamic and unexpected look encourages users to explore the app for longer. **Ideal for Visual Apps**: Apps like Instagram and Pinterest benefit from asymmetric design. Uneven image sizes and elements create an appealing rhythm, simplify navigation, and allow visual content to take center stage. This design also offers flexibility in displaying diverse content, improving the overall user experience. ### Fluid Layouts: Seamless Adaptation Across All Devices With the growing number of devices, fluid layouts are becoming the standard. Dynamic design automatically adapts to different screen resolutions and aspect ratios, ensuring a seamless experience on every device. **Adaptability to Different Screens**: Fluid layouts optimize screen usage by adjusting elements based on screen size. For instance, tablets may display two columns, while phones automatically switch to one, ensuring consistency and clarity. This adaptability guarantees smooth use across all devices. **Seamless Usability**: Dynamic layouts ensure proper alignment and accessibility of elements without requiring additional scrolling. Navigation menus can be icons on smaller screens and text menus on larger ones, improving usability across devices. Asymmetric design and fluid layouts are essential in modern mobile app design, offering innovation and adaptability. Asymmetry adds dynamism and grabs attention, while fluid layouts ensure functionality across all devices. Our company leverages these trends to create visually impressive and adaptable apps. If you want a mobile app with innovative design and perfect adaptability, contact us, and we'll create a solution tailored to your needs! ## Content-First Design: Putting Content at the Center of User Experience Content-first design becomes the standard in 2025, as users expect quick and easy access to information without unnecessary visual elements. This approach focuses on content, ensuring that information is easily accessible and clearly organized, while eliminating distractions. ### Clear Information Hierarchy: Content in the Foreground The key to content-first design is a clear hierarchy where the most important information is easily accessible. Instead of complex menus and multiple clicks, everything is immediately visible on the home screen or with minimal interaction. **Content Organization**: In content-first design, key information is clearly presented, while secondary details are placed in the background but remain accessible. For instance, apps like Flipboard and BBC News display top headlines on the home screen, with additional options easily accessible through minimal navigation. **Focus on Essentials**: This design removes unnecessary elements, focusing on functionality and efficiency. Instead of visual effects, the interface remains clean and simple, guiding users directly to their goals. Apps like Google Search use this approach, offering additional options only on demand. ### Simplicity in Accessing Information: Fast and Intuitive Access Simple access to information is key in content-first design. Users expect quick and easy access to data, especially since apps are often used "on the go." The design must display relevant data without complex searches. **Intuitive Navigation**: Content-first design enables intuitive navigation with minimal clicks. Instead of cluttered menus, key functions are displayed, while others are accessible through simple menus or shortcuts. For example, Amazon highlights the most frequently used categories, with more complex features stored in deeper menus. **Shorter Path to Information**: Users want quick access to essential data. Content-first design shortens the path to key information, reducing steps. For instance, a banking app immediately shows the account balance without additional navigation, speeding up the process and enhancing user experience. **Content Personalization**: Many apps use personalization for faster access to information, tailoring content to user preferences. For example, Spotify automatically adjusts music recommendations based on user habits, reducing the need for searching. Content-first design ensures that information is easily accessible and clearly organized, without visual clutter or complex navigation. Our company uses this approach to develop functional, clear apps that provide users with quick access to relevant data without unnecessary complications. If you want your mobile app to offer maximum functionality with minimal user effort, contact us to ensure your app follows the best practices in content-first design! ## Conclusion Mobile app development in 2025 brings technological and design changes that enhance performance, security, and user experience. Trends such as artificial intelligence, 5G networks, cross-platform development, and increased security through encryption and biometrics ensure advanced and secure apps. Design trends like minimalism, dark mode, micro-interactions, and content-first approaches focus on functionality, simplicity, and user satisfaction. At our company, we follow and implement the latest trends to offer clients innovative solutions. Whether you're redesigning an existing app or developing a new one, our team ensures the use of cutting-edge technologies and design innovations for maximum performance and user satisfaction. Contact us to build an app that is not only functional and secure but also intuitive, aesthetically pleasing, and fully tailored to user needs. Together, we’ll create a mobile solution that keeps your users engaged and meets all their needs in the dynamic digital world of 2025 and beyond! **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Applications, Webshops, Systems and complex IT solutions URL: https://redcode-web.design/blog/applications-webshops-systems-and-complex-it-solutions/ Published: 2023-08-08 Last updated: 2026-06-09 Description: In the world of technology and programming, every project brings with it a unique set of challenges and thrills. In this blog, we would like to share our passion for creating applications, developing webshops, creating sophisticated systems and complex IT solutions. But we'll also talk openly about the aspects of work that sometimes wear us out or cause us frustration. Because, just like in any passion, there are parts that we love more than others. Join us as we openly share what drives us, inspires us, but also what teaches us patience and endurance in this dynamic world of IT. SEO description: Explore tech challenges in our blog, sharing our passion for app, webshop, and IT solution creation. Join us for insights into this ever-evolving IT world. ## Problems solving - the essence of our work in the IT industry ### ### What do we really love to do #### As the pace of innovation continues to accelerate, problems become more complex, and solutions require greater creativity and expertise. At RedCode, challenges are what motivate us and push us to grow. What we really like to do and what we're the best at! **Software and mobile application development:** Creating software solutions and mobile applications that solve specific user problems or business challenges is a real creative skill. Whether it's creating sophisticated algorithms, designing intuitive user interfaces, or integrating with existing technologies, every problem we solve provides an opportunity to grow and develop. **Database Development:** Our passion for creating, maintaining and optimizing databases requires constant innovation and problem solving. We strive to provide solutions that ensure data consistency, high performance and security. **Content Management Systems (CMS):** Creating custom CMS systems and integrating them with mobile applications are challenges we gladly accept. Each unique need of our clients represents a new problem that we want to solve. The price of a mobile application actually largely depends on the management options - CMS. **Cybersecurity:** Cybersecurity challenges are dynamic, just like the technology we use. Creating robust security systems and protection measures provides an opportunity for creative problem solving. **Artificial Intelligence and Machine Learning (Ai + Ml):** These advanced technology sectors provide some of the most exciting opportunities for innovative problem solving. Whether we're building systems for predictive analytics, pattern recognition, or recommendations, we're always finding ways to use technology in innovative ways. **Business Analytics Systems:** Building solutions that collect, process, analyze, and visualize data requires sophisticated problem solving skills. When working on these projects, we strive to provide deeper insights and better decisions for our clients. **Cloud Computing:** Creating scalable, secure and efficient cloud solutions is a complex task, but it is a challenge we also gladly accept. Every project in the cloud is an opportunity to demonstrate our skills and to provide solutions that exceed our clients' expectations. ## Our areas of expertise: Designing systems with a clear goal ### ### What we do is well-established, high-quality and with a clear goal #### Although we enjoy challenges and complex problems, there are certain areas where we have honed our skills. These areas are our well-worn path, where our expertise and experience come to the fore. **E-commerce solutions:** Creating robust and user-oriented e-commerce platforms is something we enjoy. We strive to provide the best possible user experience, optimize conversion rates and integration different payment and logistics systems. Our solutions are easily adapted to mobile devices, enabling users to make a pleasant and simple purchase. **Systems for renters and tourism:** Our expertise in this industry allows us to create customized and efficient systems for our clients. We understand the specific needs of the rental and tourism sector, whether it's managing reservations, organizing availability or providing excellent customer support. All our applications are optimized for mobile devices, giving users access to information and services wherever they are. **Accounting and business systems:** Designing and creating solutions that make our clients' business easier is one of our specialized areas. Whether it's automating processes, providing deeper insight into financial data, or facilitating collaboration within a team, our solutions are tailored to the specific needs of our clients. The starting point is always our system [ArgesERP](https://arges.hr/) **Mobile applications:** We have developed an efficient process for creating intuitive and powerful mobile applications for various industries. Our mobile applications offer a fluid user experience, scalability and security, while meeting the specific needs of our clients. **Project management systems:** Expertise in the development of customized project management systems allows us to create solutions that improve productivity, collaboration and efficiency in our clients' teams. **CRM Systems:** We specialize in creating customized CRM systems that improve customer relationships, facilitate follow-up on sales opportunities, and improve internal processes. These systems can be adapted for mobile use, allowing teams to access important customer information anytime, anywhere. **Web Applications:** Our team is expert in building fast, scalable and secure web applications that provide users with an outstanding experience. Our web projects are always optimized for all devices, including mobile phones and tablets. Through years of working in the IT industry, we have been able to hone our skills and create solutions that provide real value to our clients. We're always striving for better, but there are some things we do so well that they've become our routine. With that experience comes expertise and reliability - something our clients appreciate. Regardless of the specific needs of your business, you can be sure that we will provide a quality solution that exceeds your expectations. Challenges motivate us, but delivering excellence in familiar domains gives us special satisfaction. We look forward to many more years of providing outstanding service to our clients. ## Projects we leave to others ### ### We have simply outgrown some things #### As specialists in the IT industry, we need to focus on projects that require our specific skills and experience. But this does not mean that we are always **the best choice for every project.** This is where the importance of understanding which projects to take on and which to leave to others comes into play. **Websites by ready-made themes:** These websites often use templates or "themes" that have already been created. While it can be tempting to work on such projects because of their speed and simplicity, we often leave them to others because they don't offer much room for adaptation and innovation. **WordPress Projects:** WordPress is an extremely popular website builder, and for good reason. But most WordPress projects do not require in-depth programming knowledge, which makes them perfect for beginners in the IT industry. **Small SEO Projects:** Although SEO (Search Engine Optimization) can be critical to the success of a website, many small SEO projects can be successfully completed with minimal technical knowledge. **Maintenance and updating of existing websites:** These projects usually do not require much development or innovation, but mostly consist of routine updates and bug fixes. **Creating blogs and personal pages:** Creating a blog or personal page is often template-based and does not require much customization or complex functionality. These are projects that can be done relatively easily with basic knowledge of web design and development. **Basic Graphic Design and Image Processing:** Although professional graphic design can be complex and require specialist knowledge, basic projects such as image processing, logo creation or creating simple infographics can often be left to professionals with less experience. **Social media management:** Social media management for businesses often does not require technical skills, but is essential to the online presence of many organizations. This includes posting content, tracking user engagement, and responding to comments or queries. **Creating and maintaining simple e-stores:** Many e-commerce platforms offer ready-made templates and easy customization options that do not require much technical knowledge. These projects can be a good opportunity for less experienced IT professionals. Ultimately, every project should be tailored to the skills and experience of an individual or team. As experts, we focus on complex and innovative projects that make the best use of our talents, while leaving others projects that are better suited to their skills and experience. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Web Shop Development: Your Path to an Online Store. URL: https://redcode-web.design/blog/web-shop-development-your-path-to-an-online-store/ Published: 2023-07-02 Last updated: 2026-06-09 Description: This blog article describes how to create a web shop using popular free platforms such as WooCommerce, Magento, and PrestaShop. Through steps that include platform selection, design, product setup, payment methods, testing, and launch, this guide provides everything you need to start an online store.. SEO description: Explore the steps to create your own free web shop. Learn more about platforms like WooCommerce, Magento, and PrestaShop. Starting an online store has never been easier. Thanks to free web shop building tools, anyone can now build an online platform to sell products or services. In this article, we will guide you through the basic steps of creating a free web shop that is actually not one. ## 1. Choosing the Right Platform The first step in creating a web shop is choosing the right platform. There are several free options on the market, including **WooCommerce**, **Magento**, **PrestaShop**, etc. ## WooCommerce WooCommerce is a very popular eCommerce platform, especially for WordPress users. Here are some pros and cons of using WooCommerce: ### Advantages of WooCommerce 1. **Integration with WordPress**: WooCommerce is actually a plugin for WordPress, so it is perfectly integrated with the most popular content management platform. This means that you can take advantage of all the functionality of WordPress while running your web shop. 2. **Flexibility and Customizability**: WooCommerce allows you to customize almost every aspect of your online store, including products, taxes, shipping, and more. 3. **Large selection of themes and plugins**: There are a large number of free and premium themes that are designed specifically for WooCommerce. There are also thousands of plugins that you can use to expand the functionality of your web shop. 4. **Easy to use**: If you are already familiar with WordPress, WooCommerce will not be difficult to learn. Adding products and inventory management is very easy. ### Disadvantages of WooCommerce 1. **Can be expensive**: Although WooCommerce itself is free, you will need to pay for hosting, domain, SSL certificate, some themes and plugins. This can significantly increase the cost. 2. **Technical Knowledge Required**: Although WooCommerce is relatively easy to use, you will need some technical knowledge if you want to customize your store or troubleshoot issues. 3. **Maintenance**: Like any WordPress plugin, WooCommerce requires regular maintenance. You will need to update the plugin and themes regularly to ensure the security and stability of your store. If you're already familiar with WordPress and want a powerful, customizable eCommerce platform, WooCommerce could be a great choice. ## Magento Magento is another popular eCommerce platform that is known for its robustness, flexibility and scalability. Here are some pros and cons of using Magento: ### Advantages of Magento 1. **Robust functionalities**: Magento is equipped with all the tools and functionalities you need to start and grow an online store. It offers complex product management options, design customization options, third-party integration, SEO functionalities, and more. 2. **Scalability**: Magento is designed for scalability. Whether you plan to sell a dozen products or thousands, Magento can support your growth. 3. **Flexibility**: Magento is open source, which means you can customize it however you want. If you have the technical knowledge, you can do almost anything with Magento. ### Disandvantages of Magento 1. **Complexity**: Magento has a steep learning curve and can be quite complex for non-technical users. While it provides a lot of advanced functionalities, it also means that it takes more time and effort to set up and manage. 2. **Price**: Although there is a free version of Magento (Magento Open Source), you have to pay for many functionalities. Additionally, hosting for Magento can be more expensive than other eCommerce platforms as it requires more resources. 3. **Requirement for technical support**: Due to its complexity, you will often need technical support or a developer to set up, customize and maintain your Magento store. Overall, Magento can be a great eCommerce platform for large stores that plan to grow, have access to technical support, and can handle more costs. But for smaller stores or those just starting out, it might be better to consider a simpler platform like WooCommerce or Shopify. ## PrestaShop PrestaShop is another open source platform for creating online stores. Due to its affordability and user-friendliness, it has become a popular choice among small and medium-sized enterprises. These are some advantages and disadvantages of PrestaShop: ### Advantages of PrestaShop 1. **User-friendliness**: PrestaShop is known for its intuitive user interface. Creating and managing a store is relatively easy, which is ideal for beginners or small store owners. 2. **Customizability**: PrestaShop offers a large number of plugins and themes, allowing you to customize the look and functionalities of your web shop. 3. **Multilingual**: PrestaShop supports multiple languages out of the box, making it great for international stores. ### Disadvantages of PrestaShop 1. **Limited functionalities**: Although PrestaShop offers the basic features necessary to run a web shop, some more advanced features, such as complex SEO options or inventory management, may not be available without additional modules, which can be expensive. 2. **Support**: Since PrestaShop is a free tool, its official support may be limited. If you run into problems, you may need to rely on forums or pay for professional help. 3. **Performance**: Some users have reported that PrestaShop can be slow if you have a large number of products or if you use many plugins. All in all, PrestaShop can be a good choice for small to medium-sized stores looking for a simple, customizable eCommerce platform. However, large stores or those looking for advanced functionalities may need to consider more robust options like Magento or some custom web stores. ## 2. Choice of design Once you've chosen a platform, the next step is to choose a design for your store. Most free platforms come with tons of templates that you can use and customize to suit your needs. ## 3. Product placement Now that you have your platform and design set up, it's time to set up your products. Most platforms allow easy uploading of images, descriptions, prices and other product details. ## 4. Setting the payment method In order to be able to sell products, you will need to enable payment methods for customers. PayPal, credit cards, bank transfer, and other options are usually available on most platforms. ## 5. Testing and launch Before you launch your web shop, it is important to thoroughly test it. Check that everything is working properly, that all links are correct and that all products are displayed correctly. Creating a free web shop is a simple process that anyone can do. If you have a product or service you want to sell online, **don't wait!** If you don't have the technical knowledge or time to create your own web store, but you are ready to invest a certain amount of €, there are a number of professional services that can help you. Creating a web shop by an expert can be useful in several ways: 1. **Quality Development**: Professionals are familiar with the best practices for creating a web store and can help you create a store that is optimized for sales. They will make sure your store looks professional and is easy to use. 2. **Customization**: When you work with a professional, you can customize your store to your specific needs. Whether you need unique functionality or want your store to look unique, professionals will be able to meet the requirements. 3. **Time**: Creating a web shop can be time-consuming. If your time is precious, hiring an expert can be cost-effective. 4. **Support**: When you create a web shop with the help of a professional service, you often get technical support and maintenance. Someone will be available to solve problems or update your web shop when needed. ## 6. Conclusion Creating a free web shop using free tools can be an attractive option for many people who want to start their online business. However, it is important to keep in mind that free tools are not always the best option. Here are a few reasons why: - **Limited Customization Options**: Free tools often have limited options to customize your website's appearance and functionalities. This means that you may not be able to achieve the desired design or implement specific features that you need for your web shop. - **Lack of Professionalism**: Free tools often have their own logos, ads or branding embedded on your website. This can detract from the professional look of your web shop and reduce customer confidence. - **Limited storage space**: Free tools usually offer limited storage space. If you plan to sell a large number of products or have a large user base, you may quickly exceed these capacities. - **Limited support and security options**: Free tools usually provide limited customer support and have fewer security features compared to paid solutions. If you run into problems or security threats, it can be harder to get help or fix them. - **Site Speed**: Free tools often use a shared hosting environment that can be slow or overloaded. This can result in your website loading slowly, which can negatively impact user experience and result in lost sales. Although free tools can be a good option for beginners or those on a budget, it's important to consider all of the factors listed before making a decision. When you are looking for a professional service, it is important that you are well informed. Check out their portfolio, ask for references and check their reviews. Also, remember to ask clear questions about what is included in the price, to avoid any hidden costs. **If you already have a web shop** and you are not satisfied with its performance, design, functionality or other aspects, there are different things you can do to improve your situation: 1. **Redesign**: If you are not satisfied with the appearance of your web shop, it may be time for a redesign. A new visual identity can refresh your online store and improve the user experience. 2. **Optimization**: If your web shop is slow or has other technical problems, optimization may be the answer. This can include improving page load times, improving SEO, removing unnecessary plugins or themes, etc. 3. **Analysis and improvement**: Use analysis tools, such as Google Analytics, to better understand how visitors use your store. So you can identify problems and opportunities for improvement. 4. **Adding New Functionalities**: You may want to add new functionality, such as advanced product search, product reviews, personalized product recommendations, customer support chatbots, etc. 5. **Hiring an expert**: If your problems seem too big to solve on your own, we suggest you hire a RedCode agency that specializes in eCommerce. Every web shop is unique, so your solution could involve several different approaches. It is important that you constantly test and improve your web shop to ensure the best possible experience for your customers. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Mobile application components and their impact on the development costs URL: https://redcode-web.design/blog/mobile-application-components-and-their-impact-on-the-development-costs/ Published: 2023-04-10 Last updated: 2026-06-09 Description: Mobile app components affect development costs - find out how SEO description: Want to find out what you need to create a successful mobile app? Check out this guide and find out everything you need! The components of a mobile application can be quite diverse, and below is a short list of those that make up the majority of familiar applications: - **User Interface (UI) or Frontend**: Everything that end users see when using an application. The user interface consists of various elements such as buttons, text, images, and more, and users usually refer to this part of the mobile application when using the term "mobile app." - **Backend**: This is a set of servers, databases, servers, and other infrastructure used to support the application. The backend is responsible for processing data and connecting the application to other systems, such as social networks or payment services. - **Database**: This is where the data used by the application is stored, such as user data, settings, images, and more. - **API (Application Programming Interface)**: An API allows the application to exchange data with other systems, such as social networks, payment services, or other services that the application uses. - **Cloud services**: These are cloud services used for data storage and sharing, as well as providing other services used by the application, such as image processing or speech recognition. - **Security**: Security is an extremely important component of a mobile application. This includes measures such as user authentication, data encryption, identity management, and protection against hacking and other attacks. We will now try to explain each of the basic components in more detail and how they are developed and their impact on the overall cost of developing a mobile application: ## 6 main components of a mobile application and their process ### 1. Mobile Application UI Development Process #### Impact on development cost: 5/10 - Defining user requirements and needs - this is a crucial step that allows the UI designer to understand the users' needs and their purpose of using the application. This step in mobile application development is always the most demanding for us because even with all our efforts, it is very difficult to get the user/client/investor to define the requirements in their final form. Many of our clients, at the time of requesting a quote for development, don't even have clear requirements. - Defining user flow and architecture - this usually involves creating sketches and wireframes that show the layout of elements on the screen, user flow, and navigation structure. - Designing the UI - in this step, the designer creates the visual appearance of the application using specific colors, fonts, images, and graphics. - UI implementation - after the design is completed, the UI is implemented using the appropriate framework and programming language. We most often use Flutter and Dart, and this is the part that everyone is familiar with as **mobile app programming** ### 2. Planning and Development Process of the Backend #### Impact on development cost: 2/10 - The backend is a technological component that enables the functioning and interaction between the mobile application and the server. It involves a set of technologies that allow storage, processing, and management of data on the server that is necessary for the application to work. - In the development of the backend for mobile applications, there are different approaches depending on the project's needs and the technologies used. One of the most common approaches in backend development for mobile applications is the use of web APIs (Application Programming Interface). We have gone a step further and most often use Hasura in combination with GraphQL, which goes beyond the traditional API. If there is a need for an API due to interactions with existing systems, we like to use PHP as the technology. - When developing the backend, it is important to ensure the security and stability of the application. This can be achieved through user authentication and authorization, data encryption, error handling, and more. Security is often the most neglected component. - Finally, developing the backend for a mobile application requires collaboration between frontend developers and backend developers. It is necessary to ensure the consistency and compatibility between the two parts of the application to ensure that the mobile application functions smoothly and best meets the needs of the users. ### 3. Database #### Impact on development cost: 1/10 - The database is a crucial component of a mobile application that enables the storage, management, and access to the data used by the application. It includes user data, settings, images, sounds, text files, and other data necessary for the proper functioning of the application. - The database is important because it allows the application to efficiently handle a large amount of data and quickly retrieve and update it as needed. There are many types of databases that can be used for mobile applications, such as relational, non-relational, and graph databases, and the choice depends on the application's needs. - Decisions regarding databases are always left to our backend developers. ### 4. API #### Impact on development cost: 1-2/10 - When developing a mobile application, **developers usually create the API first**, but that's not the case with us. It doesn't make sense to work on the API before the previous points are known. The API is developed by first defining what data the application will use and what functions will be needed to retrieve, store, and update that data. Then, the API code is developed to communicate with the database and provide the necessary functions. - APIs are typically developed using programming languages such as Java, PHP, Python, Ruby, and others. There are also popular API frameworks like Flask and Django in Python, which simplify the API development process, but it's still conditional. - APIs are usually provided through HTTP(S) requests, allowing the mobile application to send a request to the server and receive a response in the form of a JSON (JavaScript Object Notation) file containing the requested data. The mobile application then processes the JSON response and displays the data to the user on the screen. - As mentioned above, not every mobile application has an API, but mobile applications that interact with multiple systems and databases simply need to have one. ### 5. Cloud Services (optional) #### Impact on development cost: 0-4/10 - Cloud services enable various other services that the application can use, such as image processing, speech recognition, data analysis, and more. For example, cloud services like Amazon Recognition can be used for analyzing and recognizing objects and faces in images, while cloud services like Google Cloud Speech-to-Text can be used for converting speech into text. - Using cloud services makes the development of a mobile application easier by reducing the need for infrastructure and hardware maintenance, while also providing scalability and quick access to data and services available in the cloud. Utilizing cloud services can significantly reduce the costs of developing and maintaining a mobile application. - Amazon Web Services (AWS): The service offers various data storage options, such as Amazon S3 for file storage and Amazon RDS for database storage. AWS also provides application development tools and data analytics. - Google Cloud Platform (GCP): The service also offers various data storage options, such as Google Cloud Storage for file storage and Google Cloud SQL for database storage. GCP also provides application development tools, data analytics, and machine learning. - Microsoft Azure: This service offers similar capabilities to AWS and GCP, including data storage and various tools for application development, data analytics, and artificial intelligence. We simply don't like Azure. - Firebase: Firebase is a mobile application development platform created by Google, offering various services such as user authentication, cloud data storage, messaging, and analytics. Messaging or Chat is perhaps the service we use the most. - Heroku: Heroku is a platform for developing and deploying web applications, offering various services such as data storage, application scaling, and security management. - DigitalOcean: DigitalOcean is a cloud platform that provides virtual servers and other services, including scaling and database management. ### 6. Mobile App Security #### Impact on development cost: 2-3/10 - Security is a component that our clients least think about because they assume it's implied, but that's not entirely true. - Security is a crucial component of a mobile application because sensitive data such as personal information, financial details, and other confidential data are often transmitted through the application. Therefore, ensuring the security of this data against unauthorized access or theft is critical for user trust and application integrity. - One of the fundamental measures to ensure the security of a mobile application is user authentication. This means that users must provide credentials to access the application, such as a username and password, fingerprints, facial recognition, or other forms of biometric authentication. Additionally, the application should restrict access to sensitive data only to authorized users. This way, most unauthorized access by various bots is prevented. - Data encryption is another important aspect of mobile app security. It involves converting data into an encrypted form to prevent unauthorized reading of data during transmission or storage. - Identity management is also crucial for mobile app security. It means that the application needs to have access control and manage permissions and access restrictions for users based on their roles and privileges. This includes managing user accounts as well as tracking user activity within the application, and we implement this part in many systems. We internally refer to them as **roles**. - Protection against hacking and other attacks is also a significant aspect of mobile app security. It includes protection against various types of attacks such as DDoS attacks, SQL injections, XSS attacks, and others. This can be achieved by using different security technologies such as firewalls, IDS/IPS systems, and others. - In summary, ensuring the security of a mobile application is crucial for its success. Utilizing different technologies and practices to ensure security can help maintain user trust and application integrity. In addition to the mentioned components, there are numerous subcomponents that we often use, depending on the specific requirements of the mobile application. Some of them include: - GPS and Location: Mobile applications that utilize location services allow users to find their own location and discover nearby places. Useful for applications like navigation, weather apps, and social networks. We even have an application that needs to know if the user is in a hospitality establishment. - Camera: Applications that use the camera allow users to capture photos and videos and share them with others. Relevant for applications like social media, photo and video sharing apps, image recognition apps, and more. - Sensors: Mobile devices include various sensors such as accelerometers, gyroscopes, proximity sensors, and others. These sensors can be used for different functions in mobile applications, including measuring speed and direction of movement, gesture recognition, user presence detection, and more. - Payments: Applications that support payments enable users to purchase products and services through the mobile app. Used for applications like e-commerce stores, banking apps, and similar. ** If you want to develop a mobile application and find all of this unclear and complicated, feel free to contact us. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### ArgesERP URL: https://redcode-web.design/blog/argeserp/ Published: 2022-04-02 Last updated: 2026-06-09 Description: We present an accounting-cashier system for issuing invoices and other business activities for services, retail and wholesale. SEO description: We present an accounting-cashier system for issuing invoices and other business activities for services, retail and wholesale. We would have announced this yesterday, but it was April 1st so... It all happened in silence. No one but us knew that it was coming. We were just typing code and developing logic. Drawing diagrams and projections. Drawing databases and connecting tables... After three years of development in-house RedCode has officially launched the ArgesERP accounting-cashier system. We proudly present ArgesERP. Development is fully funded by own capital earned from other IT projects on the free market. Or more accurately; instead of commercial projects, the focus was on ArgesERP. A lot of work has been done and little has been spent and invested in the last three years. We believe that the "lean cows" have passed and that the system will generate capital for further development on its own, as the plans are big. The plans for upgrades include full human resources with payroll calculation. Production accounting up to which raw materials and semi-finished products are missing and cost of production calculation. Normatives and norming in full sense in such a way that for each article a norm of related articles is provided. Document management (DMS) and sales part of the system. And most importantly, in the end - a fully integrated management part for web shops which is already in the making. The system is, in its essence, SaaS (Software as a Service) which means that the part of the application that users do not see is roughly the same size as the part of the application that users see and use. The "invisible" part of the application mostly relates to automation in terms of processes and user, package and accuracy checks of generated data. ArgesERP is divided into three basic packages. Cash register for service activities, retail and the widest version - wholesale. Each of the basic packages has three more levels of "equipment", all so that you can use (and pay for) only what you need. We will not write about the modules and possibilities in this post. There is a DEMO account and a complete list and description of the modules on ArgesERP, so everyone can try out whether the system suits them completely free of charge. Through the registration process you will enter all the necessary data for an instant start of business. If some data does not exist at the time of registration, you can enter anything and later edit it through the "Settings". Of course, ArgesERP is not just a bunch of written code, but the entire development and document creation schedules are done through hours and hours of consultation with accounting experts. The schedules are made in such a way that the possibility of errors on your part as a user is reduced to a minimum. #### About Development Development is fully funded by own capital earned from other IT projects on the free market. Or rather; instead of commercial projects, the focus was on ArgesERP. A lot of work has been done in the last three years, little spent and invested. We believe that the "lean cows" have passed and that the system will generate capital for further development on its own because the plans are big. ## Plans for upgrades Full human resources with payroll calculation. Production accounting to which raw materials and semi-finished products are missing and cost calculation of production. Norms and normalization in full sense in such a way that for each article a consumption norm of related articles is provided. Document management (DMS) and sales part of the system. And most importantly at the end - a fully integrated management part for web shops which is already in the making. ## About the system The system is essentially SaaS (Software as a Service) in its essence, which means that the part of the application that users do not see is roughly the same size as the part of the application that users see and use. The "invisible" part of the application mostly relates to automation of processes and user management, packages and accuracy checks of generated data. ArgesERP is divided into three basic packages. Cash register for services, retail and the widest version - wholesale. Each of the basic packages has three levels of "equipment", all so that you can use (and pay) only what you need. We will not write about the modules and possibilities in this post. A DEMO account and a complete list and description of the modules are available on [ArgesERP](https://arges.hr/ "ArgesERP"), so everyone can try out whether the system suits them completely free of charge. Through the registration process you will enter all the necessary data for an instant start of business. If some data does not exist at the time of registration, you can enter anything and later edit it through the "Settings". Of course, ArgesERP is not just a bunch of written code but the whole development and document production schedules are done through hours and hours of consultations with accounting professionals. The schedules are made in such a way that the possibility of errors on your part as a user is reduced to a minimum. ## Mobile Applications Android and iOS mobile applications are fully functional versions of the web application with the same features and functionalities. Although mobile applications contain full functionalities, for a better user experience we recommend a tablet due to the size of the screen and the clarity of the elements. ## Price The initial goal was for every small business to be able to use a top-notch accounting solution that covers all the functionalities of the largest and most complex, and therefore most expensive solutions on the market at a low price. We believe that this goal has been achieved. ## Technologies - ArgesERP is a fully Cloud system - Flutter - the main technology in which the application itself is written - PostgreSQL - as a database - Hasura - as a supporting tool for databases - GraphQL - as a tool to support communication between modules - PHP - in its pure form in parts that are “server side” such as generating .pdf files Sign up, try it out, comment, so that we can create an even better system with you... **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### The mobile application in the first place by download URL: https://redcode-web.design/blog/the-mobile-application-in-the-first-place-by-download/ Published: 2021-09-06 Last updated: 2026-06-09 Description: Would you like your mobile app to be listed at the top of the Top List? SEO description: Elevate your app's ranking with 'Pozoj' - The top Sports app! Track matches, manage teams, live streaming & more. Embrace quality content now! The mobile app **"Pozoj"**, designed for a local handball tournament, with its noble purpose, has taken first place in the Sports category on both platforms, not just for a moment, but for several days. Mobile application was created **in a very short timeframe with a complex management system** that was required to cover: - Team management - Berger scheme - Live match tracking with score input - Team groups - Group stage of the competition - PlayOff stage of the competition - Tracking of favorite teams - so called Favorites - Live match broadcasting - so called LiveStream from multiple locations at the same time - Match schedule by locations and groups - Overview of Tournament locations with overview of organized transport schedule - and some other general items   Due to the previously mentioned short development time, the mobile application may have some bugs, the design of the mobile application may not be the most beautiful ever, but the content is of high quality and demanded by a large number of users. Therefore, it is obvious that **quality content** and **the practical purpose of the mobile application** is the recipe for **becoming number one**! **FAQ:** - **** — - **** — - **** — - **** — - **** — --- ### 8 steps for creating a successful mobile app URL: https://redcode-web.design/blog/8-steps-for-creating-a-successful-mobile-app/ Published: 2021-04-15 Last updated: 2026-06-09 Description: Find out what you need to create a mobile app SEO description: Do you want to find out what you need to make a successful mobile app? Check out this guide and find out everything you need to know! In today's world, where everything happens in an instant, the mobile app market is growing at a rapid pace. To create a successful mobile app, you must follow a systematic approach to the mobile app development lifecycle. If you are reading this text, you are probably interested in what is needed to achieve this goal. For you, we have prepared 8 steps for creating a successful mobile app, which will help you in this process. Ready? Let's go! When you get an idea for mobile app development or how to make a mobile app, you will have a lot of questions over your head, such as: - What should I know before developing a mobile app? - What is the life cycle of mobile app development? - What are the steps in app development? - How to develop a mobile app from scratch? - How much time does it take to develop an app? To be honest, we get a lot of such questions too. So we decided to share our knowledge with you and all our future clients. If you plan to develop a mobile app, be sure to bookmark this article in your browser. Why? Because this article will help you understand the basics of iOS and Android app development step by step, as well as the methodologies used. You will surely find many answers on what to do with your new mobile app idea, however, you will surely not find such an extensive explanation of the app development process. ## 8 Steps of Application Development ### Step 1: Discussion on Project Requirements To start off, we'll have a typical short, informal phone call with you just to check if we can help you and if we can move forward with your project idea. #### What do we expect from you, our clients? First, we want basic details from your side, e.g. what kind of application you want to develop, what is your budget, what is your timeline, do you have any other existing application similar to the concept of your application? Basically, the more we know about your idea, the better we can help you. At this stage, the goal is to gather enough quality information regarding the concept of your application. Based on these information, our team will prepare an offer for you, along with the initial elaboration of the functionalities. Basically, our goal is to check the feasibility of your idea and suggest the best way of technical implementation of the project. ### Step 2: Business Insight and Estimation After consulting with you, we have an initial meeting where we decide on the team members and give recommendations or suggestions for the development of your application. Our procedure in the meeting starts with the inclusion of quality assurance (QA), since early inclusion of QA allows for a better understanding of the customer's requirements. Questions related to the flow of the application are addressed in a very early initial stage. Once the analysis of the requirements and design are "frozen", i.e. no more requirements related to functionalities and design can be added, QA starts with the creation of tests. We try to cover maximum positive and negative scenarios during the definition of the tests. This allows us to make a proper estimation of the costs for your application and provides a feasible concept of the actual mobile application. ### Step 3: Sketching the Application Wireframe Once the project is set, all the requirements are understood from both sides and communication methods are set up (e.g. Bitrix, Skype...), the question arises how much time will it take for the design of the application. Designing the application is the most complex step in the process of developing mobile applications. #### What is an application wireframe? A wireframe can be understood as the skeleton of your application. It helps you to understand the flow of the system and gives a rough idea of how the system would work. The wireframe helps in precise estimation of the timeline of the application development. It also helps the designers to understand the bit of the flow of the system and helps them in creating flawless and accurate designs of all the elements of the application. #### Why do we need a wireframe? What is the importance of a wireframe? An application can have many features, e.g. you want the possibility of a chat in the application. But there is a whole range of different types of chats, e.g. one-to-one conversation, group chat, timeline management. This particular requirement can be clearly noted in the wireframe and gives the stakeholders a view of how the flow of the chat would work. ### Step 4: UI/UX Design UX (user experience) and UI (user interface) are definitely the most important elements of any application. Before we start preparing the initial UI and UX design of the application, we ask you for answers to questions such as: - What color would you prefer for your application? - Basic color and font settings - What applications do you like? - … #### What do we deliver during this phase? The design sample includes the initial screen (splash screen), application login or sign-up form, home page. After sending the design sample for confirmation, we wait for your feedback and make any changes according to your wishes. After the design is approved, we start the process of creating a prototype of your application, in which you will see the design and functionality of your complete application without writing a single line of code. ### Step 5: Application Development After the final confirmation of the design and prototype, we move into action with programming your application. The project manager defines tasks for the programmers and creates a systematic plan of steps for developing the mobile application in order to achieve the set goals. We value your time and money, so we discuss with you every suggestion or decision. The progress of the mobile application development process is made known to you "by passing through the screens of the developed application screens", and through our project management tool, Bitrix. [More info where you can read about the technologies we use for developing mobile applications.](https://redcode-web.design/services/mobile-application-development/) ### Step 6: Q/A Testing (Quality Assurance Testing) When you decide to build a new application, it is inevitable to continue with the testing of the application. This will help you maintain low costs and build a quality application. The further you get into the higher phase of the mobile application development cycle, the more expensive it becomes to fix software bugs and glitches. Of course, you can do the complete Q/A testing yourself and reduce the cost of application development. On the other hand, we definitely recommend that we do it for you, as top experts in mobile application development. Namely, when developing mobile applications, before finally announcing it to the world, our QA team performs various tests to ensure that the application works flawlessly. Take a look at the difference between functional and non-functional tests included in the mobile application development process. - Functional test: Through this type of test, the application is tested according to the client's functional requirements/specifications. It provides the appropriate input data and expects the correct result, testing the user interface. In short, all user requirements specified by the Client are well tested. - Non-functional test: It focuses on good software quality, especially on non-functional aspects such as response time, security, scalability, usability, performance. It includes all tests not covered by functional testing. In short, the application is tested to verify usability, compatibility, interface and performance. ### Step 7: App Publication #### How to publish an app on Appstore and Playstore? Don't worry. We help our customers to transfer their app to Appstore and Playstore without any additional charges. #### What do we need from your side? In order to publish the app, we need only the developer accounts credentials for each of the stores. That means you need to open a developer account for each store, through which the apps can be published. Of course, if that is too hard for you or you don't know how to do it, feel free to contact us and we will do it for you. #### Is it easy to publish an app? The AppStore and Playstore have strict policies for app publishing, but we are quite knowledgeable in this domain where our experts can help you “launch” your app live. Releasing an app to the app store involves the following: Once you submit your app to the Apple App Store, the iOS app goes through a review process that can take anywhere from a few days to a few weeks. It depends on the quality of your app and how closely it follows the iOS development guidelines. If your app requires user login then you must also submit a user account along with the developer account. Unlike iOS, Android does not have a review process. The app becomes available in the app store within a few hours of submission. ### Step 8: Post-Production Support As your app will get more and more users downloading your app, you will start to receive feedback which you can (and should) implement in future versions of the app as an app update. Every app needs new features and technological updates, so this is the last step in the mobile app development process. Of course, as soon as the first version of the app is released, the development cycle starts all over again. So, get started right away and leverage your mobile to promote your business! **Need help creating or submitting an app?** **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Launching a web shop in 8 steps URL: https://redcode-web.design/blog/launching-a-web-shop-in-8-steps/ Published: 2019-04-22 Last updated: 2026-06-09 Description: A different guide to starting a web shop in eight steps that no one will tell you about. SEO description: Considering starting an online shop? Discover vital steps preceding a successful web store launch in this article. If you are reading this article, it means that you are thinking about opening a **web shop**. Many people write about the web shop as an application for online commerce, but few know all the necessary actions that precede the opening of a web shop. **We will focus on those preparatory actions.** 1. **Opening** of Ltd, LLC or trade crafts. The first step is, logically, the opening or registration of a business activity. Just these days, the procedure has been further simplified and the minimum share capital for the establishment of a Ltd that is, of a LLC is **reduced from HRK 20,000.00 to HRK 5,000.00**. It is no longer necessary to reserve a company name and some other details that were necessary until now, which reduced the total costs of establishing a company. Although deadlines of 2-3 working days are officially mentioned, in reality the process of establishing a company takes a little longer. For this action, you need to calculate about a week of time and some nerves. **It is very important that you add the activity of "selling via mail or internet" to the list of activities, because otherwise you will need to supplement the activity, which again requires money and time.** 2. **Business space for web shop**. You need office space. You can buy it, or you can already own it, or most often you rent it. It should be for business purposes. This purpose should be entered in the original extract. **Therefore, a residential space cannot be a commercial space.** The office space must also be legal, i.e. have a use permit or other document for use. 3. **Minimum technical requirements or abbreviated MTU.** An item that a lot of people don't know about and are unpleasantly surprised. In addition to step 2, your business premises should also meet certain minimum technical conditions. This means that the name and address of the company, as well as the working hours, should be highlighted. In addition, you also need a warehouse or a space where you will store your goods. The warehouse should be ADEQUATE. It is not the same whether you are trading diamonds that fit in an envelope or white goods that need a lot of space. In the not-so-long-ago time, the minimum prescribed areas of storage space were prescribed, but in recent times the state has "relaxed" on these things. You also need to get the so-called "safety at work" done. Specialized companies will do it for you. Request a certificate of minimum technical conditions from the competent state administration office in the county, or from the competent administrative body of the City of Zagreb. **The same office will also give you a list of items that you need to meet, according to the type of goods that will be sold.** 4. **Dropshipping** is not a topic, but we will mention it as an essential ingredient of web shops - a way of trading through a web shop in which it is not necessary to have a warehouse because you order the products from the supplier only when you sell them. The supplier sends the products directly to the customer's address, and you, as a retailer, do not physically see them. Dropshipping has its advantages and, of course, its disadvantages. The most common are combinations of dropshipping and stock removal. So you can offer your customers speed and a competitive price on the most favorable terms. In the case of dropshipping, you do not receive the goods at the warehouse, but charge a kind of "commission" for your brokerage services, which is the difference between the purchase price and the retail price. 5. **Classic web sales**. After you have received confirmation of the minimum technical conditions, you need a few more items necessary for sale or trade. For starters [cash register](https://arges.hr/maloprodaja/ "cash register"). The cash register program for shops should contain several modules. Invoicing module, warehouse module, buyers, suppliers, manufacturers, the possibility of printing labels with declarations and prices, the possibility of creating receipts and inventories as well as price leveling and similar things. **It is very important to choose a quality program for retail (cash register) because once you start a web shop (or any other store) and fill the warehouse with products, it will be very difficult to replace the program.** The legal responsibility for the orderly management of inventory, cash registers and other related matters rests exclusively with the web shop owner. 6. **Bookkeeping filling of web shop.** Your first ordered goods have arrived. You need to receive it through the cash register program. The same is done through the so-called primka. Items are entered through barcodes, their retail price is determined, declarations are made and information about the purchase price is entered along with some other details. After that, the goods are technically ready for sale. 7. **Web shop.** Assuming that a web shop has been developed by a web developer in parallel with the preparatory actions we have listed so far and there are still some details left. There are mandatory data that a web shop must have. These are the basic data of the merchant, general terms of purchase or sale, guarantee of return and exchange of products, statement of confidentiality or protection of personal data (GDPR) and a form for unilateral termination of the Purchase Agreement. **Make them of good quality** in order to gain the trust of customers in this area and, more importantly, to comply with Legal Directives. 8. **The first sale.** The web shop has finally been launched. The first customer. The first order. If all the steps have been taken so far, it should go smoothly. We are creating an invoice. For payment by direct bank transfer or cash on delivery, fiscalization of the invoice is not mandatory, while for payment by credit card it is mandatory. Yes.** Even though it is a web shop, there are still cases in which you are obliged to fiscalize or issue fiscal invoices.** After creating the invoice, we pack the goods together with the invoice and the unilateral termination of the purchase agreement, to which the customer is entitled within 14 days. We deliver the package to the selected courier service. The selection of the courier service is also one of the more important elements. In addition to the price of the service itself, customers highly value the quality. **That's it. Your web shop is up and running! :)** After some time, when the volume of work increases, it will become tiring to keep track of bookkeeping stocks and product stocks in the shop. It would be quite convenient if the retail program (cash register) and the web shop were connected. Is it? **We are already talking about more advanced web shops, or so-called ERP systems, in which the cash register and web shop are connected to each other and the quantity of articles in the warehouse is automatically reduced with each sale on the web shop.** Even the entire system is managed from one central point. Web applications. We will talk about ERP for web shops in one of the next texts. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### Who's who here? URL: https://redcode-web.design/blog/seo-whos-who-here/ Published: 2019-02-24 Last updated: 2026-06-09 Description: How to do SEO and what is SEO optimization. SEO description: Maximize your site's potential with SEO optimization. Explore strategies, emphasize quality content, and check out our expert services for best results! No website owner is absolutely satisfied with the results that the website gives. After spending time and money, the return on investment does not go as planned despite the web designer's grand promises that the website will change the business for the better in unprecedented dimensions. ## So what now? How to improve the website? You have heard of some website optimizations. You are bombarded with ads for internet marketing. They offer offers that differ greatly in amounts. Again, mountains and valleys are promised. Whoever has saved on the website itself will, of course, have to dig deeper into their pocket when it comes to SEO optimization. ## Why? Cheap websites usually do not have preparation for SEO. They do not have predefined fields for titles, descriptions, keywords. The basics of SEO are not made. Such sites are usually on WordPress or Joomla platforms. Simple to make according to pre-made design templates, but almost no possibility of upgrading. It is important that they abound with a lot of unnecessary plugins (irony) that usually complicate and slow down the work of such sites. **WordPress** is good for some simple presentation sites that will stay that way, but it is definitely not good for advanced sites that are planned to be expanded in the future. [Web shops](https://redcode-web.design/services/webshop-development/ "Web shops") are also a great example of the old - as much money, so much music. WordPress with WooCommerce are the most common choice, but are they the best? No. The cheapest choice? Yes, in the beginning. The biggest SEO disaster are Single page websites, i.e. websites where all the content is on one single page, and believe it or not, they really exist. But, regardless of all that has been written, there is another side, there are web designers and marketing agencies that really overcharge because they consider themselves - a brand. There is an unwritten rule in business - the cheapest and the most expensive offer are thrown away. Believe it or not, it works. ## Let's get back to SEO optimization It should be clear that any website with some quality should have the so-called **basic SEO optimization** already done at the time of creation. [SEO optimization](https://redcode-web.design/services/others/seo/ "SEO optimization") is done in the control part of the page and is not visible to users who search the page. At least not obviously. It should be reduced to the creation of a sitemap. The sitemap is a map of your website that you send to Google so that Google knows how to index your website. Heading tags which are actually titles and subtitles of categories and subcategories of a website, written for search engines. Heading tags are arranged from H1 to H6 both numerically and by importance. Descriptions and titles of all images on the page, descriptions and titles of all products and services on the page (Title and Description), secure protocols such as HTTPS. Optimization of image size and format. The idea of creating the entire website should be such that Google "loves" it, that is, certain rules and consistency should be respected. ## Advanced SEO optimization The prerequisite for making advanced SEO optimization is that basic SEO optimization has been done. It is difficult to build on bad foundations. Some of the items of advanced SEO optimization are; Removing JavaScript and CSS that block other resources, compressing HTML, CSS, JS, enabling compression, implementing PWA (one of the most important items), writing quality content and descriptions on each page, improving domain rating and backlinks, publishing your page on relevant sources, behavioral analysis of visitors, implementing HotJar, analyzing competition, Google Analytics, Google Ads, My Business. Given that half of the above mentioned is not understood, one thing is clear - advanced SEO optimization is complex but rewarding. Advanced SEO optimization also implies [Internet marketing](https://redcode-web.design/services/others/internet-marketing/ "Internet marketing") which will initially give instant results, and over time as the website is "raised" the share of paid marketing is reduced until it is no longer used at all. All the SEO in the world won't help if... How is that now? How "won't help"? It won't help if the website regularly doesn't get the most important thing; Content or in Croatian; content! Quality and unique content closely related to your products or services that is full of facts and details is the point of any well-done SEO optimization. In the end - even we write a BLOG. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### How to Improve Business in Tourism with RedCode Web Design URL: https://redcode-web.design/blog/how-to-improve-business-in-tourism/ Published: 2019-02-19 Last updated: 2026-06-09 Description: Discover a new way to manage your accommodation properties. SEO description: RedCode Management System for Tourism is almost a solution for all problems related to apartment rentals. ## How to optimize rental results? The most important items when renting accommodation units are [**Internet marketing**](https://redcode-web.design/services/others/internet-marketing/) and presentation of the accommodation units, if you appear at the right time in the right place you will easily rent your apartment to tourists. In order to appear at the right time, it is necessary to think ahead, it is best to start preparing for the next season at the end of the last one and invest the necessary capital to get the highest occupancy rate throughout the season. The sooner you start, the fewer potential guests you lose. In order to find yourself in the right place, it is necessary to advertise where potential guests of your apartments are located, and that is definitely the **Internet** today. Most foreign tourists come through online rental apartment services. The most famous such online services are **Booking.com** and **AirBnB**. In order to make reservations with these online services and not have overlapping guests in the apartments, it is necessary to synchronize all reservation services to one calendar. It is also necessary to set rules for reservations in order to avoid guests overlapping. ## What is the simplest solution for all the mentioned problems? The simplest solution is to use a smart system that can: - Reduce the time needed to set up apartments on reservation services. - Reduce the time needed to keep track of arrivals and departures of tourists. - Reduce the time needed to keep track of reservations. - Reduce the time needed to keep track of guests. - Solve the problem of registering guests on the **eVisitor** system. - Solve the problem of double booking on an apartment on a certain date. - Solve the problem of **fiscalization** and much more. ## RedCode Landlord System A novelty on the market because it is not just a website for apartments but a complete solution for managing and renting apartments. Some of the advantages of the RedCode Landlord System are: - Integrated guest registration in **eVisitor**, synchronization of reservations with services such as **Booking.com** and **AirBnB**, possibility of payment via PayPal, cards or bank transfers. - Adding or deleting apartments, defining apartment prices according to the season, adding apartment features, defining location on the map, adding photo and video galleries. - Viewing reservations on a **calendar**, list of paid and unpaid reservations, contact with the person who made the reservation, possibility of changing the reservation period. - Adding guests, viewing all guest data, saving digital form of guest documents in the system, **statistics** of previous reservations per guest. - Adding special offers, defining prices for special offers, adding photos and videos to special offers. - Adding additional services you provide, prices for those services and photos and videos of services. - Possibility of self-entering translations into other languages. - Possibility of selecting apartments to be displayed on the content exchange (slider), possibility of defining title and subtitle text. - Viewing all receipts and expenses depending on the type of payment, viewing receipts and expenses for a certain period of time and statistics of receipts and expenses. - Viewing invoices, adding invoices, printing invoices, invoice statistics and most importantly **invoice fiscalization**. - Possibility of sending apartment offers or **newsletters** to previous guests and users who sign up for the **newsletter** on your website. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### What is internet marketing or online marketing? URL: https://redcode-web.design/blog/what-is-internet-marketing-or-online-marketing/ Published: 2019-01-14 Last updated: 2026-06-09 Description: Find out why internet marketing is an important factor in getting potential clients. SEO description: Discover the power of internet marketing in reaching potential clients effectively. Harness online advantages for targeted advertising success. ## Advantages of the Internet There are a large number of people on the Internet every day, which is also a great place to present yourself, your services, products or something else. Today everything is on the internet. Personal recommendations, handing out flyers or newspaper ads are no longer the only ways to create a brand and acquire potential clients, that is, they are no longer "in". Nowadays, every individual who is looking for a product or service, first gets information on the Internet about a possible service or product provider. ## Types of marketing There are two main types of marketing present in society: **classical marketing (Offline marketing)** and **internet marketing (Online marketing)**. Some of the ways of **classical marketing** are: sharing informative content (leaflets), hiring a traveling salesman, paying for ads on radio stations, newspapers or television programs. This way is becoming more and more tiresome and society has become fed up with it. Do you like it when commercials start on TV in the middle of a movie? Thus, an unwanted counter-effect is created. The term **Internet marketing (Online marketing)** means advertising on the Internet, which is different from what it was before. The target audience for which the product or service is relevant. Those who are interested in your product or service. In order to do internet marketing well, it is necessary to spend much more time and knowledge than on classic marketing, but in the end, you get a much better result. Both types of marketing have their advantages and disadvantages depending on the advertised product or service, but looking in general **internet marketing is much more profitable than classic marketing** precisely because of the, already mentioned, targeting of clients to whom it will be shown, and according to age, interests, place of residence and other characteristics. ## Online advertising ![EasyToWork Campaign](/img/projects/ez/ez_15.png "EasyToWork Campaign") The reasons for doing good internet marketing are: Raising the company's visibility on the largest and fastest growing market (the Internet) so that potential clients can find you more easily. Facing the competition; because you know that you have a better service or product. Potential clients are more likely to choose a competitor's service or product if they are online and you are not. To be seen is to enter the subconscious of customers. People buy from well-known brands because they feel safe. If internet marketing is done professionally and with the study of the statistics of searched terms, you can get precise ads that aim exactly where they need to. With precisely defined ads, the return on invested funds comes very quickly because the ad is displayed only to people who are searching for the service or product you offer - so-called personalized ads. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ### What is AMP? URL: https://redcode-web.design/blog/what-is-amp/ Published: 2019-01-07 Last updated: 2026-06-09 Description: Find out what AMP is and why it matters in the modern world. SEO description: Discover AMP: Google's Accelerated Mobile Pages project for lightning-fast mobile web loading. Boost SEO with AMP's speed advantage. ## What is AMP AMP is a project by Google (abbreviation for "Accelerated Mobile Pages") that was created to speed up the loading of web pages on mobile devices. Before AMP, web pages were loaded on mobile devices of the same weight, which is sometimes a problem due to the speed of the mobile Internet, which in many cases is not comparable to the speed of the wired Internet. The reason why AMP is so much faster lies in the fact that it uses a very "simple" structure and initially loads only the text, and eventually the rest of the content that is needed. ## AMP advantages Some of the advantages of AMP are the high loading speed of pages written in it, which makes it great as an SEO plugin for a site. Among other factors for displaying search results, Google looks at the user experience on the page, and if you have a website written in AMP, the user experience will be greatly improved due to the speed of content loading. Google isn't the only one who doesn't like slow websites. In most cases, when users come to a website that loads slowly, they will simply change their mind and go back to the search engine. They will look for another website to provide them with information, product or service just because the first page was not written in AMP. AMP is not the only way to create a website, but those who want a high loading speed will choose AMP because AMP is far ahead of other technologies. Following some research, it can be concluded that almost half of potential clients leave the webpage if it takes more than three seconds to load. ## How to recognize AMP When you use an AMP mobile device, you can tell by the fact that pages written in AMP in Google search results have a small white lightning drawn on a gray background, and when you open them by the loading speed, which easily surpasses all other technologies. **FAQ:** - **** — - **** — - **** — - **** — - **** — --- ### What is a blog and why is it necessary? URL: https://redcode-web.design/blog/what-is-a-blog-and-why-is-it-necessary/ Published: 2019-01-04 Last updated: 2026-06-09 Description: Find out why every business needs a blog. SEO description: The blog serves to attract clients from all over the world who will see our products or services and increase their visibility on the Internet! ## What is a blog In order to explain what a blog is, we must first understand how it was actually created. It was created by people making web "diaries" back in the nineties of the last century and sharing them with friends in which they described what they did that day, and the word **blog** was created from the combination of the words "WE **B** " and "**LOG**". After we understood how it was created, we can talk about what a blog actually is. It is a place where people have been sharing knowledge, experiences or advices for decades. ## Why every business needs a blog? For the reason that a blog serves as an advertisement for itself, which can ultimately attract customers from all over the world who will see your products or services and increase your visibility on the Internet. [SEO optimization for search engines](https://redcode-web.design/services/others/seo/ "SEO optimization for search engines") is very important for all companies because it is not the same whether your [website](https://redcode-web.design/services/others/website-development/ "Website development") or [web store (shop)]( https://redcode-web.design/services/webshop-development/ "Web store (shop) development") can be found on the first or third page of the most popular search engines such as Google. One of the ways to reach this is to write content, and a blog is the right way to do it. In addition to [SEO optimization for search engines](https://redcode-web.design/services/others/seo/ "SEO optimization for search engines") it is important to develop a relationship with existing and attract new clients, and the right way to do this is activity in the comments where you communicate with clients. Communication brings trust in the company and creates a brand, and there is no better advertisement than one that does not require large investments. A blog is the best way for "content marketing" which is part of "[internet marketing](https://redcode-web.design/services/others/internet-marketing/ "Internet Marketing")" where the most important thing is that the content is original, fresh and related with a topic (relevant). Besides the blog helps with [SEO optimization for search engines](https://redcode-web.design/services/others/seo/ "SEO optimization for search engines") and [internet marketing](https://redcode-web.design/services/others/internet-marketing/ "Internet marketing") is a great way to show that you have the necessary knowledge for what you do and gain the trust of clients at first glance. If you spend a sufficient number of hours writing extensive and high-quality content on your blog, you can eventually become a market leader and win many more new clients because people have heard about you and you became well known. **FAQ:** - **** — - **** — - **** — - **** — - **** — - **** — --- ## Standalone Pages ### 404 URL: https://redcode-web.design/404.html {{/* This file generates the English 404.html page */}} --- ## Metadata - Language: en-EN - Total regular pages: 69 - Generated at: 2026-06-09T13:44:44+02:00 - Source: https://redcode-web.design/ - Sitemap: https://redcode-web.design/sitemap.xml - HTML version: https://redcode-web.design/