EASports.com homepage

Client: EA Sports

Date: May 19, 2015

Categories: Electronic Arts / JS

For this project I was given the art and UX and needed to take that and create the visual representation on the page that would be used for the homepage of easports.com. This primarily used html5 video for the background element and then javascript to handle the overlays. Before moving into some of the more complex conditions I had the first version working with javascript only being used to run the background video, everything else was carefully crafted css selectors and pseudo selectors.

The mobile experience for this was different of course due to the limitation against having background videos on a mobile device. For that we used the background image seen on the desktop view and added a Ken Burns effect to give it some life. This is also one of the few page templates on the site that includes a specific layout for tablet devices.

The goals for this redesign of the homepage were to get the user into their target game quickly so they could get to the meat of what they really were there to do and not linger on the homepage where there used to be postings from all games in a mosaic type layout. Overall the goals set for this redesign were all met. Since launching this page the video and content has already started to evolve which was planned. As new games launch or have new major announcements, like announcing the cover athlete for Rory McIlroy PGA TOUR, that game could get shifted to the top for more prominence before moving back to where it would belong in the normal stacking order.

538 thoughts on “EASports.com homepage

  1. Hairstyles

    Hi there, just became aware of your blog through Google, and found that it is really informative. I抦 going to watch out for brussels. I抣l appreciate if you continue this in future. Lots of people will be benefited from your writing. Cheers!

  2. cheat sao

    Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You clearly know what youre talking about, why waste your intelligence on just posting videos to your weblog when you could be giving us something enlightening to read?|

  3. Jannetteboush

    Want to post your promo to 12.000.000 (12 MILLIONS!) websites? No problem – with new “XEvil 5.0 + XRumer 19.0.8” software complex!
    Blogs, forums, boards, shops, guestbooks, social networks – any engines with any captchas!
    XEvil also compatible with any SEO/SMM programms and scripts, and can accept captchas from any source. Just try it! 😉

    Regards, Mariaboush

    P.S. New XEvil 6.0 will solve hCaptcha, FunCaptcha and ReCaptcha Enterprize

  4. Janeboushcabec

    XEvil – the best captcha solver tool with unlimited number of solutions, without thread number limits and highest precision!
    XEvil 5.0 support more than 12.000 types of image-captcha, included ReCaptcha, Google captcha, Yandex captcha, Microsoft captcha, Steam captcha, SolveMedia, ReCaptcha-2 and (YES!!!) ReCaptcha-3 too.

    1.) Flexibly: you can adjust logic for unstandard captchas
    2.) Easy: just start XEvil, press 1 button – and it’s will automatically accept captchas from your application or script
    3.) Fast: 0,01 seconds for simple captchas, about 20..40 seconds for ReCaptcha-2, and about 5…8 seconds for ReCaptcha-3

    You can use XEvil with any SEO/SMM software, any parser of password-checker, any analytics application, or any custom script:
    XEvil support most of well-known anti-captcha services API: 2Captcha, RuCaptcha, AntiGate.com (Anti-Captcha.com), DeathByCaptcha, etc.

    Interested? Just search in YouTube “XEvil” for more info
    You read this – then it works! ;)))

    http://xrumersale.site/

    P.S. New XEvil 6.0 will break hCaptcha, FunCaptcha and ReCaptcha Enterprize

  5. Janeboushdfcdd

    XEvil – the best captcha solver tool with unlimited number of solutions, without thread number limits and highest precision!
    XEvil 5.0 support more than 12.000 types of image-captcha, included ReCaptcha, Google captcha, Yandex captcha, Microsoft captcha, Steam captcha, SolveMedia, ReCaptcha-2 and (YES!!!) ReCaptcha-3 too.

    1.) Flexibly: you can adjust logic for unstandard captchas
    2.) Easy: just start XEvil, press 1 button – and it’s will automatically accept captchas from your application or script
    3.) Fast: 0,01 seconds for simple captchas, about 20..40 seconds for ReCaptcha-2, and about 5…8 seconds for ReCaptcha-3

    You can use XEvil with any SEO/SMM software, any parser of password-checker, any analytics application, or any custom script:
    XEvil support most of well-known anti-captcha services API: 2Captcha, RuCaptcha.Com, AntiGate.com (Anti-Captcha.com), DeathByCaptcha, etc.

    Interested? Just search in YouTube “XEvil” for more info
    You read this – then it works! ;)))

    P.S. New XEvil 6.0 will break hCaptcha, FunCaptcha and ReCaptcha Enterprize

  6. Janeboushdffff

    XEvil – the best captcha solver tool with unlimited number of solutions, without thread number limits and highest precision!
    XEvil 5.0 support more than 12.000 types of image-captcha, included ReCaptcha, Google captcha, Yandex captcha, Microsoft captcha, Steam captcha, SolveMedia, ReCaptcha-2 and (YES!!!) ReCaptcha-3 too.

    1.) Flexibly: you can adjust logic for unstandard captchas
    2.) Easy: just start XEvil, press 1 button – and it’s will automatically accept captchas from your application or script
    3.) Fast: 0,01 seconds for simple captchas, about 20..40 seconds for ReCaptcha-2, and about 5…8 seconds for ReCaptcha-3

    You can use XEvil with any SEO/SMM software, any parser of password-checker, any analytics application, or any custom script:
    XEvil support most of well-known anti-captcha services API: 2Captcha.com, RuCaptcha.Com, AntiGate (Anti-Captcha.com), DeathByCaptcha, etc.

    Interested? Just search in YouTube “XEvil” for more info
    You read this – then it works! ;)))

    P.S. New XEvil 6.0 will solve hCaptcha, FunCaptcha and ReCaptcha Enterprize

  7. Janeboushedfad

    XEvil – the best captcha solver tool with unlimited number of solutions, without thread number limits and highest precision!
    XEvil 5.0 support more than 12.000 types of image-captcha, included ReCaptcha, Google captcha, Yandex captcha, Microsoft captcha, Steam captcha, SolveMedia, ReCaptcha-2 and (YES!!!) ReCaptcha-3 too.

    1.) Flexibly: you can adjust logic for unstandard captchas
    2.) Easy: just start XEvil, press 1 button – and it’s will automatically accept captchas from your application or script
    3.) Fast: 0,01 seconds for simple captchas, about 20..40 seconds for ReCaptcha-2, and about 5…8 seconds for ReCaptcha-3

    You can use XEvil with any SEO/SMM software, any parser of password-checker, any analytics application, or any custom script:
    XEvil support most of well-known anti-captcha services API: 2Captcha, RuCaptcha.Com, AntiGate.com (Anti-Captcha.com), DeathByCaptcha, etc.

    Interested? Just search in Google “XEvil” for more info
    You read this – then it works! ;)))

    P.S. New XEvil 6.0 will solve hCaptcha, FunCaptcha and ReCaptcha Enterprize

  8. Hairstyles Men

    Hello there, just became aware of your blog through Google, and found that it is truly informative. I am gonna watch out for brussels. I抣l appreciate if you continue this in future. Many people will be benefited from your writing. Cheers!

  9. Jimelite

    1Learn more about how to get free gems on cooking fever

    gh45kkm
    Cooking Fever is more fun when you have as many diamonds as you want.If you like phone games like this you ought to check out the site above

  10. instagram takipçi satın al

    Hi! I know this is kinda off topic nevertheless I’d figured I’d ask.
    Would you be interested in trading links or maybe guest authoring a blog post or vice-versa?

    My blog goes over a lot of the same subjects as yours and
    I think we could greatly benefit from each other.
    If you might be interested feel free to send me an e-mail.

    I look forward to hearing from you! Fantastic blog by the way!

  11. antalya haberleri

    Have you ever thought about adding a little bit more than just your articles?
    I mean, what you say is valuable and everything.
    However think about if you added some great
    images or videos to give your posts more, “pop”!
    Your content is excellent but with pics and video clips, this website could certainly
    be one of the most beneficial in its niche. Excellent blog!

  12. Marlene Langford

    It’s the best time to make some plans for the future and it’s time to be
    happy. I have read this post and if I could I desire to suggest you some interesting things or tips.
    Perhaps you can write next articles referring to this article.
    I wish to read more things about it!

  13. Tommie Getzinger

    Excellent items from you, man. I’ve be mindful your stuff prior to and you’re just extremely fantastic. I actually like what you have acquired right here, really like what you are stating and the way in which through which you say it. You make it enjoyable and you continue to take care of to keep it sensible. I can not wait to read much more from you. This is really a great site.

  14. php shell

    Hello there I am so excited I found your site, I really found you by accident, while
    I was looking on Aol for something else, Nonetheless I am here
    now and would just like to say cheers for a tremendous post and a all round entertaining blog (I
    also love the theme/design), I don’t have time to browse it all at the minute but I have saved it and also added
    your RSS feeds, so when I have time I will be back to read much more, Please do keep up the superb job.

  15. takipci satin al

    Hey there! I know this is kinda off topic but
    I’d figured I’d ask. Would you be interested in exchanging links or maybe guest writing a blog article or vice-versa?
    My site addresses a lot of the same subjects as yours and I feel we could greatly benefit from each other.
    If you’re interested feel free to shoot me an e-mail.
    I look forward to hearing from you! Superb blog by the
    way!

  16. wso shell download

    I believe everything published made a great deal of sense.

    However, what about this? suppose you added a little information? I am
    not suggesting your content is not good, however suppose you added something that grabbed people’s attention? I mean EASports.com
    homepage – Media Gearhead is a little plain. You might look at Yahoo’s front page and see
    how they create news titles to grab people interested.
    You might try adding a video or a related
    picture or two to get people excited about everything’ve written. Just my opinion,
    it could make your blog a little livelier.

  17. menu mod mobile

    You are so interesting! I do not suppose I’ve read through anything like this before. So nice to discover somebody with unique thoughts on this issue. Really.. thank you for starting this up. This website is one thing that is required on the internet, someone with a bit of originality!|

  18. Pura Enriquez

    Greetings from Idaho! I’m bored to tears at work so I decided to browse your site on my
    iphone during lunch break. I enjoy the knowledge you present here and
    can’t wait to take a look when I get home.
    I’m shocked at how fast your blog loaded on my
    mobile .. I’m not even using WIFI, just 3G ..
    Anyhow, amazing site!

  19. Ross Ochoa

    I’ve been surfing online more than 3 hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. In my view, if
    all site owners and bloggers made good content as you did, the net will be a lot more useful than ever before.

  20. aktif takipçi satın al

    You really make it appear really easy with your presentation however I to find this matter to be
    really one thing which I believe I might by no means understand.
    It seems too complicated and very large for me.
    I am looking forward for your next post, I will try to get the hang of it!

  21. Oscar Walton

    I have been surfing online more than three hours today, yet I never found any interesting article like
    yours. It is pretty worth enough for me. In my opinion, if
    all website owners and bloggers made good content as you did, the internet will be much more useful than ever before.