ElevateHub - Transforms blending digital innovation with flexible design
Challenge
Industry
Fashion
Service
Product Design, Web Design
Tools
We began by creating a memorable brand name and identity. The multilingual website difficulty in Framer was met with dynamic translations for English and German audiences.
With the help of Framer's CMS, we created distinctive service pages with volume and cost calculators, a user-friendly blog, and an easier-to-navigate careers area. All touchpoints, including tangible branding such as business cards and car decals, were kept consistent with the brand.
We created a smooth, user-aligned website for ElevateHub by carefully organising everything and making use of Framer's features.
Visual Identity
We chose a colour scheme of dark blue, grey, and white to symbolise purity, trust, and balance. This choice reflects the company's commitment to providing dependable, uncomplicated service.
To enhance the brand's modern identity, we chose the Switzer font because of its legibility and contemporary attitude.
Framework
By adopting Agile methodology, Bim can be developed iteratively, ensuring the app meets the needs of users and trainers, ultimately leading to a successful fitness training platform.
Key Features of DLS
DLS sets the standard for creating beautiful, user-friendly digital products. It keeps our design team and developers in sync, using the same building blocks to build consistent and efficient interfaces. The design philosophy is based on these core principles:
Design Tokens are the visual styles of the design system framework — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for colour or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.
Components are reusable building blocks of our design system (such as a button). Each component meets a specific interaction or UI need, and has been specifically created to work together to create patterns and intuitive user experiences. A component library is a collection of UI components within a design system.
Patterns are reusable combinations of components that solve common user problems (such as a navigation bar with a logo, links, and CTA button).These best practice solutions help users achieve their goals and ensure consistency across experiences. A pattern library is a collection of UI patterns within a design system.
The Process
Define the Problem
Launch a white-label iGaming platform using pre-designed templates/themes
Ensure the platform offers the desired functionalities as specified by the client
Design the platform to resonate with Southeast Asian cultural preferences
Create a seamless and user-friendly experience for the target audience
Conduct Research
Conduct interviews and surveys on Southeast Asian market and iGaming users
Research and list the major iGaming platforms operating in Southeast Asia.
Consider factors like market share, brand, style, layout and target audience overlap
Look for platforms catering to specific Southeast Asian countries (IND, VN, TH).
Ideate & Conceptualise
Selection of a pre-designed template that aligns with the client's brand/target market
Customisation of the chosen template with the client's branding elements
Integration of game content and localisation of text, graphics, and currencies
A fully functional white-label iGaming platform ready for launch
Prototype & Development
Design a user-friendly interface according to knowledge gathered from previous processes
Schedule a meeting to discuss the project and gather input
Provide the client with a selection of pre-designed templates and themes tailored to SEA
Collaborate with the client to finalise the platform functionalities and branding approach
Testing & Evaluation
Develop a low-fidelity prototype to test functionalities
Evaluate the design and usability of competitor platforms
Highlight the unique selling points and develop a marketing strategy
Iteration & Refinement
Regularly monitor competitor activity and market trends to stay ahead of the curve
Adapt your strategies as needed to maintain a competitive edge in the Southeast Asian iGaming market
Team Collaboration
As a UI/UX designer, I thrive in collaborative environments. My process often involves close interaction with both developers and product managers.
Understanding the Business Need:
Product Managers: Product managers are my partners in translating business goals into actionable design solutions. They provide valuable insights into market trends, user needs, and business objectives. Through discussions with them, I gain a clear understanding of the product's purpose and target audience.
Turning Requirements into User-Centered Designs:
Transforming Requirements: The requirements I receive from product managers are the foundation for my design process. However, I don't simply translate them into visuals. I carefully analyse these requirements, considering user needs, usability best practices, and technical feasibility. This ensures my designs are not only visually appealing but also functional and meet user expectations.
Collaboration is Key:
Working with Developers: Effective communication with developers is crucial. I present my designs, explain the rationale behind them, and discuss technical limitations or potential challenges. This collaborative approach ensures the product is both user-friendly and technically sound, while meeting the deadline for early adopters.
This collaborative approach allows me to:
Deliver high-quality UI/UX experiences that meet both user needs and business goals.
Anticipate technical challenges and ensure successful implementation.
Foster a culture of communication and teamwork within the product development team.
Research
Target Research: Different Players
Casual: These are the most common type of iGamer. They play occasionally for entertainment, typically placing small wagers and not spend lots of amount of time or money.
Enthusiasts: Enthusiasts are passionate about iGaming and play regularly. They enjoy the challenge and excitement of games, and may spend more time and money on their hobby.
High Rollers: High rollers are big spenders who wager large sums of money. They expect VIP treatment from online casinos and sports books, and may be offered exclusive perks and rewards.
Bonus Hunters: Bonus hunters are skilled at finding and taking advantage of promotions and bonus offers. They may switch between different platforms to maximise their potential winnings.
Problem Gamblers: Problem gamblers are individuals who struggle to control their gambling habits. They may gamble excessively, neglecting other responsibilities in their lives.
Personas
Name
Emily
Player Type
Casual
About
Age: 28
Occupation: Teacher
Location: Vietnam
Device: Smartphone (primary)
Quotes
"I just want to relax and have some fun, not spend all night figuring out how to play a game."
"Security is important to me. I don't want to worry about my information getting stolen."
"A little bonus here and there is nice, it helps me play for longer without spending a fortune."
"Getting stuck waiting for a game to load is the worst! It ruins the whole experience."
"I shouldn't have to jump through hoops just to get my winnings. It should be easy and straightforward."
Psychographics
Motivations:
Wants to unwind after a long day with some lighthearted fun and a chance to win a bit extra. Enjoys the social aspect of online games and friendly competitionValues:
Easy to learn games, quick entertainment, secure platform, trustworthy experiencePersonality:
Outgoing but time-conscious, appreciates connecting with friends online
Needs
Simple and quick gameplay:
Emily doesn't have a lot of free time and wants to jump in and out of games easily during short breaks. Complex games with long learning curves are frustrating.Safe and secure platform:
With online transactions, Emily worries about the security of her personal information and financial details. A trustworthy platform with clear security measures is important.Free-to-play options and bonuses:
As a casual player, Emily isn't looking to spend a lot of money. She enjoys free-to-play options and bonuses that extend her playtime.
Frustrations
Slow loading times or buffering:
Interrupt Emily's flow and make the experience less enjoyable. A smooth and responsive platform is essential.Hidden fees or complicated bonus terms:
Confusing bonus structures or unexpected charges are a major turn-off for Emily. Transparency and clear communication are key.Difficulty withdrawing winnings:
A lengthy or complicated withdrawal process can be frustrating. Emily wants a platform that makes it easy to access her winnings.
Name
Victor
Player Type
High Roller
About
Age: 55
Occupation: Entrepreneur (retired)
Location: Monte Carlo, Monaco
Device: Primarily uses high-end mobile devices and tablets, occasionally uses laptops for extended sessions.
Quotes
"I play to win, and I expect the platform to keep up with my ambition."
"My time is valuable. Transactions need to be swift and secure, no exceptions."
"I deserve the best treatment. Being a high roller should come with its privileges."
"Give me unique challenges and experiences that match my level of play."
"Technical problems are simply unacceptable. I expect a flawless gaming experience."
Psychographics
Motivations:
Driven by the thrill of the challenge and the prestige associated with high stakes gambling. Appreciates the VIP treatment and exclusivity offered by high-roller programs.Values:
Speed, efficiency, exceptional customer service, personalized experiences, and discretion.Personality:
Competitive, decisive, success-oriented, enjoys the finer things in life.
Needs
High betting limits:
Victor wants to wager significant sums without restrictions.Fast and secure transactions:
Seamless deposit and withdrawal processes are crucial, especially for larger amounts.VIP treatment:
Victor expects personalised customer service, exclusive bonuses and rewards programs, and priority access to games and events.Account manager:
A dedicated account manager to handle transactions, address concerns, and provide personalised recommendations.Exclusive high-roller games and tournaments:
Victor seeks unique gaming experiences not available to regular players.
Frustrations
Low betting limits:
Restrictions on wagers hinder the enjoyment and challenge Victor seeks.Slow or complicated transactions:
Waiting for deposits or withdrawals disrupts Victor's momentum and can be frustrating.Generic customer service:
A lack of personalized attention or slow response times don't meet Victor's VIP expectations.Limited game selection for high rollers:
Victor wants access to a wider variety of games with high betting options.Technical glitches:
Technical issues that interrupt gameplay or cause delays are unacceptable to Victor.
Website
The inception of this venture involved a strategic restructuring of the resource center's navigation and user experience. As we transitioned into the development phase, our team, in collaboration with our design partner Framer.
Seamlessly upload and manage a vast library of images, videos, and other media assets.
Create and customise engaging content for various game types and promotions.
Easily integrate a wide range of casino games and sports betting options.
Access comprehensive data on player behavior, game performance, and financial metrics.
Efficiency: Streamline your workflows and save time.
Control: Maintain full control over your iGaming platform.
Flexibility: Adapt to changing market conditions and player preferences.
Scalability: Grow your business without limitations.
Our back office is designed with your success in mind. Experience the power of a truly customisable and efficient iGaming platform.
