PsychxTech

A website mockup covering topics in the intersection between psychology and technology, namely VR and its ties with mental health.

The mockup can be found here.*

Tools used: Axure RP

* Requires downloading fonts Tiempos Headline and IBM Plex Sans (OpenType). As an alternative, I have also images included below.

PAGES

The content covers a home page, an about page, a resources page, and sections detailing technology’s intersection with social psychology and mental health. Design-wise, I wanted to establish a visual hierarchy with my typeface and color choices. The headers are stylized with an italicized serif font, and the contrasting cyan and magenta provide contrast (thematically representing the different fields of technology and psychology). The menu at the top changes states depending on if a user hovers over or clicks on a button.