• Client FromUSA

  • Solution We Developed Custom Photography App

  • Year 2022

  • Platform iOS and Android

Abstract of Super Shot 24

This virtual film camera app provides a vintage-style experience. Navigating the app using the car keys, realistic sound effects, animations, and retro texture brings the users back to the 90s. The interactive experience and UI of this app are similar to the old-school disposable camera.

In fact, the UI of this app has a departmental store theme where a user needs to purchase a camera from the store. Place it on the conveyor belt and check out to get started. Choose from a free 12-shot camera and a 99-cent 24-shot camera (need to purchase through in-app) that includes 3 bonus shots. A user can purchase a max of 1 free 12 shots camera roll or 24 shots at a time.

Abstract of Growth Tracking Application

Client’s Requirements

Our client has his own design firm based in the USA. Being an entrepreneur, he enjoys bridging the gaps between real-world behaviors and digital solutions. With this mindset, he looked to create a virtual film camera app replicating a real-world’s experience from the 80s and 90s.

The client had the UI/UX of the mobile app ready, and he just wanted us to convert his design into code. The client’s core focus was to provide the retro user experience with specific hand-written fonts and sounds. In addition, he wanted to develop an app on both platforms (Android and iOS).

The client found us on Upwork while looking for the best app development company. Since we have a 99% success ratio on Upwork, it was easy for the client to choose us. Later, the client also discovered our experience in developing photography apps, which gave him the confidence to go further with us.

Client’s Requirements

Solution We Offered To Our Client

When we communicated with the client, he explained his goal to build an app that provides the vintage experience of snapping and printing a camera film. He contacted us with the specifications and features he looked to integrate.

Since our client wanted to develop an app on both the platform, Android and iOS, we used React Native to maximize code reusability, provide a simple user interface, and native-like performance.

To get the camera, we have integrated the real purchase flow of the store (picking up a camera and putting it on a conveyor belt). To capture the shots, the user has to wind three times.

Once the camera shows green light, a user can capture the pic. Even the camera indicates the number of pics captured (remaining films).

When all the films have been utilized, a user will get a form with specific hand-written fonts to submit the pictures to Walgreens. Selfie can be captured by flipping a camera from down to up in a horizontal view.

Once the form is filled and submitted, the app will ask a user to choose the store location which is convenient to pick up the prints. For the form submission and location, we have used Walgreens API so that Walgreens can easily fetch the customer’s information.

Challenges

While developing this app, we faced some minor challenges. However, we successfully resolved all the challenges before the project deadline. The challenge we faced while developing this app is as follows:

Every time to snap different pictures, a user has to go inside the application and select the camera; this is quite time-consuming. So to resolve this challenge, we developed a widget for the app screen. A user has just had to open the widget and click the picture.

The application is developed in React Native, but React Native doesn’t support the widget. So, we developed a widget in native. For iOS, we used Swift, and for Android, we used Kotlin language.

Challenges We Faced

Data syncing between native programming language code (e.g., swift for iOS and Kotlin for Android) and React Native data code was yet another challenge. When the widget was opened from the mobile screen, the app didn’t show the number of pictures left to click.

For instance: After clicking 8 photos, the app didn’t show 4 images that were left to click in 12 print cameras. Since, with React Native, the data is stored in a local database.

However, our mobile app developers resolved this issue through targeted research and extensive efforts to keep everything in sync.

Challenges

Looking to Develop a Custom Photography App?

Share your requirements with us. Get the free consultation and get started with the custom app development.

Features of Super Shot 24

Widget Support

Widget Support

Use the app widget from the home screen to snap a picture without undergoing the long process of selecting a camera from the desk screen. Just open the camera from the widget and start capturing the pictures from where you were left.

In-app Purchase

In-app Purchase

Want to shoot more pics? Get a 24-shot camera film from the app. Purchase it for 99cents. This camera even includes 3 bonus shots. So, a user can shoot 27 photos for 99 cents.

Gesture Controls

Gesture Controls

Get rid of the navigation bar and use gestures to control the camera. Swipe down when you have finished taking up the pictures. Swipe up to capture a selfie.

Departmental Store Theme

Departmental Store Theme

Experience the real feel of a departmental store as if you are picking up the camera and putting it up on the conveyor belt in real-time. Even it has a check-out option to purchase a camera, giving you the actual feeling of buying a camera from the departmental store.

Background Sound Effects

Background Sound Effects

More than 5 types of sounds are used in the app, including the sound of winding, sound effects of a departmental store, form filling sound, and conveyor belt sound. All these sounds are repetitively heard in the background giving you the authentic feel of using a virtual film camera.

Flash On/Off

Flash On/Off

Not enough lights to capture the picture? Toggle the light on and capture the picture to compensate for the lack of brightness.

Photo Lab Form

Photo Lab Form

Fill up the form, choose the store location and submit it to Walgreens. This helps Walgreens to know the photograph details of the users.

Push Notifications

Push Notifications

Get the push notification when your prints are ready to pick up from Walgreens. This helps the users to plan out things further.

Technology Stack

Platform

  • iOS iOS
  • iOS Android

Programming Languages

  • JavaScript JavaScript

Framework

  • React NativeReact Native

Third-party Integration

  • Walmart APIWalmart API

Benefits of Virtual Film Camera

Enables to Live in Present Moment

Enables to Live in Present Moment

Super Shot 24 doesn’t allow users to edit, filter, or caption the images. This removes the pressure and stress to refine them. It works on “what click is what you get”; this enables the users to enjoy the present moment.

Retro-style Experience

Retro-style Experience

Retain the experience of old roll films that have been discontinued. This app provides a vintage experience without having to experience the analog camera. Viewing photos on a phone provides a 1992 classic Mac OS look and experience.

Safe Photo Transfer

Safe Photo Transfer

Get the photos printed safely. Once a user has completed clicking 12 photos or 27 photos, it needs to be submitted to Walgreens. When submitted, Walgreens takes up the necessary information and gets the photos printed in just an hour.