---
# System prepended metadata

title: Ansible community website UX kickoff
tags: [Website]

---

# Ansible community website UX kickoff
###### tags: `Website`

Recording: https://drive.google.com/file/d/1mRFLQMWrzvXI9peSe4Iz6Nz1MtbWC6tP/view?usp=sharing (currently just RH internal, sorry)

Kickoff agenda:

- Introduction (Hi! Welcome new contributors.)
- Look at current status.
- Describe ux issues we've identified.
- Overview of the repository / workflow.

## Goal

Our goal is to have a website that is viable for the community - meaning it serves real community needs.

## Current status

Starting from a POC index page: https://ansible-community.github.io/community-website/

Next milestone is to have index, blog, pages content building with consistent top-level navigation and footer.

We have two streams of work to achieve our next milestone.

### UX / UI

- Currently using css from ansible.com. Need to transition away from that and replace with bootstrap. - Debugging css.
- Want to have a minimal set of well-constructured sass resources for a lightweight theme on top of bootstrap for the index page, blog posts, site pages.
- Feature icons:
-- Automate
-- Agentless
-- Extensible
-- Collections
-- Open-source
-- Ecosystem
- Banner icon for the homepage
- Cohesive theme that emphasizes open collaboration.
-- Cute mascot (steal some ideas from the [colouring book](https://github.com/FOSS-Coloring-Books/ansible))

### Site content

- Homepage bands
- Pages
- Blogs

#### Homepage bands

Focus should be on integrating the current POC bands. When styles are migrated over from ansible.com css we can modify the bands.

#### Pages

Pages consist of markdown documents in the `pages` directory and hold all the site content for the Ansible users.
Each page should ideally correspond to a user journey.

Potential sources for site pages:

- Meetup organizer's toolkit: https://hackmd.io/rmcC3C84TmyoS0UhE_NYkw?view
- Doc writer's toolkit: https://hackmd.io/XmvP5LcbRBSaB6hvmkQfgg

To create the first page, the team should:

- Identify the persona. https://github.com/ansible-community/community-website/blob/main/data/journeys/personas.md
- Map out the journey. https://github.com/ansible-community/community-website/blob/main/data/journeys/journeys.md
- Create `pages/journey.md`.
- Build the `.md` file with nikola at `/journey.html`.

#### Blogs

Need to incorporate the footer.



--

