How to build an App for Events

How to build an App for Events




The use of Mobile Apps has only grown over the last years.

There will be about 4 billion mobile phone users worldwide by 2023, and near 1.8 billion cell phones are expected to be sold during that year alone.

Users spend between 4 and 5 hours a day checking out our smartphones andConsequently, the demand of companies to develop their own applications has skyrocketed.

For Events, there are many areas where an App can bring value to both, company and clients:

  1. Agenda with information about upcoming events
  2. Access to content by user groups
  3. Chat
  4. Ticket sales
  5. Confirmation of clients assistance
  6. Interactivity during the events
  7. Viralization of events
  8. etc.
If you follow this guide step by step, in less than 60 minutes you´ll learn how to configure an App for events.

Lets start.

If you wish, you can now scan the QR code of the App that we are actually going to create during this example:






First Steps.

Once inside, from the main dashboard you will find a series of icons on the left hand side menu.


Just click on 'Apps'.


Then click on 'Create App' and give it a name.

 




Then you'll get to a screen where you choose the templates.

 

The library contains predesigned templates so that you don´t have to start from zero, even though, later on you could change everything

In fact, you could change the template you choose now. And if you don't find one that fits, just click on 'Blank Template' to start designing your App from scratch.




For this example we have chosen a blank template.


The process of creating Apps with Scoreapps is very simple. You just have to follow the different steps that the builder offers you.


These steps are represented in the progress bar you´ll find at the top of the builder and easily allow you to go through all the different pages.




First step. Design 

From here you can choose another kind of template or edit the style of the layout (see below).




For this example we picked layout number 9, as this type of navigation allows you to include a menu on the header.



This layout displays the first feature as a home page when open the app.

In this case, we have included a custom page, with an image as headline, a promotional video of the event, a descriptive text and a gallery of images. All this will be available by loading the app.

Further on, when we talk about the different features, we will explain in detail how we have set up the custom page.





This how we configure some of te layout options.




The section you are going to see below helps you choose an image for the home screen.


An image that fully fits all devices and screen ratios.

 

Use the overlay tool to check if the design shows correctly.

 

Make sure that the elements you consider important are left within the guided area area 


Then choose your language region and also the currency you´ll be using with app.




To change the text fonts of your app you can select one from here or import a new font from Google Fonts.

 

To do so, it is as simple as writing the font name.





Here´s a small 5-minute video that teaches you how to design the App Home screen:







Second step. Colors



Choose the main colors of the app.

- General: applies to the substance (if there is no specific image) and the general text.
- Start: applies to the navigation menu and its elements.
- Header: applies to the navigation header of the app.
- Card: applies to items displayed in card format.
- List: applies to items displayed in list format.



In addition, if you already have web programming knowledge, at the bottom of the dashboard you can add CSS code and customize your app even more if you wish.





Third step. Features



 

Once the home screen is designed and we´ve chosen the main colors of the App, it´s time to add all the different features.

 

If you started your App from a template, you would see that it already includes some features that are added by default.

 

These are features that we consider are interesting for each industry. They appear as a kind of carousel and if you want to delete any of them, all you have to do is click on the X.



Look how simple it is to add new features to the App.

We remove and re-add the custom page that we initially called THE FESTIVAL.


Folders / Custom Page

For this App, we wanted to create a section that allows us present the Festival to the clients, show a presentation video, the official poster, etc.

This feature offers you several options for adding an information page.

You can write an article with an image, you can publish a photo gallery, you can post a video directly on this page or you couls add CTA buttons or links to any external websites.





Here is a video that shows you how to configure a custom page.




Catalogue

It´s important to present events to your clients in an organized way. That is why we have created the "Catalogue" feature, so that we can showcase for example all the films participating in the event. When you click on any of them, you can then access a page with detailed information about that theme (pictures, descriptions, cast members, etc.)

This feature is particularly useful for presenting any products. As the name suggests, create a product catalog and keep your customers updated about all the products you offer. The only thing you need to take into account is that this feature was designed to show people a sample of what they can really buy.




Heres is a video that shows you how to easily configure the catalogue feature.





Calendar

An app like this should always include a calendar to keep users updated with upcoming events.

Show your events from your Facebook page or Google Calendar.

You can also create your own custom events.

For this particular example we have called the calendar feature "Agenda" and what it does is report information about the different contents of the event (times, theatre, synopsis, etc.)




Here´s a short video that fully explains how to configure the "Calendar" feature for your app.





Shop/Delivery

This feature allows you to create one or more stores. You can sell all your products by categories, establish prices, sizes and customize the delivery or shipping options. You can also set up several payment methods and discounts.

In our example, we have configured a small store to be able to sell three types of tickets for the event.






Here´s a small video that shows you how to configure the "Shop/delivery" feature.






Contact

The aim of this feature is to collect all your contacts information.

It allows CTA´s in one single click, geolocation, links to social media profiles and much more.



Here´s a short video that shows you how to configure the "Contact" feature correctly.





Share (Share app)

This would allow your customers to share the app by clicking the button.

This is a key feature to make your business go viral.






In this particular example, instead of adding an image header, we´ve added an attractive design in the background .

Learn how to configure the "Share" feature in the following video.




Push Messages

Push messages are the most efficient marketing system that exists today. While 8 out of 10 emails fall into SPAM end up in spam folders, 99% of push messages are read.

Adding this powerful tool to your App is very simple:



All you have to do is publish the app in a native Android or iOS version. 

Then, once the app is published on the App Store and/or Google Play, you can send messages to you users directly form this feature.


In this guide we have included the features that we consider to are useful for an Event App, but there are many more that could also provide value to your users:




Step 4. App icon and settings





From here you can choose the icon that will be displayed on the user's device, as well as the design of the button.



If you want to send push messages, from here you can customize the icon or the background color for example.



This tool will help you choose an image that´s compatible with all the screen sizes of the different devices.


This image will appear on the screen when the app is loading.







Step 5. Advanced




If you wish, you can also monetize your app by adding ads inside.

 

To do this, you can easily use Admob.






Publishing  your App for events

If you join a Starter, Business, Growth or Reseller programs you can publish your app in various ways:

  1. Native Android version.
  2. Native iOS version.
  3. Web app HTML5.
  4. PWA mode(Progressive Web App).

To publish a native version of your App you need to be a Business, Growth or Reseller plan member, but you can publish a Web App and PWA version of you app for free simply by joining a starter plan.


Promoting and launching your App

At this point you should already have a initial version of your App.

 

Remember that if you have any questions you can contact Helpdesk or write to the Support team (soporte@scoreapps.com) 



    • Popular Articles

    • How to build an App for a Restaurant

      Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...

    • APPS: Webhooks

      The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...

    • Audio & Music

      To add this feature to your app go to the step "Features" and click on the icon "Audio": Then give a name to this new app section. Then click on the + icon to add a new Playlist Then place a title and image on the Playlist and click OK to save your ...

    • APPS: Contact

      This feature allows you to create a contact page for your business. Add important data such as Address, Phone Number and Email. To add this function to your application go to the "FEATURES" step and click on the "Contact" icon: Settings. Within ...

    • APPS: Custom page

      This functionality gives you several options for creating an information page. You can write an article with an image, you can publish a photo gallery, you can post a video directly on this page and you can add call buttons or a link to any external ...

    • Related Articles

    • APPS: Calendar Events

      The Calendar feature would allow you to share the place, date and information of your next events. To add this feature to your application go to step "Features" and click on the icon "Calendar": It then gives a default name to this new app section. ...

    • How to build a Directory App

      Would like to see your own directory app published in the Appstore and Google Play? With Scoreapps you can build your App without any technical or programming knowledge and also save thousands of euros in development and infrastructure. Create all ...

    • How to build an App for a Restaurant

      Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...

    • How to create an App for Attendance

      What functions should be added in the App? - Lock - Form v2 It would be necessary to add theGoogle Maps APIso that the App can geolocate the User/Worker at the time of signing. - Lock This function should be configured as follows: - Form V2 It could ...

    • How to include a website within your App

      First of all, you should bear in mind that some websites have restrictions that prevent them from being embedded. These websites can only be opened in the browser outside the app. These are the options you have available if you want to include a ...