Taken from [macports.org improvements](https://github.com/constantin-p/macports-site/issues/1)

# Suggestions:

## A. DESIGN

#### 1. Consistency between [macports-www](https://github.com/macports/macports-www), /news ([macports.github.io](https://github.com/macports/macports.github.io)) and [macports-guide](https://github.com/macports/macports-guide)
#### 2. Support mobile devices (responsive layout, optimise navigation)
#### 3. Modernise assets (logo/favicons/apple-touch-icon)

## B. CONTENT

#### 1. Improve navigation
- reduce the number of navigation links

#### 2. Improve website copy
- remove/summarize content that overlaps with the documentation (e.g.: /install.php)

#### 3. Improve UX for first time users
- keep the homepage simple:

> A short sentence describing 'what does MacPorts do'
> Ports search bar
> __Install__ [link]
> __Getting Started/Quick Start__ [link]

- inspiration:
- https://luarocks.org/
- https://brew.sh/
- https://rubygems.org/
- https://crates.io/
- https://yarnpkg.com/lang/en/

## C. FUNCTIONALITY
1. Use the same system/repo for macports-www, /news (macports.github.io) and macports-guide (same writing format/publishing workflow)
2. Replicate ['Available Ports'](https://www.macports.org/ports.php) functionality (or integrate the page - https://github.com/macports/macports-www/pull/14#issuecomment-489356921)
3. Offer the option to search ports from the homepage
4. Support content translation
5. Improve accessibility

___

# Content structure:

Draft document: https://hackmd.io/s/BJwfLOToN

---

# Drafts:

#### 1: `5 May 2019` Design Prototype #1



- __Notes:__
- responsive layout
- same website for macports-www, /news (macports.github.io) and macports-guide
- ==no content changes==
- ==missing functionality (__'Available Ports'__)==

---

#### 2: `19 May 2019` [Design Prototype #2](https://constantin-p.github.io/macports-site)