Skip to main content

UX/UI best practices/front App

In your journey of creating a genuinely legendary app, you might need some tools to assist you along the road. We’re here to accompany you and provide support so you can reach the right path. The Front App is an Overwolf tutoring app intended to be used by the developers’ community - providing an easy onboarding to the basics of Overwolf app layouts and capabilities and as a reference to see, use, and learn from best practices of user experience and app flows.

Info: This app (Front App) is made to give examples and teach about UX/UI best practices and how to implement them.
Do not copy code for functionality and logic from this app! Not all of the content presented in the Front App will necessarily fit your app! Make sure you have gone over the basic sample app documentation.

Start Exploring
Click Here to download the app (you'll need to unpack the .opk file and open it as an unpacked extension)

Front App Functionality
In-Game Functionality
While you can explore the app on desktop without the need of any game installed, for demonstration purposes, the Front App in-game is currently configured for League of Legends. Additional games support will be added down the road.

The Front App Demonstrates:

  • Layout and User Flow
  • Basic App Navigation
  • App Status Health Check
  • App Settings
  • Monetization
  • Loading Screens
  • In-Game Notifications
  • Dialog Boxes and Modals
  • Feedback/Bug Report
  • Social Functionality

Rewrite: This section needs a rewrite to refine the messaging and update some of the content.
The core message is that the Front App is designed to help developers better understand how Overwolf apps function and appear. It serves as a tutorial app, showcasing key features and unique behaviors of Overwolf applications.

Disclaimer:
This app is intended to provide examples and teach UX/UI best practices, and they should not copy code for functionality or logic from this app. Not all the content presented in the Front App will necessarily fit their needs, so always adapt best practices to suit specific use cases.

Update:
The Front App Demonstrates:

  • Layout and User Flow
  • Basic App Navigation
  • App Status Health Check
  • App Settings
  • Monetization
  • Subscription
  • Loading Screens
  • In-Game Notifications In-Game behavior
  • Feedback/Bug Report
  • Social Functionality

Add content: Let’s add screenshots from the front app