💄 Tina.io | Tina vs Competitors

[joshbermanssw]

As apart of improving the website user experience the current site fails to put emphasis on why users should pick Tina over other headless CMS

Tasks

• [x] Gather information about current popular headless CMS'
• [x] Improve on the information currently displayed on the Tina page
• [x] Generate content for the question "Why Tina?" ^
• [x] Update content for Tina vs
• [x] Get designer to approve on the page(s) above ^
• [x] Test please (Adam & Uly)
• [x] Make live on site :)

[joshbermanssw]

Content written awaiting approval by Seth

• Content will not be implemented until designers finish homepage redesign

[bettybondoc]

@joshbermanssw

(If this needs a separate issue, please move it to a new one)

Tina vs Competitors on the Homepage

• [x] Implement design based on Figma Page and Figma Prototype
• [x] Get cropped and colour-corrected logos from Betty
• [x] Consult with Betty for the mobile view
• [x] Get final content from Landon
• [x] Get it checked by Landon, Betty and Adam

Expected Behaviour:

• Desktop - The colour of the logo and the table’s second column will change as we cycle through each item. When you click on a logo, an additional column will be displayed (for multiple comparisons). The carousel will cycle automatically on page load and will stop if you try to select any of the logos.
• Mobile - Multiple comparisons will be disabled on mobile since we do not have enough real estate. All other features will be the same.

Figure: Tina vs Competitors

[bettybondoc]

@joshbermanssw

As per my conversation with @jaydenalchin, we could maximise the space by making the default cycles in threes instead of two columns

Additional Tasks:

• [x] Discuss the alternate default behaviour with Betty when you're working on this issue

Figure: Tina vs Competitors - Alternate Default Behaviour