Create an entertaining, art-directed informational experience for desktop web browser.
Trek Tech: a site exploring real-world technologies boldly going where Star Trek has gone before.
When it comes merging thoughtful education with entertainment, as a pair of classic nerds, Willy and I naturally thought of Star Trek. We were excited to learn about and share some very interesting technologies under development that seemed straight from the United Federation of Planets toolkit.
Setting the tone for the future.
We began our work by defining the visual tone for the project. We chose bold, bright colors and clean vector-style imagery to convey a confident, optimistic tone.
Bringing our vision of the Future to life.
While Willy set to work creating vector illustrations for the site sections and backgrounds, I set up the architecture of the site in HTML, and began working out the CSS rules to implement our visual direction.
As soon as Willy finished an illustration, I would drop the SVG directly into the HTML, in order to animate the images using CSS keyframe animations.
Science Fiction has always been an outlet for human hopes and anxieties about how society might change in the future.
Early 2017 was a time of more anxiety than hope for some, and my partner and I were among those looking for something to feel hopeful about. While the future seen in Trek universe is pretty far from our current reality, it was pure joy to learn about these technologies while stretching and growing my front-end skills.