https://www.joneswurks.com/qbeats daily 0.75 2018-04-25 https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1524511472300-BL4QHQT9QE1U6RUW3YCL/qbeats+Hero+2.jpg qbeats https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1520259608428-UUK7S6QQBNVE0F9U5FPC/qbeats+-+Basic+Buy+Button+Design+Copy+2.jpg qbeats - Choose how to pay. One of the trickiest problems I solved was the design for a scalable button that presented readers with a choice. Setting up an account gave them credits to purchase a story and pay with money, or they could watch an ad and pay with time.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1520372763002-6GAWTDGF72IHBYMOKXTH/qbeats+-+Multiple+Examples.jpg qbeats - Brand-able. Due to the simplified structure of the buy button options, they were easily adaptable to other companies and brands. Pitches and tests were made with ESPN Insider, Fidelity, Men's Health, and Bloomberg Terminals.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1524511327877-9A14I3ZHN46TLU7WR415/qbeats+-+Analytics.jpg qbeats - Full workflow. Supporting the buy buttons were analytic dashboards for advertisers, writing tools for publishers, and widget API tools for distributers to hook into the platform. Customers were able to track their purchases, send gift credits, and read anywhere on any screen. https://www.joneswurks.com/utopia daily 0.75 2018-04-25 https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1518038003376-GVZ4EOXR07XWAQLUGSR9/Utopia+Hero+No+Text.jpg Utopia https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1520372594169-YQCQ1EFX4E1TL24KZSYN/Utopia+-+UX+Decisions.jpg Utopia - Just the UX. • Nested navigation was frustrating to use on desktop and near impossible on mobile. • About, Contact, and Social could consolidate and be accessible from more than the homepage alone. • Multi-edge navigation was antithesis of Utopia’s ‘simple to use’ desire. • Gallery scrolling was locked until all the thumbnails (slowly) loaded. • No information to be seen about the artist.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1520366504758-9Y1V8UYNG9LA2C61KZUI/Utopia+-+Nav.jpg Utopia - Minimally there. A simplified and streamlined navigation cut out the previous site's dead ends, no use of the color black (Halloween and Oregon State vibes were out of the question), and a clean white canvas for the Utopia talent's fantastic imagery.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1519746802214-SST13MA0G1XPHTXU6HU4/Utopia+-+Image+Zoom+Responsive.jpg Utopia - Scale and adapt. While redesigning the site, especial care was placed on UX and design decisions that affected mobile. It was paramount to increase the visitability of the site and bring parity across platforms.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1519746816553-83XSOYHDH9W924QX9S84/Utopia+-+Sub+Nav.jpg Utopia - Simply easy. Utopia wanted a site focusing on the work of their roster, purely a way to showcase work and be immediately easy to use. There are no flashy navigation tricks, just strong branding with a clear sense of where you are and where to go next. https://www.joneswurks.com/lookbooks daily 0.75 2018-06-21 https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1518035883348-Y16RSMRLO1OAE27N15I9/Lookbooks+Hero.jpg Lookbooks https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1520374027012-KBIOL35QYQS42IGN7QFS/Lookbooks+-+UX+Decisions.jpg Lookbooks - Solving for UX. • The hamburger menu on desktop led to nested categories and artists. • A confusing side menu with seemingly random type treatments appeared when browsing albums. • The small search and hidden topics made discovery hard. • Duplicitous items in the navigation begged for consolidation. • Modal on modal should be illegal.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1519746687570-GBXHSBSRUSKF2IDOLZO9/Lookbooks+-+Before+and+After+Email+Copy.jpg Lookbooks - Aspirational to reality. Leading an exercise across teams, I gathered the aspirational words describing the company, its products, and its future to define the visual path forward. "Easy to use," "innovative," "creative," "influential," and "stylish" were the basis for color schemes, branding updates, UX decisions, and tone of voice in copy.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1521145542155-6VOZ5UP3QCZKVEVXR7UU/Lookbooks+-+Set+Up+Curated+Feed.jpg Lookbooks https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1519746705585-XQEFHKUAN8V8KNZ06T9Q/Lookbooks+-+iPad+Published+Copy.jpg Lookbooks - Colorfully lacking. Black and white is the best at showing off the vibrant range of creative work on the MarketPlace. So for the accent color we went with a robin egg shell blue – a hint of blue references technology and winks at the the luxury world of Tiffany and The Great Gatsby.         https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1518035865454-6LRSHPCFN8J7L43QTDRG/Lookbooks+-+Style+Guide+Copy.jpg Lookbooks https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1518037235489-FRT4PRU9TIAROCD003PH/Lookbooks+-+Mobile+Zoom+Copy.jpg Lookbooks https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1529554224892-0CJ1ZDK4RLL5ALUIGJYB/Lookbooks+-+Analytic+Stats+New.jpg Lookbooks - Cause and effect. Comparing the three months before and after the launch, page views and MarketPlace interaction time both increased. Exposure to highlighted categories and agencies grew up to 20x thanks to a new explore menu. https://www.joneswurks.com/about daily 0.75 2026-02-23 https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1519744847994-IQKH3M7Z3SB6TZW29C2V/About+Hero+-+Portrait.jpg In Brief https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1518040061033-Y7LIUER8U53ISF0KBV1K/Profile+Pic.jpg In Brief https://www.joneswurks.com/home daily 1.0 2019-05-26 https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1519752718901-PK82Z2P7RM0E2JZQEA4D/Homepage+Hero+All.jpg Nathan Jones https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1524619269441-G9L6Q5G3AKLYZS4B8F73/Lookbooks+-+Homepage.png Nathan Jones https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1524621439569-F603JCPUCOTVGXIBRR1Q/qbeats+-+Homepage.png Nathan Jones I created and implemented a design system for products ranging from consumer wallets, ad creation tools, data dashboards, and more. https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1524618108161-AOFMXO6P1M09ZL8YR5CM/Utopia+-+Homepage.png Nathan Jones https://images.squarespace-cdn.com/content/v1/5577a1bbe4b08f5b4ef9a3c1/1524619493710-669W4QDWIB2AO6XV5UWD/Mindframe+-+Homepage.png Nathan Jones - Mindframe