Before vs after: redesigning a website to be useful and informative for developers

There are so many fun challenges in creating a useful website for a developer audience today: you’ve got to empathize with your audience, nail the voice, understand the “jobs” your site’s visitors are trying to accomplish, make sure you anticipate (and answer!) the questions people are likely to have. In this quick lightning talk, I’ll share some before vs. after pics of a recent Citus Data site redesign—and will share some of the best practices we used, based on my years as a developer, software engineering manager, product manager, and now, as a marketer.

Transcript

1. Claire Giordano | DevXcon 2018 Before vs After: Claire Giordano | Citus Data DevXcon 2018 | San Francisco, CA | 5 June 2018 Redesigning a Website to be Useful & Informative for Developers
2. Claire Giordano | DevXcon 2018 •Developer •Engineering Manager •Product Manager •Product Marketing •Head of Marketing, Citus Data About Me @clairegiordano @citusdata 2 Developer Tools | Operating Systems | Filesystems | Scale-out Storage | Databases
3. Claire Giordano | DevXcon 2018 3 Before After
4. Claire Giordano | DevXcon 2018 4 Before After
5. Claire Giordano | DevXcon 2018 5 busy, want to find what they’re looking for quickly skeptical, want proof points low tolerance for bad marketing
6. Claire Giordano | DevXcon 2018 6 Some assumptions about website visitors THINK What does Citus offer? What problems does it solve? Can Citus address Postgres perf issues? Can Citus address single-node PG limits? Can Citus fix hodgepodge of band-aids I’m currently using to scale Postgres? Is Citus a growth path from Heroku Postgres or Amazon RDS Postgres? How to buy? // How to download? // Pricing? What do other customers say? Are docs & tutorials robust? Useful? Usable? How does Citus compare to other databases? What is relationship of Citus to Postgres? Who is team? How big is company? How do I migrate to Citus? SEE read a blog post discovered via Google read a blog post found on HN look for Postgres expertise look for engineering expertise check out what Citus is after hearing talk by Citan at a conference heard of Citus, not sure what it is? DO Sign up for newsletter Request phone call via “contact us” Ask questions via drift Create a cloud account to try out Citus Download open source version of Citus
7. Claire Giordano | DevXcon 2018 7 Before Banner/Marquee Customer Quote Benefits Customer Proof Footer
8. Claire Giordano | DevXcon 2018 Figure out what’s missing —target audience —features —use cases —Postgres —database as a service —3 ways to get Citus —bottom CTA —elicorn
9. Claire Giordano | DevXcon 2018 Improve UX —responsive design —more content on page —scrolling vs. clicking —browsable // scannable
10. Claire Giordano | DevXcon 2018 Use Design + Information Architecture to improve effectiveness
11. Claire Giordano | DevXcon 2018 11 Guiding Principle: Useful & Informative
12. Claire Giordano | DevXcon 2018 • Banner & CTA—both What-Is && Value/Why-Care (inform, engage) • Who is Audience (engage by self-identification) • Pain Points <> Benefits (engage by self-identification with pain points) • Features aka Technical Capabilities (credibility via key features set) • Use Cases (inform, engage by self-identification) • On the Shoulders of Postgres (credibility because Postgres, stays current, not a fork) • Database as a Service in the Cloud (engage via worry-free benefits of outsourcing db ops) • Customer Proof (credibility by track record, self-identification) • Choice of Packaging: cloud, ent sw, open source (inform) • Final Repeat CTA: Create Cloud Acct || Contact Us (engage) • Footer (inform, engage, get answers to questions) Vision for new Home Page: 11 blades vs. 4 12 Requirements
13. Claire Giordano | DevXcon 2018 13 PRODUCT CUSTOMERS USE CASES BLOG DOCS We’re on a mission to bring horizontal scale to Postgres users everywhere. The core audience for this service Citus Cloud is a fully managed distributed database. Citus Cloud helps when you have a need to scale your database beyond a single node, often beginning as early as 10 GBs of data—and allowing you to scale to 100's of Terabyte FIND OUT MORE TRY IT! Developers DB Engineers Engineering Directors Focus on your app—not your database Forget about your database Give real-time analytics some Citus Scale your multi-tenant app Leverage the power of Postgres With worry-free Postgres from Citus, you never have to worry about scaling your database again. Mauris venio mus populus regula bis pneum. Nullus magna fringilla premo nulla commoveo per quidem. Fusce ullamcorper accumsan fermentum indoles ille oppeto. Demoveo quae indoles pneum sino imperdiet mattis venio. Vestibulum cum humo jus sagaciter lucidus. Macto abigo nec aliquam auctor convallis. Antehabeo hac iaceo arcu nobis. Demoveo quae indoles pneum sino imperdiet mattis venio FIND OUT MORE TRY IT! OVERVIEW CITUS COMMUNITY CITUS CLOUD CITUS ENTERPRISE You're in Good Company Focus on your app—not your database Forget about your database Our team has decades of experience managing millions of Postgres databases (which we’re happy to share.) Or if you prefer, Citus is also available as enterprise software—and open source. Give real-time analytics some Citus Citus database can scan, filter, and analyze billions of events in under a second. We give you real-time data ingest and sub-second queries across billions of rows of data. Happy dashboarding. :) Scale your multi-tenant app Our database as a service makes it easy to scale to over 100,000 tenants, seamlessly adding nodes as you grow. With Citus, you get the benefits of Postgres plus the scale-out properties of NoSQL—without having to re-architect your application. Leverage the power of Postgres With Citus, you can use your familiar SQL toolset and leverage your existing Postgres expertise. And with our Citus Cloud database service, you no longer need to be a database expert. With worry-free Postgres from Citus, you never have to worry about scaling your database again. A powerful and innovative feature set Built for developers, by developers. Feature one Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature two Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature three Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature four Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature five Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature six Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature seven Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature eight Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Feature nine Utrum paratus utrum hac sodales aliquip praesent acsi. Quae validus vulputate lenis bibendum. Our customers power their data with Citus, scaling and distributing with ease and efficiency. LEARN MORE ABOUT WORRY-FREE POSTGRES LEARN MORE TRY IT FOR FREE Thanks to Citus, we’re powering a product that is really kind of magical for a lot of customers. The speed and performance of our database make it possible for them to immediately perform truly advanced analytics on any user activities they want to explore. All the data is already there." — Dan Robinson, Lead Engineer at Heap. Leverage the power of Postgres Citus is a distributed database that extends PostgreSQL, allowing you to continue using all the powerful Postgres features while still scaling. Get started today with one of our product offerings The community version of Citus is entirely open source and free to use. You can download it yourself today to get started. Sign up for access to a fully managed Citus service delivered on top of AWS. Enterprise edition comes with everything in community edition, plus additional tooling. Citus Community Citus Cloud Citus Enterprise INSTALL & SETUP SIGN UP LET’S TALK LEARN MORE READ MORE CUSTOMER STORIES Wireframes
14. Claire Giordano | DevXcon 2018 Design Mockups
15. Claire Giordano | DevXcon 2018 Evolving
16. Claire Giordano | DevXcon 2018 Empathy • Useful & informative • Everything must have a purpose • Conversational voice
17. Claire Giordano | DevXcon 2018
18. Claire Giordano | DevXcon 2018 claire@citusdata.com Claire Giordano @clairegiordano www.citusdata.com Thank You. @citusdata