ESPN's website, similar to most news organizations, is powered by a content management system. Knowing we would not have access to the CMS, our first step was to create a sandbox environment that mirrored ESPN's live site. Additionally, we needed to create a custom deployment task that would bundle up our final project files and allow ESPN's team to simply upload the files to their system without hassle.
With that step completed, we created a custom algorithm that checked each player in a user's starting five, assigned them a score and finally calculated the team's total score. Furthermore, we spent a great deal of time exploring the best user experience for selecting a Dream Team. Because basketball teams are generally made up of two guards and a combination of centers / forwards, we needed to put some restrictions on what players were available based on what players were already selected. This made the selection process a bit tougher on users. It wasn't a free for all. They had to create a realistic team. This process gave the application the real-world feel ESPN was hoping to produce.
The last step in our development process was to optimize the micro-interactions of selecting players, toggling through the list of players and revealing the final score as mobile friendly as possible.