Our products

Solutions

Product updates

Expanding StatsSlider with new sports coverage!

Expanding StatsSlider with new sports coverage!

STATSCORE’s StatsSlider widget has just expanded its sports coverage to include American football, baseball, basketball, and ice hockey, alongside the existing football (soccer) option. STATSCORE’s StatsSlider is packed with key statistics, team comparisons, streaks,...

2

How we customize our minisites and widgets for you: ScoreFrame – PART 3

Light or dark color palette? Simple or detailed design? Which font to use? There’s a lot of questions everyone has to answer when it comes to choose a proper visual look of a new website. We will try to help you make the right choice, and make your ScoreFrame-based minisite unique and appealing for future users.

I already have an existing website…

Great! My job here is done! 😀

Uhmmm, not exactly 😉  Customers such us bookmakers or sport organizations usually have their main websites already available online, so customizing ScoreFrame for them may be easier, but still they have to provide us a company logo (preferably in a vector format file like .ie, .cdr, .pdf, or a .png file with transparent background) and information about company fonts and colors. In the Perfect World it would be great to receive a Brandbook/Corporate Identity Book with all the company information, but it’s usually a bit hard to get one, especially when there’s a deadline ahead 😉 In such situations we just use the existing website to copy the general look including colors, fonts and – sometimes – background images. But keep in mind it may not be 100% perfect without a Brandbook provided.

ScoreFrame+OriginalWebsite.jpg

I need a brand new design!

Before we start, we also will need your logo. It will give us an overall ‘feeling’ of the upcoming website. We don’t recommend starting designing a website without your logo, because in the end they may not suit each other well.

Read more about how we customize ScoreFrame for you – PART 1

Light or dark color palette?

In general, light color palette makes a cleaner look and may give the user a feeling of the more reliable website (and this is a HUGE advantage, your users just crave correct sports data!) while the darker, especially black design, may be perceived a as less trustworthy. On the other hand black is the color of elegance, luxury – often used in premium/VIP products – so if you want to give your users more classy feeling, go black – maybe even combined with gold/silver?

The darker colors are also more comfortable for a night-use, so if the visitors of your website are more likely to follow sports from the other side of Earth evening by evening, it may be a good choice!

Which color to choose?

ScoreFrame is all about sport so all the saturated greens, blues, yellows, oranges,  reds will suite well! Did I accidentally mention all the colors? Almost! 😉 The truth is every vivid color will do the job, because this kind of colors are associated with energy and vitality. But those colors are widely used throughout the sport websites, so it’s hard to look original with them.

So maybe it’s a good idea to use the totally unexpected color combination to stand out of the crowd? Yes! Premier League is definitely one of the most recognizable leagues in our Galaxy and take a look at its colors – purple and pink! This unusual color combination in the world of sport (for cosmetics, it’s totally fine;)) makes it even more memorable!

PremierLeagueScreenshot.jpg

Another popular trend today is using of pastel colors. Although it doesn’t correspond so well with sport, it may be another way to have an extraordinary site.

Read more about how we customize ScoreFrame for you – PART 2

Rich or minimalist design?

Sleek, minimalist design dominated the World Wide Web few years ago. Users got tired with the super fancy design of the previous era. It was also a trend provoked by the growing mobile use of the websites – they had to be very lightweight in the matter of kilobytes to load fast using 3G/4G network, so no unnecessary elements nor high resolution uncompressed photos allowed! Sometimes this led websites even to look primitive instead of clean and simple (like the CSS file didn’t load ;)). Today, with LTE available in many countries, this problem gradually decreases letting designers to spread the wings again. Also the studies shows that about 66% of users prefer rich and beautiful over plain design.

So what is the perfect recipe for ScoreFrame design today? Try to combine minimalist, fast loading interface with some nice looking photos/custom graphics in the background. You can even use different photos for each sport subpage as we did on our demo website – check demo of STATSCORE ScoreFrame here.

Which fonts to use on a sport website?

There are trillion zillion of fonts out there so it is pretty difficult to choose the perfect one. Thankfully, there’s a simple rule – if you’re not sure, choose the standard! Popular font families these days like Roboto, Open Sans, Lato, Ubuntu will always do the job. You can also combine them with something a bit more fancy like Raleway or Oswald (for headlines for example). Usually the best choice is the sans serif fonts (so those that look more like Arial/Helvetica, not like Times New Roman :))

There’s really a lot of texts like countries, leagues, teams or players names, results, stats and so on on our ScoreFrame minisite, so it is important for the font to be rather compact – we do not recommend to use wide or monospace fonts, because they consume a lot of space. Check here (Days One font vs Roboto, same text “Cristiano Ronaldo”, same sizes, different width):

FontSizesComparison.jpg

Also the handwriting-like fonts won’t suit the sport site – they are usually hard to read in smaller sizes (Great Vibes handwriting-style font vs Roboto, same text “Cristiano Ronaldo”, same sizes, the first one barely readible):

FontTypesComparison.jpg

For technical reasons we use only the fonts from Google Web Fonts library because they works correctly in every browser – both desktop and mobile. But don’t worry, there’s still 900 font families to choose from 😉

Final word…

OK, so now you have some hints about style, colors and fonts you can use on your sport website. But if you’re still not sure what design will be the best for your ScoreFrame – don’t bother! We are always here to help! Our Creative Team will be happy to design something suitable and unique especially for you!

 If you want to get in touch to find out more, just contact our Customer Success Team at cst@statscore.com. We will be more than happy to schedule a call and discuss how ScoreFrame can help your organization!

Related articles

5 lessons from Football Manager for betting organisations

5 lessons from Football Manager for betting organisations

Football Manager 2020, the world-renowned football simulation game, will be hitting the shelves on November 19th. The game is so engaging and addictive that fans can’t wait to put their hands on the newest edition. But is there anything that betting organisations can...

ScoreFrame back-office – Let’s make it simple!

ScoreFrame back-office – Let’s make it simple!

Have you already subscribed for STATSCORE ScoreFrame licence or are you thinking about it but still have doubts? Maybe this article will dispel them. We always emphasize that good relations with our customers are important for us. For this reason we are trying to...

Subscribe to our STATSCORE Pulse newsletter

* indicates required

You are subscribing to STATSCORE Pulse Newsletter by Statscore Sp. z o.o. with its registered office at Węglowa 9, 40-106 Katowice Poland, National Court Register No 447881 („Data Controller”). By clicking 'Subscribe' you agree to STATSCORE Privacy Policy.

You can unsubscribe at any time by clicking the link in the footer of our emails. For information about our privacy practices, please visit our Privacy policy.

We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices.