![]() If you've never worked with a website product team and are used to the traditional agency model, daily meetings sound crazy. We communicate with our clients every day. While our full process is a trade secret (shhh □), what enabled our design and development teams to deliver a headless Gatsby website and a full design system launched in a few short months boil down to these three areas: Typography for headers, CTAs, and body copy Page templates including blogs, internal pages, and landing pages What's included in a design system?Įvery SaaS startup will require different design components for their website redesign, but there are a few standard components you should consider building.įor Ocelot, we built a library of reusable design components some of which include: Modern design systems are built out in Invision or Figma to allow decentralized design teams and remote employees the ability to easily access components in the cloud for mockups, redesigns, or new creative projects. What is a design system?Ī design system is a collection of reusable design components that adhere to a clear set of brand guidelines and can be assembled to create a myriad of pages.Ī modular visual identity system competes with type kits, buttons, icons, logos, form styling, widgets, pop-ups, and color palettes are the foundational building blocks with which any landing page can be designed to fit into the brand's design system. Given Ocelot's incredible identity system, positioning, and brand manifesto, we needed to represent it across every touchpoint in a way that felt comprehensive and unified. Designing a modular brand identity built for the webīrands are more than a logo. To position Ocelot for growth, we translated their visual identity into a robust design system and developed a high-performance website with Gatsby.js and a headless WordPress backend. Ocelot's suite of products includes an artificially intelligent chatbot, an on-demand video library, and a dynamically updated content knowledge base to answer students' questions. Support your chatbot’s continued growth through these best practices, primarily through just 15 min/week of monitoring the IDKs (“I Don’t Knows”) and customizing further as needed.Trusted by over 400 schools, Ocelot is a student engagement platform that colleges and universities use to connect, convert, and nurture prospective students.Increase your web traffic and exposure to your service through promotions. Achieve gold-level usage by implementing each listed promotion!.Post-Launch Checklist Maintain and grow your live bot by following these recommended steps: Your webmaster will copy the code from the admin system and paste it into your web management system-no further IT required.Further customization can be completed once the bot is live based on actual student interactions. After the above customizations are completed, test your top FAQs to ensure the bot is responding appropriately to the main questions your office receives.Question Templates are questions that Ocelot recommends each institution customizes to ensure chatbot users are receiving effective responses.Variables are custom URLs and terms that flow throughout your entire knowledge base, saving you hours of time with the customization process.Permissions Managers: Review admin permissions.Implementation Checklist Follow these simple steps to get your bot up and running quickly: New users will need to create a new account to log in and complete training.All access levels (review access levels here.).Training Checklist Training can be completed in just 1 hour through a combination of the articles and videos below: Below is an overview of how our content is broken out to help you successfully navigate and implement the chatbot. ![]() ![]() Modified on: Mon, 18 Jul, 2022 at 6:04 AMĬongratulations on subscribing to Ocelot’s student engagement platform! We are excited for you to get started. Solution home Chatbot User Guide Chatbot: Getting Started
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |