Transforming learning goals into business success with gamification app

GameApp is a digital platform based in California, USA, and set to unravel the multifold benefits of gamification. 

Their platform offers to transform and innovate customers’ training and learning goals and help achieve business objectives by leveraging GameApp’s unique understanding of human behavior, game mechanics, data, and technology.

Project Scope

The client reached out to us to design the entire GameApp platform. After the initial meeting, we provided them with web app solutions for the GameApp platform, UI/UX services, and no-code development.

Our goal was to build a platform that would provide an appealing and engaging user interface that would captivate their audience and effectively generate leads and conversions. Our Wilson Wings team was entrusted with the responsibility of both designing and developing their web apps.

Goals

→ Create a unique and creative UI

→ Ensure the platform is simple and user-friendly

→ Incorporate game-building software, tech, data, and info

→ Develop a strong yet simple UX

Challenges

→ Overcoming communication challenges due to the client’s busy schedule

→ Experimenting with a dark theme enhanced by vibrant neon colors

→ Simplifying the UX to ensure quick access 

→ Integrating streamlined functionalities for a consistent, seamless experience

Outcomes

As we approached the final stage of the project, the outcomes looked very promising. Our client expressed great satisfaction with the stylescapes and the initial high-fidelity design (HFD) for the Web App.

The app comprises approximately 47 screens, each meticulously crafted to meet our client’s specifications and expectations.

Styleguides

We successfully developed three distinct style guides during our collaborative discovery session with GameApp and their team. Both parties agreed on the use of pink colors against a light theme.

A clear rationale drove this choice: effectively blending the worlds of technology and gaming in the design, creating a dynamic and engaging visual experience.

  1. Gradient pink to stand out
  2. White background for simplicity
  3. Blurred shadow with color
  4. Clear, modern, and professional font
  5. Trendy and clean UI design
  6. Creative 3D Icons 
Ux Design

Following the approved sitemap, our task was to develop the UX for 47 pages, ensuring no user action required more than three clicks. This process was guided extensively by the client’s discovery document and the references they provided.

During the design phase, our role involved creating high-fidelity designs with interactive prototypes specifically for desktop devices. This phase required extensive research and inspiration from multiple sources to finalize the Web App’s appearance.

UI Design

The design process incorporated innovative elements like 3D icons, blur-colored shadows, and shades of pink, presenting a significant challenge. Nevertheless, after 2-3 rounds of iterations, we successfully pinpointed the optimal design approach.

The client was thoroughly impressed with the outcome. We completed the development and promptly delivered the project within our 2-month timeline.

Tools and Technology

For those in the gaming industry or considering entering this space, we can assist you in building your ideal product. 

Please feel free to reach out using the form below to discuss your project needs.

Planning to build something?
Let's discuss.

Filter by Industries
Filter by Industries
Filter by Solutions
Filter by Solutions
*Close the popup to see the result
Share via
Copy link
Powered by Social Snap