NAPA APP

Everything going on in Ayia Napa, in your pocket.

Nappa-app-icon

NAPA APP

Everything going on in Ayia Napa, in your pocket.

Main Goal: Create an application which allows you to have Ayia Napa in your pocket.

Our task was to design and develop a mobile application which will be the go-to application to use during your stay in Ayia Napa, Cyprus. The purpose of the app is to house listings and sell tickets. This could be listings for restaurants, bars, hotels, taxis and sell tickets for all types of events and excursions.

We developed the application with all of the above function and the ability and a full CRM system where the admin are able to manage all listings from a top-level perspective. To introduce revenue we created a section to be able sell 'featured' packages for features items which in turn would generate recurring revenue.

Brand Identity
Application Design
Application Development
App Store Graphics
CMS Development
Listings Dashboard

Main Goal: Create an application which allows you to have Ayia Napa in your pocket.

Our task was to design and develop a mobile application which will be the go-to application to use during your stay in Ayia Napa, Cyprus. The purpose of the app is to house listings and sell tickets. This could be listings for restaurants, bars, hotels, taxis and sell tickets for all types of events and excursions.

We developed the application with all of the above function and the ability and a full CRM system where the admin are able to manage all listings from a top-level perspective. To introduce revenue we created a section to be able sell 'featured' packages for features items which in turn would generate recurring revenue.

Brand Identity
Application Design
Application Development
App Store Graphics
CMS Development
Listings Dashboard

Branding + Identity

We explored a range of different concepts for the identity of the application, to keep within the brief we needed to include an icon logo which was a combination of NapaApp combined into a simplified NA logo.

CONCEPT

Group 23
Group 25
Group 24
Group 26
Group 27

COLOUR EXPLORATION

nappa-app-colour-1
napa-app-square-colour-1
nappa-app-colour-2
napa-app-square-colour-2
nappa-app-colour-3
napa-app-square-colour-3
nappa-app-colour-4
napa-app-square-colour-4
nappa-app-colour-5
napa-app-square-colour-5

More than just a mobile application

Although it was a mobile application, we still needed a strong structure and rules to follow whilst creating. We developed a micro-guidelines document which helped keep designers, app developers and the marketing team on the same page in terms of colours, fonts and logo use.
Group 33

More than just a mobile application

Although it was a mobile application, we still needed a strong structure and rules to follow whilst creating. We developed a micro-guidelines document which helped keep designers, app developers and the marketing team on the same page in terms of colours, fonts and logo use.

Application Icon

We ensured the logo suited well with the application icon, this was done as part of the branding process. The user has the choice between selecting a light mode and a dark mode icon depending on which they prefer - the logo suits well in both colour ways.
app-icon-white
app-icon-blue

Application Icon

We ensured the logo suited well with the application icon, this was done as part of the branding process. The user has the choice between selecting a light mode and a dark mode icon depending on which they prefer - the logo suits well in both colour ways.

Mobile Application

After discovering the brand and setting a brand position and identity, we began to flow this through into the application design. Starting with wireframes, then into mid-fidelity wireframes and finally into UI mockups. We follow this process as part of all of our projects, allowing us to stay agile for adjustments and allowing us to logic test to ensure the user is finding what they're looking for in the easiest way possible.

Mobile Application

After discovering the brand and setting a brand position and identity, we began to flow this through into the application design. Starting with wireframes, then into mid-fidelity wireframes and finally into UI mockups. We follow this process as part of all of our projects, allowing us to stay agile for adjustments and allowing us to logic test to ensure the user is finding what they're looking for in the easiest way possible.

WIREFRAMES

WIREFRAMES TO CONCEPTS

wireframes-developed

WIREFRAMES TO CONCEPTS

The development of Wireframes into UI mockups is where the thinking, the ideas and the true user journey comes to life. It’s like putting skin on the skeleton of thoughts, process and functionality.

One of the favourite part of the process is putting together the UI mockups. This is where all the thinking, process and user journey truly comes to life. As we're creating the UI concept we produce a UI components library, ensuring we're using components from the same family. This creates consistency through familiarity, the user begins to understand what a button does after a few clicks which then mirrors across the rest of the app, allowing a seamless experience for the user.

As you can see from our UI component library all buttons, filters, menus and CTAs follow an identical theme. Familiartiy tied with visual hierarchy helps guide the users eye and action based on placement and colour.

The development of Wireframes into UI mockups is where the thinking, the ideas and the true user journey comes to life. It’s like putting skin on the skeleton of thoughts, process and functionality.

One of the favourite part of the process is putting together the UI mockups. This is where all the thinking, process and user journey truly comes to life. As we're creating the UI concept we produce a UI components library, ensuring we're using components from the same family. This creates consistency through familiarity, the user begins to understand what a button does after a few clicks which then mirrors across the rest of the app, allowing a seamless experience for the user.

As you can see from our UI component library all buttons, filters, menus and CTAs follow an identical theme. Familiartiy tied with visual hierarchy helps guide the users eye and action based on placement and colour.

UI COMPONENTS

UI COMPONENTS

“The talented Sketch Creative team delivered beautiful, responsive UI that helps our complex concepts function simply and elegantly for end users”

We rely on technology so much in day to day life that products which were once ‘futuristic’ are now part of an expected experience from the user.

We rely on technology so much in our day to day lives that we have to hit certain expectations from the user. Functionality such as being able to save listings, easily search and find events and locations along with being able to book, share and store tickets all within the application is almost an expectation.

“The talented Sketch Creative team delivered beautiful, responsive UI that helps our complex concepts function simply and elegantly for end users”

Full Ticketing System Integration

We have worked with a full custom API integration which pulls information from a separate ticketing web-based system. This allows the management of the application to be seamless and straight forward. Events, tickets and purchases are all managed directly through a full ticketing system build completely separate. This allows the systems to run in sync with one another allowing no room for error.

Buy, Store and Use

Although the application allows you to purchase tickets through a separate platform, your ticket information and storage will still happen within the app, this allows you to carry around your tickets, passes and confirmations all within your application all whilst saving the planet by going paperless.

Save Favourites

Found a location you'd like to try? Just not today... we've got categorised saved lists which allows you to add 'Restaurants' 'Events' or 'Excursions' into their own category. We assume many will use this as a potential itinerary for their trip and allows them to explore everything before hand to ensure it meets the needs for the days plan.

Buy, Store and Use

Although the application allows you to purchase tickets through a separate platform, your ticket information and storage will still happen within the app, this allows you to carry around your tickets, passes and confirmations all within your application all whilst saving the planet by going paperless.

Save Favourites

Found a location you'd like to try? Just not today... we've got categorised saved lists which allows you to add 'Restaurants' 'Events' or 'Excursions' into their own category. We assume many will use this as a potential itinerary for their trip and allows them to explore everything before hand to ensure it meets the needs for the days plan.

APP STORE GRAPHICS

Manage Listings, Events and Tickets

We've built a completely customised back-end platform which allows the admin to manage all events and tickets. The system allows full customisation on single and recurring events whilst managing all different ticket types. This includes criteria and party-size booking restrictions.

You are able to view and manage all purchased tickets directly through our ticketing system and also manage, download and print your tickets direct from your web-dashboard.

Thinking of Visiting Ayia Napa, Cyprus? Download NapaApp and tell us what you think!

Available On Appstore and Google Play Soon

We’d love to chat with you about your project.
Book a Discovery Call:

We’d love to chat with you about your project.
Book a Discovery Call:

Start a project

Login

Lost your password?

Create an account?

This website uses cookies to improve your experience. By using this website you agree to our Data Protection Policy.
Read more

Get Started.

Share your excitement with us.
info@sketch-creative.com

Tell us about your enquiry

Tell Us More.