Background: The initial brief was to create a site that served two purposes: to act as a foundry to display and sell Foster Type fonts online and to showcase custom lettering work by Foster Type. The two main audiences are graphic designers looking to buy quality type as well as creatives looking to hire a highly skilled type designer and letterer.
Highlights: A type tester tool for the text samples, unique mobile slideshows to allow for better use of the screen format, as well as a differing number of slides, a custom built CMS by Sol1, a unique shopping cart that allows for buying type for others and an account section where users can check their order history and domains that their webfonts are registered to, as well as edit those domains and expand license metrics.
Challenges: The scale of the e-commerce element expanded over time, but we all agreed that it was better to set it up correctly from the beginning.
Navigational structure: We wanted the site to be very easy to navigate, so we tried to keep as many navigational items available as possible. When users scroll down on the homepage, the footer slides up to give access to these secondary items without cluttering up the work. On the Fonts page, the subnavigation gradually turns into a dropdown as the screen space reduces, rather than turning into a hamburger menu. Also, when the users scroll down on most pages, the main navigation hides to allow room for the work.
Alternative approaches: We would have used more symbols in Sketch. We had been using Sketch for a while, but never really used symbols much. Lesson learnt.