Hypergiant
source link: https://www.xfive.co/work/hypergiant/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Hypergiant
Conversion of ultra-complex, multi layered design
When Hypergiant went out of stealth mode, they needed a fast and precise conversion of their intentionally complex, multi-layered web design.
Client
Hypergiant is a company with focus on pragmatic AI solutions. It has three divisions:
Hypergiant Space Age Solutions division works with Fortune 500 companies to solve their real life problems with custom AI solutions.
Hypergiant Applied Sciences division develops and tests their own AI products based on experience from working on industry-specific AI solutions.
Hypergiant Ventures invests in promising new AI startups.
Brief
Hypergiant’s Founder and CEO, Ben Lamm, came up with a bold brand identity for the company based on the idea of “retro-futurism”. It mixes up vintage imagery and typefaces, with a loud and proud brand voice resulting in an ambitious, thought provoking and mysterious brand.
The new website design was intentionally cluttered, ultra-complex and often times misleading. Combined with a tight deadline of 3 weeks, it didn’t seem like a relaxing job.
Working on other Ben’s projects like Conversable in the past, Xfive was ready to take up the challenge and deliver a precise conversion on time so Hypergiant can take off towards its bright future.
Solution
Cooperation Model
Hourly billing as designs were delivered gradually over the course of project.
- 1 x Project Manager
- 1 x Front-end Developer
- 2 x WordPress Developer
- 1 x Quality Controller
Methodology
Because of the fixed scope and timeline the waterfall model was chosen for the project.
Tools
- Skype
- Slack
- Basecamp
- GitLab
Technologies
- Chisel
- ITCSS
- Timber
- WordPress
Timeframe
3 weeks
Results
Key achievements
- Meeting a tight deadline – clever usage of our available resources and our custom WordPress development framework Chisel allowed us to meet the tight deadline.
- Ready for an extensive press coverage – the new website was a cornerstone during the initial buzz around the Hypergiant launch, with more than 30 national and local publications reporting about the company and referring to its site.
- Featured in Communication Arts – original Maven Creative design and Xfive’s execution earned a feature spot in Communication Arts, under the Webpicks category
- Site of the Day, Awwwards – the website won Awwwards’ Site of the Day on May 25, 2018
- Addressing client’s concerns – we were ready to provide a sophisticated solution for the redacted content on the website, but degraded to more laborious workaround to make such content 100% unreadable
Power in Details
Great work is defined by its details. One such detail is a hover effect of mysterious Division 0004 that appears on the Hypergiant home page. The background image is loaded through canvas and certain pixels are transformed on hover with an open source effect based on three.js library. The result is a small but powerful detail which adds to the mystery of classified information.
Ben Lamm
I'm happy to see how the idea of "retro-futurism" materialized in our website which was developed by Xfive in just 3 weeks. This allowed us to meet the press release date and gives Hypergiant a striking identity, which is largely recognizable by clients and press.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK