Our Blog

Nightborn - Interview with Medicheck: A successfull collaboration
MediCheck and Nightborn, a successful collaboration
On Monday the 24th of November 2020 we interviewed Amélie Meunier, Co-founder of MediCheck, a fast-growing startup that helps companies constructively tackle the issue of absenteeism by developing a new solution, the "Check", which is both fully digital and respectful for employees. Can you tell me something more about yourself? What's your day-to-day function in the company? I'm one of the founders of Medicheck. In the beginning, I was in charge of the operations and made sure that our clients' Checks all went according to plan. Now that we have an entire lovely team dedicated to this, I'm responsible for the digitalization of the activity. 💡 You can find more details about Amélie's qualifications, employment history, education, skills, and experience on her 👉LinkedIn profile 👈. What sparked your idea? It was Startup Factory, a Brussels-based studio dedicated to building and incubating new ventures, that first worked on the idea and launched the project. They looked for entrepreneurs to carry it out and first hired Jean Rifflart (CEO) and then me. How did Startup Factory contact you and your team? Actually, it was pretty random. I had just finished studying and Startup Factory contacted me through angel.co to set up an interview. I met the team and started working with them the next day! What's Medicheck’s mission and what do you think are the biggest challenges MediCheck will face in the next 5 years? Our mission is to change and disrupt the activity of medical control to make it more humane and positive towards employees and more efficient for companies. To me, our biggest challenge is not losing our amazing quality of service as we grow. And Nightborn is helping us with that! 🤝 How did you end up becoming a partner with Nightborn and can you specify what added value Nightborn offered to MediCheck? I was lucky enough to meet Nightborn through word of mouth. We are a digital company and we wanted to have a digital process from A to Z in the execution of our operations. Nightborn thus helped us build an internal tool that would allow us to do just that. We now have a powerful custom back-office in React and Electron that drastically decreased our operation time, jumping from 20 min to 5 min per 'Check' if all goes well. Nightborn also helped us with a digital solution for our client companies and collaborating doctors to allow them to send us the Checks’ data digitally. Which aspects of Nightborn appealed to you the most to work together? The fact that they were both quite young. In theory, this can be seen as a disadvantage, but in practice, I knew that we were going to be able to communicate easily. And communication is key! 🗝️ 💡 Meet our team! 💪🏻 What can you tell me about the collaboration with Nightborn? How did the process go, to get to the finished product? We work with a pretty standard process: we document the requirements and create some wireframes that we send to Nightborn. They work their magic and, after lots of testing, we end up with what we want! 🧙‍♂️ 💡 Find out more about our process at Nightborn 👉nightborn.be/process👈 Were you positively surprised on certain points? I wasn't expecting anything but the best, so I wasn't particularly surprised when that was what I got 😉. They have always been very professional, they overdeliver and are completely implicated in the project! We have been collaborating for more than a year now and we loved every minute of it. Final words We want to thank Amélie for making time to answer all of our questions. If this article sparked an interest for you, feel free to check out the case study we made of MediCheck: 👉 Case study: MediCheck👈
Nightborn - How we used React, Gatsby, and Prismic to create a high-end and well-polished website
How we used React, Gatsby, and Prismic to create a high-end and well-polished website
Hello pirate 👋 This is your captain speaking, we'll be going on a wild adventure, so rope up and fasten your eye-patch! We'll be sailing past the Gatsby manor where we'll explain the different improvements we've encountered, the Prismic bays where creating and maintaining our blog was a breath of fresh air! And to end our tour we'll use the winds of the north to pass by the beautiful Azure DevOps mountains and their different pipelines. The framework of our ship At Nightborn, as in any company, we had to decide which framework we wanted to use for our own website. A framework provides us with the certainty that we are developing an application that is in full compliance with the business rules, structured, and that is both maintainable and upgradable. It allows developers to save time by re-using generic modules in order to focus on other areas. Planning to work with HTML, CSS, and Javascript (JS) we started with the most obvious ones and looked at pure vanilla, Vue.js, and React. We really like using JSX with React. JSX stands for JavaScript XML and allows us to write and add HTML. Using Vue we really like the simplicity, it allows structural flexibility and makes reuse of components easy in your application. This feature makes it suitable for building big and highly scalable web applications. Vanilla on the other hand was often good to start a website but losing it when the website got more complicated. Why Gatsby and what we learned A problem we were facing with React, as it's client-rendered, is that it's not really SEO-compliant. And as you can imagine as a service-agency this isn't really a positive thing. That's why we initially started looking for a server-side rendering framework and stumbled upon Next.js and all its great features. Despite all these features, we did not choose Next.js but instead chose Gatsby. What we like about Gatsby : Asset management: You may want to deploy assets (non-HTML resources such as JavaScript, CSS, etc.) to a separate domain. With this functionality, you can use Gatsby with assets hosted from a separate domain. SEO components, metadata: Using Gatsby makes your site fast (SUPER DUBER FAST 🚀) and efficient for search engine crawlers to crawl your site and index your pages. Adding metadata to pages, such as page title or meta description helps search engines understand your content and when to show your pages in search results. GraphQL data management: Gatsby uses GraphQL to enable components to declare the data they need. GraphQL only returns the data that's explicitly requested, so new capabilities can be added via new types and new fields on those types without creating a breaking change. Plugins created for Gatsby. Page management: Gatsby makes it easy to programmatically control your pages. Its core automatically turns React components into pages with URLs. It’s common to wrap pages with a React layout component, which makes it possible to share markup, styles, and functionality across multiple pages. Static website generation can be hosted anywhere: A static website is made of static files that can be easily served all over the world using content delivery networks (CDNs). Hosting for static sites can be set up in a snap. Image optimization through different sizes per image. Discover why we are a service-agency: 👉 https://nightborn.be/services 👈 A breath of fresh air you said? Prismic is in my honest opinion one of the best Headless CMS out there in the open, the type generation and usage are magnificent. A headless CMS contains at least 2 core components, a web app for creating/editing/publishing content and an API that enables front-end developers to get the content from a CMS into their projects. The simplicity by which a non-technical collaborator can create a new type in Prismic, send me the JSON-file containing this type, and start creating content has me blown away. Why we use Prismic at Nightborn: Free for one user, not expensive, and easy to use. Types: Prismic natively supports custom types that allow you to define and configure fields for your content. Some examples of custom types are pages, posts, articles,… Whatever blocks of content you need for your specific project. There are two categories of custom types: Repeatable Types and Single Types. Webhooks: Webhooks are events that are triggered whenever a change is published on your Prismic repository and the API is updated. You can monitor exactly what has changed, providing you a finer grain of control, the possibility of greater configuration, and an improved interface. Gatsby-support (and many others). Pipelines, what for? As you can imagine, asking designers to create a new build each time they publish an article is not how you'll become friends. That's where automation comes in, we first start by creating a pipeline, and a designer can create a new version of your website, while you're sailing the ship on other waters. ⛵ Webhook (Databricks) → 🛥️ Pipelines → ⛴️ Release To create those pipelines we use Azure DevOps Services. Azure DevOps is a 'Software as a Service' (SaaS) platform from Microsoft that provides an end-to-end DevOps toolchain for developing and deploying software. It also integrates with most leading tools on the market and is a great option for orchestrating a DevOps toolchain. Azure Pipelines is a cloud service that you can use to automatically build and test your code project and make it available to other users. It works with just about any language or project type. Azure Pipelines combines continuous integration (CI) and continuous delivery (CD) to constantly and consistently test and build your code and ship it to any target. It's time to GIT back to work 🤭 🚢 Yarrrr pirate, we've arrived at our destination, we're setting anchor here! ⚓ We hope you enjoyed the journey as much as we did and hope this will help you find your own path to your beloved treasures on those vast and unforgiving JS waters. Don't hesitate to look at our other blog posts! 👉 https://nightborn.be/blog 👈 Here are a few useful ropes you could use on your next adventure. https://www.gatsbyjs.org/ https://prismic.io/ https://dev.azure.com/ https://nextjs.org/
Nightborn - How can design benefit your business?
How can design benefit your business?
You have a competitive advantage among businesses thanks to ‘design thinking’, which is often underestimated in the business world. Traditionally it’s thought of as part of a creative team that creates branding elements like logos or ads. But the importance of design goes beyond the creative team and opens up valuable opportunities for businesses which can bring some significant benefits. It helps businesses better identify, understand, and address their problems. The research and prototype stages of design can generate new product ideas and allow you to discover your customer’s needs and preferences. It can then help you turn your ideas into innovative and competitive products and services that are suitable for your market.  For some businesses, design thinking may feel chaotic. But the use of tools, such as visualizations, travel mapping, storytelling, and rapid prototyping, is a way to develop beyond your previous ability and step towards something new. Using design improves your business performance 📈 Design can offer a variety of business advantages, including increased sales, enhanced market position, brand identity, and the ability to develop innovative products and services. If used systematically, design can bring value to products and services, and open up new markets. It's a powerful source of differentiation between you and your competitors because customers are willing to pay more for well-designed products that can provide them with advantages such as greater usability, enhanced features, and better looks. Design cultivates a positive brand identity Graphic design provides a "face" that helps identify and promote your business. It gives you an instant image of what your business is like, provided by your company’s logo, website layout, and marketing materials. Positive brand identity also leads to more satisfied, productive employees because they embrace and commit to the identity of the company, and are proud to be a part of it. Make sure your brand identity is used consistently throughout your company because inconsistency in your various business applications will make your company appear sloppy and unprofessional. Design has the ability to express complicated messages much faster than words can, and will enable the organization to move effectively into this new age of straightforward, high-speed communication. Design as part of your business strategy Design covers much more than just the outward appearance, it plays a part in nearly every aspect of what most businesses do. It can be used to benefit your business in many less obvious ways since it’s also about managing your business processes as cost-effective as possible. Successful businesses include design as part of their business strategy from the beginning, resulting in a better offering and a better customer experience.  Good design is collaborative. It gathers inspiration from everywhere and asks an entire team for input. A "collective experience" where people with different perspectives develop new ideas to problems. You can use design more strategically by pinpointing where and how design is currently being used within your business or identifying ways of improving this design process, for example by using a professional design consultant. In addition, you could start searching for areas where design opportunities are missing and ensure that design considerations are featured in all your business planning meetings and documents. Using design to improve product development A big advantage of design thinking is that it focuses on the end-user. Whether it's about creating new technology or a new method of project management. An important starting point in developing competitive products and services is to obtain market and design-led user research on what your customers want.  Fresh design will keep your customers engaged, whether it's a new product or a website redesign, and help you compete with the competition. Customer preferences will change, so the customer observation, trend analysis, and prototyping that are part of the design process can help you keep in touch with your market. Use design to appeal to new customers and new markets. Product development shouldn’t only be focused on existing customers, it can also be used to target new customers and move into new markets. Businesses can use design in a variety of ways to appeal to new customers and build new markets. They can design prototype products, or develop your business brand through packaging, graphics, and customer communication, and create products that integrate trend research that anticipates and fulfills customer’s needs. Design can also help you expand into foreign markets, perhaps by complying with different technical standards or by tailoring a product or its packaging to preferences in your target market. The design process should be managed like any other business process The design process should start by clearly defining the intent and the aim of the project, such as raising brand awareness. The key is to coordinate those involved, such as designers, and managers, with an insight into the project requirements. Work with a professional designer that understands what your business needs, and keep the focus on what your customers want. You must ensure that your departments of development, marketing, and sales are prepared for any new product, service, or branding that you create and set a budget and a timetable with measurable objectives. When the process is done, it will allow you to run future design projects much more smoothly by gathering as much feedback as possible from those involved. Maximize the success of your design projects Creating prototypes or sketches and gaining feedback early in the process may lead to major breakthroughs and new ways of doing things. Since it keeps feedback flowing early, it allows strategy developers to use that input in their process, which prevents companies from wasting a lot of time and resources on options that won't succeed. In any design project you pursue, you should set specific targets for evaluating its progress. For example, if you design a new product or new website interface, the main benchmark for its success will be decided by its market results. Customer responses are a critical factor. When judging the quality of your project, there is a wide variety of additional factors to consider. Did aspects of the design process go over budget? If deadlines were missed, was it because they were unrealistic, or were the delays avoidable? Did poor communication hinder cooperation between you and your designer? When setting your goals, be specific, and check the dates. The more specific you are in what you require the more likely you are of reaping the return you want on your design investments. After a design project is finished, review it to see what lessons can be learned, this will make it easier to ensure the success of future projects. Don't look at individual design projects in isolation, it may take a series of design investments to build on each other to achieve your ultimate goals. Final words! If you liked this article, feel free to share it. Get in touch if you have any questions or any examples you want to share. If you liked this article, you might also like: Why you should consider an MVP and how to create an effective one How cross-platform development improves client satisfaction Why is prototyping crucial for your digital product?
Illustration of a designer making prototypes using wireframes
Why is prototyping crucial for your digital product?
The "design process" of a product, from a concept to a product's physical existence, is something the customer rarely thinks about. Digital Product Designers have to make sure that the product is loved by their potential customers. That their solution is going to meet the needs of the client just as they imagined. By developing a prototype of your solution, you're able to validate your concept. In this way, before wasting money on creating a product that probably wouldn’t work the way you've expected, you can make the required adjustments. You will never be completely sure that you will succeed if you don't show your product to your potential customers. So what exactly are prototypes? You will see 'prototyping' listed more and more as a necessary skill for a Digital Product Designer when scrolling through design positions on LinkedIn, no matter whether it is for UX or UI. Prototypes are early mock-ups of a proposed product. Through the development of a tangible prototype, designers and investors can physically feel and see the outcome, understand its functionality, and refine the product based on feedback. The key point to emphasize is that the prototype is not the final product, but a 'beta version' instead. Prototyping is a beta version of the product to test with and to be learned from. Without involving a developer, you can mock up any view and interaction so that it can be experienced the same way as a fully developed product. In your app, you can demonstrate all the features you want to incorporate, validate your concept, and verify the overall UX strategy. Depending on your needs and the project process you choose, the purpose of a prototype can vary. Different prototypes You're only restricted by your imagination when it comes to creating a prototype. In general, there are two sorts of prototypes: low fidelity (low-fi) and high fidelity (hi-fi) ones. Low fidelity prototypes When you want to try out a general idea, low fidelity prototypes should be generated to see if your customers understand the product's concept and functionality. These are very simple and inexpensive to make and as the final result is not feasible, you should not focus too much on your prototype's 'looks'. Instead of getting distracted by the UI, the lack of colors and nice designs help individuals focus on the tasks they are assigned. At this point, validating your concept is the priority, you get more useful feedback when you remove external factors. The fact that it is low fidelity, and therefore a draft version, often makes individuals trust in sharing their thoughts without thinking about hurting anyone's feelings. “Usability is about people and how they understand and use things, not about technology.” - Steve Krug, Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition) An example of low fidelity prototypes are wireframes, they are a rough visual representation of your concept. In low-fi wireframes you don't have to concentrate on issues like copying or ideal images, you can use patterns that are recognizable and understandable for your target users. The primary objective is to evaluate the app's flow and general conduct. With a low-fi wireframe, you can test out a concept, flow, or interaction and reuse it later on while creating the final UI. High fidelity prototypes It is definitely worth considering creating hi-fi prototypes, particularly if you want to see your proposed product "in real life" and test your app's interactions and UI elements. Customers won't see a difference between your prototype and a real product if a hi-fi prototype is done right. So keep in mind that if your product serves its purpose, testing it might be the ultimate solution. It will also be more meaningful to get feedback on a hi-fi prototype because people wouldn't have to imagine looking at it, everything would be right in front of them. Depending on what you want to test out and what sort of action it's intended to imitate, you can create semi-interactive prototypes or fully interactive ones. Don't be afraid of using various tools and combining different media. As long as it serves your purpose. Which tools are the best to create such a prototype? Ask yourself a few questions. Do you want to design and build a completely interactive prototype, so that your product can be simulated in a real-life situation? Do you want to clarify and test your concept on real users? Or do you want to check if your users will be suitable for the created UI? The general rule will be: for more advanced prototypes you have to use more advanced software to imitate a real-life product. Simple tools: Pen & paper Post-it notes Printed out templates Keynote Balsamiq InVision More advanced tools: Figma InVision Studio Framer Principle Adobe XD Axure Flinto UXPin Marvelapp The main advantages of creating a prototype Significantly reduce errors in design Design teams can make improvements early by using prototypes, minimizing additional time and costs. Because, if a product is near completion, it will produce more work and raise the budget by making some drastic adjustments. If you follow agile methodologies like us at Nightborn, prototyping is even more beneficial as you can kickstart your story's requirements at this early stage. Of course, your prototype has to be tested in high fidelity for final requirements. “Vision starts with a firm foundation and carries through with design principles” — Lexi Thorn & Scott Maywood-Bryant (ANZ) Prototypes allow user testing "User testing" offers useful input about its product to designers. Because each product has a target audience, and the audience is going to have the final say at the end of the day. The design team will make alterations early on with their insights. This will help you find your product issues before you spend any time in high fidelity or code. “User-centered design means working with your users all throughout the project” - Donald Norman As stated above, there are many programs and software to create prototypes, but there is also software to extensively test these prototypes. Maze.design (or Maze) for example is such a program, this is also used with us at Nightborn. Maze is a user testing platform that brings actionable insights into the design process. Maze can run tests with prototypes for desktop, mobile, or tablet applications made in Figma, InVision, Sketch, Marvel, and Adobe XD. You just need to copy and paste the link into Maze. The tests are with actual users and gain qualitative insights you can act on instantly, The overall understanding of the design is enhanced by prototypes You get an opportunity to work on a tangible artifact together with your team, which will lead to better ideas being generated. Creating any product involves a team of designers who can communicate their ideas and concepts with each other effectively. It’s a useful reference for your developers. Prototypes services help illustrate the final product, allowing the design team to comprehend the product’s function, and target audience. It’s also easier to provide feedback and see whether the product has a specific limitation. Prototypes ensure that their function is fulfilled by the product they are making. Because a small change in proportions can make a big difference and alter a product's look and function completely. Prototypes are attractive features for investors A product is meant to be designed for consumers. It’s normal for a product to hit financial patches and require an expanded budget. Investors are not interested in investing money on a design that once it's produced it "could" work. They want the product in its physical form to be seen. That's why having a prototype is an appealing feature if a product needs additional investment. Do it now! Ready to create your interactive prototype? Be sure to check out this extensive guide for improving UX of your product and why you should consider an MVP and how to create an effective one? “Fail often so you can succeed sooner” - Tom Kelley, best-selling author of Creative Confidence, The Art of Innovation and The Ten Faces of Innovation as well as a partner at the renowned design and innovation consultancy IDEO. There’s nothing more true than that. Creating a prototype will expose your failures and lead you to a much brighter future and success. It opens your eyes to things you haven’t thought of and gives you new design perspectives. The point of this article is to highlight the importance of validating your ideas quickly and communicating effectively with colleagues and stakeholders. Final words! If you liked this article, feel free to share it. Get in touch if you have any questions or any examples you want to share. If you liked this article, you might also like: How Nightborn created a challenging culture between designers and developers? 🙌 How Cross-Platform Development Improves Client Experience and Satisfaction How to choose the best UX/UI Design and app development agency?
Nightborn - How cross-platform development improves client experience and satisfaction
How Cross-Platform Development Improves Client Experience and Satisfaction
In the past few years, a new trend has been increasingly present in more than one sphere of the programming world, but more specifically in desktop and mobile applications. It was the birth of cross-platform development and with it came a set of tools to help software engineers create programs and applications faster than ever. An impressive number of major players in the industry have also been making the switch, both Facebook and Google have been developing, maintaining, and using open-source cross-platform tools. Today, we're here to talk about how this new way of thinking can drastically improve the satisfaction of your clients towards your products in various ways. What exactly does cross-platform mean? "Cross-platform" is a term used to refer to any program or application capable of being executed on more than one computing platform with a single code base. An example of this could be a game built to support Android, iOS, or even Linux. Such projects often require a specific toolset to help programmers in their cross-platform journey in addition to all the usual stuff, such as: Unity - for game development Electron - for desktop applications React Native - for mobile applications You might be asking yourself, what do they have in common? That's a fair question to have at this point, so I'll answer it for you; All of the tools listed above aim to provide you with a single API on top of the platform-specific implementation to save you from dealing with all the differences between them. This approach is incredibly powerful as it allows almost anyone with basic programming knowledge to write applications that can run on as many platforms as supported by their tool of choice. How does it compare to native development? There are three types of development, native, hybrid, and cross-platform. Native development usually involves having different teams for each platform you need to support since each of them has its own language and environment. As you can probably guess, there are a few downsides to this more "traditional" approach to development. First things first, having multiple teams will inherently require every feature or fix to be implemented separately by each of them. In a world where communication is perfect, that would not be a problem at all but in reality, this can lead to subtle differences in the user interface (UI) and business logic between platforms. This can then lead to incoherent branding and hard to track bugs, to help the situation you'd need to have a strongly established quality assurance (QA) process and efficient testing in place. Note that this piece of advice applies to all projects but is often overlooked by smaller companies because of a lack of budget and/or time. Another pain point of native development is the fact that a single feature may take a different amount of time to complete depending on the platform. Let's say you would like to migrate your Android and iOS apps to use Material Design, a UI pattern invented by Google. This task would be quite a lot easier to achieve for your Android team as most of the built-in UI components are already compliant with the Material Design spec whereas your iOS team would need to spend a lot more time on customization and research. This means that the deadline that will be given to your client will be entirely dependent on the iOS side of things. Cross-platform development aims to solve exactly this kind of difference between ecosystems by allowing developers to only write one application that will work and look the same on all platforms. Of course, you can still choose to implement things differently per platform, if needed. What about hybrid applications? Another great question, I'll start by explaining how they differ from the other types of apps we've discussed so far. To truly understand the differences, we first need to define what "hybrid" actually means. A hybrid application usually starts out as a plain old website, which is then run inside a mobile and/or desktop container via "WebView". This solution can be a very time and cost-efficient approach for businesses with an already established, mobile-friendly website, as tools like Cordova will allow them to release a version of their website to be installed directly on their users' devices very quickly. I addition to this, applications built this way have access to most of the native device APIs, this can range from retrieving geolocation to taking photos and reading messages. To summarize hybrid apps are written just like any other website or web app, meaning one can use any language or framework supported by modern browsers but also have access to additional features similar to native apps, hence the name. This is an incredible way for a team of web-focused developers to leap into the mobile world without any prior experience. However, like any other technology, it is not perfect. As I said previously, hybrid apps are run inside of a "WebView" which is essentially a web browser that is embedded inside the app. Let's take the basic example of navigation in a native application, be it Android or iOS. Both platforms have different animations and gestures which can be used to move around through an app, right? Hybrid apps will not have any of those and will behave and look like a website, meaning there will be no transitions or gestures between pages. This can be a deal-breaker for some as it may feel odd and uninviting to the end-users who are very used to all these mechanisms. How can hybrid and cross-platform development benefit both my company and my clients? Most of the advantages that cross-platform development can provide will not only benefit your company but also your employees and clients. It will allow you and your team to have only one code base to focus on, which means less manpower and time spent per project. Clients will love this as it will help reduce costs and turnaround time for feature requests or bug fixes up to fifty percent. The main point to be made for cross-platform development is the vastly superior developer experience it can bring. Most tools now offer a mechanism called "hot reload" which lets you see changes on screen as you write them. This is not possible with native applications as all the code needs to be recompiled, bundled, and installed on every change. This can be very time consuming, especially on low-end computers on which this whole process could take anywhere between two and five minutes. Another often overlooked aspect of cross-platform mobile apps is the ability to release over the air updates instantly, without going through the tedious review process of both Apple and Google Play which can sometimes take up to a full week. With services such as App Center by Microsoft, you'll be able to host the shared application code online and update it as needed (only when native code is not involved), and push it to your users in a matter of minutes. Which approach is best for my business? Here's how I would summarize the above points to help you make the decision that will most positively impact your company: Native development is for apps that either target a single ecosystem, need total control of the device functions, or even graphics-heavy games. Cross-platform development offers all of the native benefits and more, it is, therefore, the most flexible option in this list, capable of building almost any application. Hybrid development is better suited to simple apps which will have limited interaction with the device it is running on. There you have it, I hope I've been able to answer most, if not all, of your questions. If by any chance this article sparked any sort of idea for you, feel free to send us an email at hello@nightborn.be, we'd love to have a chat with you! Want to know what our services are all about? 👉 https://nightborn.be/services 👈 Resources You can find more information on the tools and frameworks mentioned in this article by visiting the links below. React Native Electron Author Yanick Bélanger
Nightborn - Why you should consider an MVP and how to create an effective one
Why you should consider an MVP and how to create an effective one?
If you are working on creating a digital product, it’s primordial to think about how to answer the user’s needs. An MVP (Minimum viable product) will allow you to learn if your product’s idea is successful and matches with user’s expectations. It will help collect valuable feedback and confirm your business approach.  Why should you build an MVP? Before starting to design and develop your entire product, your business can benefit from launching an MVP first. Here are a few benefits: You can minimize development costs as you can quickly launch your MVP and gather valuable feedback from end-users. As you collect the user’s feedback, you’ll discover that certain features may have to be changed or even removed. With an MVP, you have room for flexibility and you can easily avoid costly mistakes that would have occurred with a complete app. User testing and feedback are like the sun to a flower. It makes you grow. Thanks to testing and feedback, you’ll be able to define your future plans and grow based on concrete and relevant data. You’ll be able to shift your course and features without complex changes. Your final product is not going to be developed by itself. As most entrepreneurs, you’ll probably face the moment when you’ll be looking for investors to support your project. An MVP can be strategic at this point as showcasing a working model of your product can influence investors’ decisions. 1) Define business/user's needs and know your market Successful projects don’t happen by chance. They are built to bring solutions to a specific problem. That’s why you have to sit around the table, and define your business needs and talk with potential users to know about their expectations. The probability that your product already exists on the market, is fairly high. Having competitors on the market is a good indicator. This means customers are demanding this kind of solution. So don’t give up your project but instead, research and learn from the market and try to improve your solution. 2) Phase your project with feature prioritization By now, you should have a good view of the feature that should be developed to meet users’ needs. But your MVP can’t contain all of them. That’s why you’ll have to divide your features into categories. The essentials Nice to have The extras Then try to assign your features to those categories depending on their importance and value. When doing this, think about users. Put yourself in their shoes and try to understand if a certain feature can be a real added value while using your product. In the end, you’ll have a clear view of which features should be developed for your MVP and even have some sort of phases for upcoming versions. 3) Define your MVP’s success criteria You must define how you’re going to measure the success of your MVP. Here are a few examples: How many people downloaded your MVP? Did they provide feedback and was it relevant enough to make solid decisions for upcoming phases? What was the average usage time per user? Which features were used the most? The least? Which features received the most favorable feedback? The least? Gather all this information and try to understand how it reflects your MVP’s success and how can you go forward. 4) Keep in mind that MVP doesn’t mean ugly, messy, and filled with bugs. Yes, MVP stands for “Minimum viable product”. However, the minimum doesn’t mean garbage. While creating an MVP, you should focus on the core features of your product. Those features should always bring relevant solutions to users. But it’s crucial for your MVP to be properly designed and developed. Don’t try to spare time by avoiding design phases. Make sure your app is performing and fast enough and avoid sloppy bugs. In the end, your MVP must attract your end-users and potential investors. Your MVP is like a first date where it’s all about the first good impression. 5) Stick to the plans  You might be tempted to add fancy features or postpone your MVP’s launch but that’s just not the objective. That would be counter-productive. You must stick to the line and launch your high-end MVP as expected. You’ll have enough time afterward to think about later phases and additional features, but your first mission is to test the core of your app and perfect it. Final words Don’t try to run before you can walk. That’s just the purpose of an MVP - Quickly launch a product based on your concept and test its success on the market. An MVP will be the best way to test your product on a specific market. You will find out if your product is able to solve the user’s problems. Your MVP is the first step of a long term vision. It’s the foundation of your product so make sure it is future-proof, solid, and scalable. If you liked this article, you might also like: How can design benefit your business? How cross-platform development improves client satisfaction How to choose the best UX/UI Design and app development agency?
Nightborn - How to choose the best UX/UI design and app development agency?
How to choose the best UX/UI Design and app development agency?
First, define your requirements Always start by defining your project’s needs. Write down what you need for your project. Make sure this includes: the goal of your application the size of the project the platforms the skills you expect from your agency the budget you have the deadline Also, think about the type of relationship you want with an application agency. Next, calculate your budget. It is better to be prepared when looking for application agencies to eliminate bad choices quickly. Read existing case studies and look for an outstanding portfolio By reading existing case studies of an application agency you can see who they worked with, what the project was about, and how they handled the project. It might especially be interesting if an existing case study resembles your upcoming app. Case studies can give insight into their experience as an application agency. Multiple case studies about projects for big corporations can give a greater sense of credibility. When an agency has a big portfolio of large projects that are very well designed, you could assume they will handle bigger projects properly since they completed these in the past. Also, check if creativity is present in their case studies. Don't forget to visit the website and check the profile and milestones to get a better understanding of the agency. You could also download one of the agency’s apps if they are free to see if they promise what they preach. Check the design and functionality in order to see if you are convinced of the agency’s work. Look at references and reviews You could also contact references and clients of the application agency to gather information about their past projects. Ask about their experiences with the agency. If their experiences were great you could ask for more information. For example, what was the project they developed for you? What was the scale and timeframe of your project? The best development companies will provide you with this sort of material even without asking. If a software house can’t show you any letters of recommendation from previous clients, it should raise a red flag. Avoid talking to companies that don’t have a proven track record of app development. You could also read testimonials if there are any available on the internet. Testimonials are quite a credible source but will only apply to the client’s project and experiences. Also, you can take a look at the reviews and ratings of their apps in the application stores. A company is all about its people Projects are being worked on by a team. The individuals’ skills and personalities within their team are an important part of the course of the project. The atmosphere within a team can have a strong impact on the project’s result. Therefore it is important to have a good relationship with your partner. Plan a meeting with the potential agency and check if you get along. Make sure you feel the vibe of your contact person and his agency. Look for a reliable and long-term partner that can ensure the durability of your app. Understand the methodology of the agency Another important aspect when looking for an agency is its process. Check what methodology the agency uses to work on projects and if it suits the method of your project. Don't forget to ask them if they will build a customized application or not. A personalized application could resolve multiple areas of the business. Research is a very important part of the creation of an app. Before hiring an app agency you should ask them how they approach research and what kind of data they gather prior to writing any code. Required support and competences It’s important to check if the agency is compatible with your company. Check if the agency meets your project’s needs which you wrote down earlier. Discuss with the agency if they can create all the features you‘d like to have within your app. You’ll also need to align the programming languages and software products that will be used by your app developers, so ask the agency what their technology preferences are. Within your project, you determine the required platforms your app needs to run on. Discuss your technology stack to ensure they support software for the platform you want your app to run on. An application agency can also become your consulting partner. When you‘d like to consult before the development of your application you could contact an application agency with advanced consultancy skills. An agency can give insightful advice regarding the design and the strategy of your project. Communication with your agency Communication is an important aspect while your project is in process. You should ask about arrangements regarding communication flow when choosing your partner. Make sure to include your own requirements regarding communication. You should discuss for example the frequency at which you‘ll want to receive project updates in order to be up to date with the progress of your project. Also, audit if they share the same set of terms and phrases and what tools they use to track the progress of a project. If they use a project management tool that you are familiar with it could be easier to share progress within the same tool. Keep track of how frequently an agency replies to your messages and phone calls. Do they take initiative? The way they respond can give you an idea if they are interested in working with your company. Size of the project and team When you are in contact with different agencies you should make sure the agency can handle the size of your project. If the team size and structure of the agency aren’t optimal for your project it could take a long time to finish your application. You could screen the structure by checking the number of testers, developers, designers, UX/UI experts, and QA experts currently working in the company. Budget proposal Finally, contact the remaining agencies regarding their budget proposal for your project. Keep in mind that the cheapest contract isn’t always the best contract. You should also keep in mind the app maintenance. A cheap product could give bugs which could be avoided in the development process. Regarding the costs, you should also discuss a clear policy around app maintenance and support. Ask how the app maintenance is charged for ongoing support. Costs could be a fixed rate or an hourly cost. Also discuss the costs of each new app release, handling bugs, and long-term support. In conclusion A good application agency fulfills your project’s needs, is compatible with your company, is credible, and respects your deadline and maximum budget. Your app represents your company so it is very important to choose the right agency beforehand. Poor choice of agencies will lead to extra costs and the possibility of a low-quality project. When you went through all these steps you have set your requirements and did your research. After thoughtful consideration, you will have a higher chance of success in finding the right agency for you. If you liked this article, you might also like: How Nightborn created a challenging culture between designers and developers? How we used React, Gatsby, and Prismic to create a high-end and well-polished website How can design benefit your business?
Nightborn - 15 ways to promote your app for free
15 ways to promote your app for free
Once your application is finished you are proud. The application is the product resulting from understanding your audience and providing efficient solutions for their problems. However, the story does not end there. After the application is ready for use, your audience needs to know about its existence. This means promoting your application.  This process might require a lot of resources. There are however additional ways to promote your app which are free. You might or might not know about them yet. The next paragraphs will inform you about the possibilities of promoting your app for free. Promoting your app for free will only cost you time and we are confident that if you follow our tips you will get a significant increase in the number of followers and downloads. 1. Create a website or landing page If the app is related to your existing business, you could dedicate a whole page to the app on your website or include it in a section on your website to improve awareness. If you decide to create a unique landing page about the app you should mention the problems to which your app is a solution, the features & benefits of the app, and clearly explain how to properly use the app. You could also include some customer experiences with your app to confirm its utility. Never forget to include the download link, in the end, you want visitors to download your app. Creating a landing page is definitely a must in order to kickstart your mobile app marketing that will increase your visibility through search engines. 2. Write and get featured in blogs Include your app in one or multiple relevant blog posts. This is basically free exposure. You can also dedicate an entire blog to your app. Make sure to include a call to action with a download link so readers can easily download the app. When you decide to write an entire blog about the app, make sure the origin and purpose of the app are highlighted. Try to make use of quality images and/or videos to give the reader a better understanding of your app and a smoother reading experience. It is also very useful if your app is included in other blogs your target audience would read. Try to find quality blogs that are relevant to your niche and try to ask the industry experts if they would be interested in writing about your app. Your app will increase in visibility through the blog itself and the website due to the increase from the backlinks to your website. 3. Send emails and newsletters If your app is related to an existing business, and you already have a mailing list, then use it to reach your customers via emails and newsletters. This is an opportunity to promote your app by reaching out to your customers, even before launching your application. Create an announcement newsletter and include the app description, explain its features, and how it could benefit customers. Of course, don't forget to add a call to action to invite customers to download the app. Also, make sure to include the button "I want to receive more news about the app" within your application in order to have the possibility to grow your contact base for your new app. Use emails to ask for their feedback regarding the project. Asking for feedback can result in the discovery of flaws, customer needs you didn’t think through, and their expectations. Not only is their feedback valuable information, but feedback also involves your audience with the creation of the app. 4. Optimize your visibility in the App stores Before a user hits enter after typing a keyword to search for an app, he can see 5 suggested apps based on that keyword. These results are not random. They are shown because of their App Store Optimization which is related to the entered keyword. This is called the ASO. To optimally make use of ASO you could investigate and analyze the most relevant keywords for your app as well as which keywords your app is responding to at the moment. It is imperative your app is displayed at the top of the searches since there is a lot of competition. 5. Publish your app on alternative App stores You could also consider releasing your app to alternative app stores to improve visibility resulting in more downloads for your app. Some examples are Amazon Appstore, Opera Mobile Store, and Appbrain. 6. Share feature within your app Include share options within your app so that users can share their content with others. This increases the app’s exposure. This app exposure results in an increase in downloads for your app. 7. Promote within existing apps When you have multiple apps already you could promote your new app through these existing apps. It is recommended to only promote the new app through relevant existing apps to increase engagement with the app users. You could also give your users a “benefit” if they download the new app to increase engagement even more. This benefit can be a free upgrade, new features, or a trial for a higher value option of the new app. 8. Be active on social media If you have active social media accounts you can write a post regarding the app as well. Interacting with the comment section of said posts is always a good idea to improve engagement. Don’t forget to ask for feedback from your followers.  If you really want to build a community around your app you could create a unique page dedicated to your app. In this environment, your audience can discuss, leave feedback, and share ideas regarding your app. This way you really create a community around your app. Make sure to regularly check this page and engage with your followers to optimize engagement. You could also use the name of your app as a hashtag, and promote it on your social media accounts. If your app hits the trending pages it will be exposed to an even greater audience. 9. Join relevant groups By joining groups on social media & other platforms, you get to connect with potential customers and increase your network. You could include your own post with the subject of the app asking for feedback. By doing this you get to improve your network and receive valuable feedback and ideas, kill two birds with one stone. 10. People love videos, so make one Demo videos can also prove useful to include on your website, and post on your social media accounts. Demos offer visual experience and help viewers understand what it’s all about. You can also include a promo video on your website and social media accounts. 11. Be active on forums In case your app is aimed at a niche market you could make use of forums. By becoming an active participant on a forum with the subject of your niche you could put the link of your app in your signature. This leads to exposure each time you post on said forum. 12. Ask for reviews and feedback Include the possibility to send feedback within your app. This results in a lower threshold for the user to send feedback since the feedback option is rapidly available. Also, try to stimulate users to leave a review of the app in the app store itself. These reviews can increase your position in searches and ranking. A happy user is a user who will refer your app to his friends and relatives. 13. Get featured in the press, podcasts, and everywhere else you can Try to get featured on several platforms. You could, for instance, try to get featured as a guest speaker on podcasts relevant to your target audience. Another possibility is to get featured on app review sites. One example is Product Hunt. It is important to convince the owners of the app reviewing site with a well-prepared pitch. There’s also the option to cross-promote apps. The best-case scenario is when the other app is complementary to yours. This increases relevance for both audiences. 14. Partner with influencers Try to give influencers the benefits of your app for free. If they use the app and like it, they could decide to write a positive post/review about your app. Choose your influencers wisely by screening their relevance and target audience in comparison to your target audience. 15. Submit your app to award competitions You could enter an award competition for apps to increase exposure. If you win you will also gain more credibility. Along with these advantages, you could get more reviews and maybe even some press coverage. Here are a few award competitions you could consider entering: Appy Awards Best Mobile App Awards Appsters Awards Apple Design Awards Best App Ever Awards In conclusion There are numerous methods for promoting your app. This doesn't necessarily mean you need a large budget. There are plenty of free promotional methods you could use as shown in this blog. It is definitely worth considering implementing one or multiple ways of free promotion. Note that most of these promotional methods also involve customer feedback which can be very valuable both for your product development and your customer engagement. If you liked this article, you might also like: How can design benefit your business? Why you should consider an MVP and how to create an effective one? How to choose the best UX/UI Design and app development agency? Author Lennert Vermeir
Illustration of a designer and developer collaborating together on an application
How Nightborn created a challenging culture between designers and developers? 🙌
We are currently living in an unprecedented situation. Together, the world is trying to face the current outbreak and it's our responsibility to stay confined at home. At Nightborn we saw this as an opportunity to make our time at home as efficient as possible. We've always wanted to start sharing our knowledge and love for digital products through a blog and, yes my dear friends, the time is now. Our first post is about the collaboration between designers and developers within a digital agency or a digital product company. At Nightborn, good collaboration is one of our core values and that's how we manage to create user-friendly and engaging applications. It's not only about workflows and methods. It's about creating the right agency culture. 🚀 Developers and designers have very different roles within an agency or a product company. UX/UI Designers are usually dealing with Research, Workshops, creating the wireframes, User Interface, and interactive prototypes. Developers are kind of operating behind-the-scenes to make a product work. So, it’s not unusual to observe a bridge between the teams. Bridging the gap can result in a more cohesively designed and developed product. Creating a successful work environment between developers and designers is not only about workflows and tools. Across our different experiences, working in agencies, or product companies, we've realized that the way developers and designers collaborate is evolving and changing throughout the years. Some methods and workflows prove themselves more efficient than others but are proven to be disasters on other projects. Here, we're going to focus on more general principles and ideas that improved and helped us build a super-challenging environment between our technical & design teams. 1. A passionate team for high-end applications 💎 There is no secret if you want to build a team that creates successful applications, you need people who love what they do. Passion is contagious (even more than covid-19) and you have to let it spread within your company. Let me tell you a small story about our Head of Design, David. He's been designing engaging mobile applications for quite a few years now, and the 589 mobile applications on his iPhone show the guy is actually passionate about what he does. He downloads a dozen apps every week seeking inspiration and discovering hot design trends. You want to create an environment where your team members always share and talk about the latest trends on the market. Designers and developers are naturally mindful of what's going on in their industry. Encourage your team to share interesting articles, videos, or new tech & software with the rest of the team.  Spreading your passion might result in drastically improving the quality of the projects you are working on. 2. Understand each other's perspective 🤓 Design team. Developers team. In the end, we're just one team. One team working together to create engaging and polished digital products and applications. It's important to instore a climate of mutual respect and understanding of each other's work. In some cases, a gap is created because of the lack of understanding of each other's workflow. Increase knowledge among both teams by encouraging the share of general concepts and skills. Provide designers with the basics of coding so they can better understand how it works and have a more realistic idea of whether or not their designs can be translated into code.  On the other hand, you can also increase your developer's knowledge of UX/UI design. Teach them the importance of UX Design methods and how it can affect digital projects if underestimated. Feed them with beautifully designed User Interfaces, so they can have a better idea of the trends of the market, and realize that pixel-perfect can make a difference. Increase this mutual knowledge can only benefit your team, as it can help designers adapt their approach when designing, encourage communication, and avoid misunderstandings among your team. Want to learn about how we approach our projects? Find out more about it here! 👉 https://nightborn.be/process 👈 3. Take the time to challenge each other 👊 We know. We all have tight deadlines to deal with and planning to stick to. But if you want to create an environment that fosters creativity and innovation you have to let your team experiment with new challenging stuff.  At Nightborn, that's what we do. For 2 hours a day during a week, we let our designers and developers team up and work on something that inspires them. A new promising tech to try? A micro-interaction library? A fancy custom animation to post on Dribbble? Elaborating new methods to improve our workflow? The list of challenges is endless, but it's key to involve both designers and developers so they collaborate and challenge each other.  These sessions helped us discovering new software and frameworks, it helped us create a challenging atmosphere within the team, but they mostly helped designers and developers get to know each other and understand how the other operates. Here is the result of a quick challenge, initiated by a developer and executed by a designer. Have you ever introduced Dribbble (literally the Bible of Designers) to a team of developers? We actually did it. Our developers now love browsing Dribbble and look for cool animations to reproduce. One thing for sure, at Nightborn, you'll never hear a developer saying this animation or this micro-interaction is too complex. Developers are now challenging designers to create high-end interfaces and animation. Don't hesitate to check out our Dribbble page! 👉 https://dribbble.com/Nightborn 👈 4. Be proud (really proud) of the products you create 🤘 Budget issues, change requests, wrongly scoped projects, or even wrong general approaches are often leading to unfinished products. Unfinished products lead to a frustrated team and you definitely don't want to get there. At Nightborn, we make sure that every team member can do his job at 200%. Scope your project properly and let your teamwork on the details so they can be proud of the high-end product they created. If your designer asks for an extra day to polish his custom animation. No worries about it. In the end, his animation will help increase the quality of the final product and in the end, the designer will be rewarded and super happy to see his work. If your developer wants to take an extra day, to improve your product's performance. Hell yeah, let him do his job! Passionate people want to do their job with love and want their job to have an impact. To take that away from them. Instead, allow them to create meaningful products. By creating a quality-driven approach, you will unite your team towards a common objective, and that's the kind of atmosphere you want to create. That's how you create applications and products that people love to use. Talking about being proud of your work? Discover Propchain's case study we recently published 👉 https://nightborn.be/projects/propchain 👈 In conclusion Designers and developers both have technical and complex jobs. And to create well-designed, well-functioning products, they have to work together. Forget about development taking priority over design, or design over development. It’s equally important for both teams to understand each other. Instead of isolating each other’s process, consider that you’re both designing and building a product together as a team. If you liked this article, you might also like: How can design benefit your business? How to choose the best UX/UI Design and app development agency? How we used React, Gatsby, and Prismic to create a high-end and well-polished website. Author David Souery
How did the COVID-19 outbreak impact the mobile application market?
For the past few weeks here in Belgium, as everywhere else in the world, we have been living through an unusual situation. Many countries decided to confine their population to contain the spread of this epidemic, obviously, these are not easy measures. Thus, a major part of the population is doing its best to comply with the safety instructions. Having that said, we can see that this particular situation strongly affected the mobile applications market because when a whole population is confined to their homes, they have to find ways to continue living. One way or another. Let's see how smartphone usage and application consumption have evolved over the last few weeks according to App Annie's special report. Increase in video conference app downloads Obviously, video conferencing applications, such as Zoom, Hangout, Microsoft Teams, and Slack have experienced a huge spike in terms of download over the last few months. Indeed, although confined, life has to go on, and we have to, somehow, keep working. These powerful applications are helping millions of workers maintain their professional activities but also stay in touch with friends and family. (Who's in for a Beer conference call today?🍺) In Belgium and many other countries around the world, the number one ranked application at the moment is Zoom. As we can see on this graph just before the start of the containment in Belgium, the application has seen its popularity increase drastically. We can imagine that with these events, real changes in our habits will take place once this crisis is over. Perhaps more work will be done at home which would have beneficial effects on the planet by reducing our carbon footprint. Still, this phenomenon also shows the willingness of the population to stay connected, despite the obligation to stay at home. Share some love with Bpost Mobile Postcard While for the majority of us it is important to stay at home, doctor’s and nurse's daily routine has become very hard. It is worth remembering that they do an admirable job. It's also important to think about delivery services that still operate and deliver our population. As all shops are closed most people now order everything online. By taking a closer look at the Belgian app ranking, we'll find Bpost Mobile Postcard. Indeed Bpost has put on the stores an application for creating postcards. We observe that it has been a great success since this confinement. The app lets you create and customize your own postcard via the app. Bpost takes care of printing and delivering it. Far away from your loved ones, this kind of attention allows you to stay in touch with them by merging modernity and tradition. We're all marathons runner now When was the last time you hit the gym? Can't remember right? Forced to stay at home for so long, the slightest pretext to go out becomes a breath of fresh air. In this context, we noticed that some people have discovered a passion for running (even people who had a Gym subscription but never went to the gym 🤫) This is why among the applications that stand out in this period, we notice that Strava running application is very successful. Strava has become over time the number one app for runners and cyclists around the world. Created in 2009, Strava has become a must-have, thanks to its simplicity and intuitiveness. On top of being a running application, they implemented a social dimension. Strava works also as a social network. You will find clubs that you can create or join, follow your friends, family or other athletes around you or on the other side of the world. Accustomed to the top 10 in the Health and Fitness category of the app store, since the confinement, it's simply the most downloaded app in its category. We can also note that running apps (Runkeeper, Runtastic,...) have seen a jump in the rankings as well as fitness apps (FitCoach, 30 Days Fitness Challenge) Entertainment during the containment Game applications have also seen a major increase during this containment. Quite simply, the Q1 of the year 2020 saw the largest spending in terms of apps with $23.4 billion in consumer spending. Compared to the last quarter of 2019, weekly application downloads increased by 30% in March 2020. Staying at home for so long can become very boring. We notice that some smartphone users have a desire to keep busy and stay entertained during this confinement more than ever before. Final words It's interesting to see the changes in behavior during this difficult period and we can see how smartphones have taken up space in our lives and have become a very useful tool in the way we manage crises such as this one. We hope that this epidemic will soon be behind us, and it is certain that there will be a before and an after to this event. In the meantime, stay home & stay safe 🙌 PS: If you have time to kill, discover our other blog posts: https://nightborn.be/blog Author Hichem Tadlaoui

Get in touch.

hello@nightborn.be

Get in touch

hello@nightborn.be

Maxime : + 32 494 90 36 65

David : + 32 468 10 07 97

Address

Place Sainte Gudule 5, 1000 Brussels, Belgium