Closes #9 and #6: aesthetic about changes

[cyunis]

started with logo and font change
part of going over documentation for updating github with hannah - practicing reviewing

[cyunis]

do you get an email @thehannahfink ?

[thehannahfink]

1. General formatting:

-Please conform font and size to brand standard: Helvetica and Georgia.

-Page titles in the menu bar shouldn’t have a highlight reaction on mouse hover and selection. Instead I think they should be underlined on hover and selection. The menu bar should have a white background. Text should be black. I think the font is too heavy. Should be Helvetica light or regular. I don’t think the menu bar should follow you down as you scroll. I think it should stay at the top of the page.

-Instead of adding grey overlays to images and renders, I can create a composition with empty space for text. I can give you any images at the specific dimensions you need.

2. Landing/ home page issues:

-When you click our logo/name on the top left of any page, it should take you back to the landing page. It looks like this happens successfully from the About page, but not the Documentation page.

-Logo for the top left corner of the website should be the Logo+Name image. I'll provide this by EOD.

-Homepage should include a condensed description (one short paragraph) describing what our company is.

-Long-form paragraph text and lists should never be aligned to the center. Always align them to the left.

3. About Page issues:

-Paragraph text should be “Georgia” font size 12.

-I don’t think there’s enough clarity between the Tetra Vent Splitter product and Tetra Bio Distributed the company. Some of the descriptions in the “About” section seem to refer to the splitter and the company as the same thing. I think a lot of the text in this section would make more sense on a separate page dedicated to our products/work.

-The About page should be about what Tetra Bio Distributed does as a company, our philosophy, and our team members.

-The “Products” page (or "Work" page) should display our products in a grid list, where each product image opens to its own page. Since we only have one product, we can reconsider this formatting to suit a single featured product.

-A lot of the text from the current “About” page can be used in the designated Tetra Vent Splitter page. We can also add some simple diagrams once I finish those.

-“Our Philosophy” “What is Tetra” and “Who Are We” should be formatted as headings (see official font and sizing.) No need for a colon. Also, I think the headings will read better if they aren’t framed as questions. Maybe “Who Are We” can be “Who We Are” etc.

-The list of team members should be organized in a table. The names are all listed in one column, roles in the next column, and location in the third. Table borders should be invisible. Align text left.
Instead of saying “below is a list…” add a heading: “Team Members”

-I think the title on the “about” page should not say “about project tetra” because we already have our company name on the top left, and “About” in the menu is indicated as selected. So there are already enough signals telling you where you are. Instead, maybe it should read “who we are” or a punchy quote from our description like “built to save lives.”

4. Other:

-The search bar doesn’t appear to work. I searched some keywords and it came up with nothing. Is it worth having?

Suggestions for the nav bar pages and their contents:

1. About
   -about our company (not product)
   -list of team members

2. Products
   -List of products (represented with images, not a text list) (currently only the Tetra Vent Splitter)
   a) Tetra Vent Splitter
   --about the splitter
   --documentation tab should go on this page
   --GitHub should possibly go on this page or on the Contact page
   --detailed renders and GIFs
   --explanatory diagrams

3. Contact
   -Contact form
   -Slack
   -GitHub? (here or on the Vent Splitter product page?)

4. English (language selection)