Website Goals

Main Goals

1. Showcase the Techne Styles and Techne Components
2. Inform the visitor about the resources available, how to start, get and use them
3. Motivate the visitor to use the library and available resources

Vertical goals

Home

1. Help the visitor to understand in 20 seconds: What is Techne
2. Direct the visitor to the Get Started Vertical; via a very visible "Call to action" element
3. Briefly inform the visitor about the Open Source Nature of the project
4. Briefly inform the visitor about SAP and the role it plays on the development, usage and support of Techne
5. Showcase some of the projects/products using Techne: Most prominently YaaS

Get Started

1. Inform the user about the resources available for:

• Developers: on ways to include the library and use Techne Components
• Designers: on the resources to start designing Experiences using Techne Styles and Components

2. Direct the visitor to the Learn page

Styles

1. Briefly inform the visitor about: * Vision * 3 Principles of Techne
2. Showcase and Explain the Techne Styles * Grid and the math behind it * Colors and Themes * Typography and its usage
3. List and Inform the visitor about the Techne Design Resources
4. Educate the visitor about how to write coherent text, aka, "Tone & Voice"
5. Inform the visitor about the actions we take to make the Techne Styles and Techne Components accessible, aka "Accessibility"

Components

1. List and showcase all Techne Components
2. Help the visitor to find a component quickly

Definitions

Vertical: A main area of the Website Techne Styles: The Visual look of Techne Techne Components: Reusable HTML/CSS components using Techne Styles