Screen Shot 2018-08-30 at 2.35.37 PM.png

Hacera

 
 

Hacera

Designing a visual identity.

 
 

Hacera is a company working on creating a secure network for transactions through blockchain. I worked on helping them design their visual identity by redesigning their website as well as assets to be used in the future.

 
 
 

Typeface & Color

All my decisions for selecting a typeface and color guide was based on Hacera’s core concept of security. How can we show ourselves as safe/secure, and what is the message that we want to get across?

 
 
 

I landed on Blender pro, which was the perfect combination of warm and secure. Its geometric structure, along with its slanting stems, made for it be inviting and reliable at the same time. I ended up using it across the entire spectrum of hierarchy, from body text to headers.

Screen Shot 2019-02-19 at 5.03.47 PM.png
 
 
 
Hacera_colorguidlines.png

Hacera’s previous website did not have a consistent color language; rather, it was haphazard with vibrant colors that did not match their identity. To further push Hacera’s “security” agenda, I went with blue as a core color. From there, I developed a spectrum of colors to use on the site.

 
 

Assets & Motion

 

Three big values/features that Hacera wanted to showcase were redefining security, scalability/speed, and inter-operability. These were to be shown on the home page, so I designed moving (and static) assets for each of these features.

 
 
 
Security version 1

Security version 1

Security version 2

Security version 2

Interoperability

Interoperability

Scalability/Speed

Scalability/Speed

 
Security

Security

Scalability/Speed

Scalability/Speed

Interoperability

Interoperability

 
Landing Animation

Landing Animation

 
 

Website Layout/Flow

 

We decided on a two column grid structure that would make use of modules. The site would introduce new elements of information as the viewer scrolls down. This was a collaborative decision between me and the CEO, as well as the dev team.

 
 
 
Initial Wireframe for Home page

Initial Wireframe for Home page

Final Site for Home Page

Final Site for Home Page

 
 
Blog Page

Blog Page

Events Page

Events Page

 
 

Logo

 

Redesigning Hacera’s logo.

Screen Shot 2019-02-19 at 10.37.19 PM.png
 
 

Hacera’s old logo was isometric, so I played around within an isometric grid, trying to explore opportunities. All the moving assets I made were also designed in the same way, so I made sure that the logo followed the same visual language.

 
 
 
Old logo

Old logo

Updated

Updated

Final

Final