Nextflag

Nextflag is a social media app that allows users to create and share their personalized flags. With a wide range of customization options, users can create flags that represent their identity, interests, and beliefs. The app also includes a community feature where users can discover and connect with other flag creators from around the world.

Industry:

E-commerce

Platform:

Mobile App
Nextflag

Client Requirement

Autobuffy, a leading e-commerce store for auto parts, reached out to us to enhance their website functionality and user experience.

Challenges & It’s Solutions

ChallengesSolutions
1

Our team encountered a significant issue with the app's performance during startup, as the loading times were exceeding the user's expectations. We received frequent reports of slow startup and prolonged loading times, which resulted in a high rate of uninstallations by users.

1

We replaced the high-sized images used during startup with an animated sequence, offering a modern and visually engaging introduction to the app. Secondly, we refactored the inefficient code to streamline operations and improve performance, ensuring smoother app startup experiences for users.

2

We faced a significant challenge when our app started experiencing issues working on modern iOS versions from 16.4 and onward. It would often crash frequently, becoming practically unusable for our users.

2

The UI framework being used was replaced with a much stable framework for better component styles. The application was also optimized through updating the react native versions and the packages associated alongside the pods.

3

The post-upload process in the application suffered from an outdated user interface, coupled with a plenty of bugs that often resulted in app crashes.

3

The inefficient code responsible for the outdated UI and the occurrence of bugs was thoroughly revised and streamlined. Previously unused resources within the application were repurposed and integrated into the post-upload process.

4

We encountered a significant issue where users struggled to identify flagged locations on our collaborative mapping application, undermining the app's core purpose.

4

A dedicated Map screen was integrated into the application with geolocation services and markers. The screen also offers filtering options to view specific types of flags based on user preferences.

5

The team faced a major hindrance while improving the user experience due to an unoptimized static splash screen that prolonged the startup duration.

5

We replaced the static splash screen with an animated alternative using a specialized package. This reduced loading time and asset storage size, improving the startup experience.

6

Users faced difficulties in efficiently locating specific flagged items or information within their region due to the absence of robust search capabilities.

6

We introduced a dedicated screen with advanced search algorithms and geolocation data to help users identify flagged places or wishlisted items in a specific city.

7

The onboarding flow was plagued with numerous bugs and inconsistent errors, leading to frequent breakdowns and unsaved data when users exited mid-process.

7

We implemented backend optimizations, integrated data saving at each step, and added robust session management to allow users to resume onboarding from where they left off.

Challenges
1

Our team encountered a significant issue with the app's performance during startup, as the loading times were exceeding the user's expectations. We received frequent reports of slow startup and prolonged loading times, which resulted in a high rate of uninstallations by users.

2

We faced a significant challenge when our app started experiencing issues working on modern iOS versions from 16.4 and onward. It would often crash frequently, becoming practically unusable for our users.

3

The post-upload process in the application suffered from an outdated user interface, coupled with a plenty of bugs that often resulted in app crashes.

4

We encountered a significant issue where users struggled to identify flagged locations on our collaborative mapping application, undermining the app's core purpose.

5

The team faced a major hindrance while improving the user experience due to an unoptimized static splash screen that prolonged the startup duration.

6

Users faced difficulties in efficiently locating specific flagged items or information within their region due to the absence of robust search capabilities.

7

The onboarding flow was plagued with numerous bugs and inconsistent errors, leading to frequent breakdowns and unsaved data when users exited mid-process.

Solutions
1

We replaced the high-sized images used during startup with an animated sequence, offering a modern and visually engaging introduction to the app. Secondly, we refactored the inefficient code to streamline operations and improve performance, ensuring smoother app startup experiences for users.

2

The UI framework being used was replaced with a much stable framework for better component styles. The application was also optimized through updating the react native versions and the packages associated alongside the pods.

3

The inefficient code responsible for the outdated UI and the occurrence of bugs was thoroughly revised and streamlined. Previously unused resources within the application were repurposed and integrated into the post-upload process.

4

A dedicated Map screen was integrated into the application with geolocation services and markers. The screen also offers filtering options to view specific types of flags based on user preferences.

5

We replaced the static splash screen with an animated alternative using a specialized package. This reduced loading time and asset storage size, improving the startup experience.

6

We introduced a dedicated screen with advanced search algorithms and geolocation data to help users identify flagged places or wishlisted items in a specific city.

7

We implemented backend optimizations, integrated data saving at each step, and added robust session management to allow users to resume onboarding from where they left off.

Key Features

1

Wishlist

The Wishlist feature allows users to save their favorite locations for trip planning. Using location-based services, users can identify and store places they want to visit, adding notes to remember their reasons for saving each location.

2

Follow Users Flags

The Follow Users Flags feature enables users to follow other users and view their flags and recommendations. With social networking capabilities, users can discover new locations and stay updated on the flags of those they follow.

3

Flags Based on Location

The Flags Based on Location feature displays a map screen showing the number of users with flags in a specific region. Using location-based services, it helps users discover popular destinations and find new locations based on other users' flags.

4

User Suggestions

The User Suggestions feature recommends users to follow based on content relevancy and their flags. Powered by optimized algorithms, it helps users find others with similar interests and discover new content.

5

Social Login

The Social Login feature allows users to sign in via Google or Apple, broadening the user base and providing a personalized experience. It uses social login APIs to authenticate users and access their profiles.

Results

1

Our contributions improved website performance, increasing speed, reducing bounce-back rates, and boosting sales.

2

We streamlined the ordering and returning process for used products, creating a hassle-free experience for customers.

3

Enhanced filtering methods improved management of user preferences, enabling more informed ordering decisions.

4

The admin management system became more efficient with features for adding discount codes and promotions during sales events, driving business growth and customer attraction.

5

Integration of Stripe and store credits enhanced the user experience for returns, offering store credit options that increased business revenue.

Technology Stacks

Frontend

HTML 5
HTML 5
CSS
CSS
React Native
React Native
UI Kitten
UI Kitten
Redux
Redux

Backend

Ruby on Rails
Ruby on Rails
Graphql
Graphql

Database

Postgresql
Postgresql

Version Controlling

Github
Github

Hosting

Heroku
Heroku

Project Management

Trello
Trello
maskmask

Ready to Turn Your Ideas into Reality?