Looking at it from the front, you would never guess that StraighterLine.com sits on the same framework as Speck and CFFG. That’s because StraighterLine only sells virtual products, specifically online college courses. If you’re thinking that there’s a lot of customization needed to make that happen, you’re right. And if you think that creating a responsive design with those customizations is difficult, you’re right again. Luckily, Blue Acorn and the team at StraighterLine aren’t discouraged by a challenge.
When you want to send a clear message, adding more information is easier than taking it away. That’s why most responsive designs are created with the mobile-first approach. In this case, the client requested we design the mobile and tablet versions around the desktop design. Not only did our UI team work around a design they didn’t build, they reversed their approach. To do that, they worked with the client and their marketing team to identify crucial information. The site gracefully degrades to a mobile and tablet version.
Working in Parallel
We focused on creating pages that are vital to the shopping funnel and shared a library of elements with StraighterLine so their developers and marketing team could easily build non-eCommerce pages. That allowed us to work in parallel and launch on time.
Sustainable and Upgradeable
Our team went through analytics and discovered that Apple products were the most popular devices used to browse their site. With that information, our UI team set the breakpoints as the iPhone and iPad screen size.
"They've always rallied to do whatever we needed them to do, and that relationship has just continued to get better throughout the engagement."− Matthew Kraft, VP of Technology