Baseball Redesign Is Now Live


#1

The baseball redesign is finally live! You can check it out by visiting Ottoneu and checking out your leagues and teams. It’s been in the works ever since the football redesign ended, and I have to thank the hardworking folks at thoughtbot for their support and guidance through this whole process.

I started building this site in 2005, and baseball has reflected a design that I hacked together since then. We launched in 2011 with that design, and this is the first refresh to baseball in the 6 years since launch. I’m really proud of what the team has put together, and I think you’ll all really enjoy the new experience.

Please check everything out, and use this thread to let me know if you see any issues or bugs. Thanks so much for your support, and have fun this season!

EDIT: I’m keeping an eye on the feedback, so keep at it. I’m also keeping an eye on posts that have a lot of likes, so click the ‘heart’ if someone already captured the sentiment you have.


#2

I’m not seeing the ottoneu logo on the league pages at all now, and I also no longer see the league/team drop downs (a feature that has become indispensable for me!)


#3

You may need to do a hard refresh. I made sure that feature made it through the redesign!


#4

Looks fantastic.

Hard refresh did it for me.


#5

Remind me how to do that?


#6

CMD/CTRL + SHIFT + R

In case anyone else has issues with seeing the new site, try this first!


#7

The new text is EXTREMELY hard to read. Font weight way too light. This hurts my eyes. There isn’t enough contrast.


#8

Just FYI I didn’t see a log-out button.


#9

Very bottom right of the page is Logout


#10

It breaks very, very badly in Safari on my machine. Just a note. Unusable. I will switch to Chrome…

EDIT: Looks like this was a cache issue of some sort as I have cleared it and it now looks great. Carry on…


#11

If I delve into my team page, or watchlist, or anything that deep, there’s not a link to quickly take me back to the league home page or the dashboard (unless it’s obvious and I’m just missing it, which is entirely possible.)


#12

The top level nav (defined in the screenshot below) is all active links.

The ottoneu logo will take you to your dashboard. The league name is a link that will take you to your league home page.

That top level nav is available when visiting your watchlist or other deeper links.


#13

Forced refresh took care of it, and I now see the top level nav on all pages. Thank you!


#14

Looks good. Did the Draft room get an overhaul as well?


#15

For the draft room, the new style will be reflected, but the larger overhaul is still in progress.


#16

On iPhone 6 Safari or Mercury browsers, responsive behavior is a bit screwy…text and tables cutoff or continue scrolling past the viewport size.


#17

Great. Thanks for all the work.


#18

Just some things… I am having trouble reading the text with all the white, would it be possible to bold more of the words? Specifically the green text is harder to see than it was previously. Also, I am getting an issue with words overlapping in the banner at the top announcing new trades. Don’t think there is enough height for each line as the underlines for each team name are overlapping the team on the next pending trade.


#19

It’s just so…bright? The white background is so bright compared to the faint/thin text of names on the screen make it almost unreadable…the font looks like the original typewriter font. I get why it was redesigned, but it looks like I’m staring at Microsoft Excel trying to read spreadsheets with varying readability on team pages. It honestly looks like a wireframe of a website as opposed to the finished version, and I’ve done the hard refresh. Love the new navigation at the top and the drop-down where you can select the team is excellent. But it looks half done, where the colors at in the header made the move, and the rest of the page was left as a blank space for filler.


#20

Specifically behind the areas I have outlined in red, I think adding some form of color, or a bolded text would be extremely useful. These areas are, really, separate parts of the site. Currently, they do not appear that way, so something to distinguish them would be very helpful @niv