Artifact Technologies

DELIVERABLES

Responsive Website Design

Artifact Technologies is the leader of beacon technology game apps, and when they needed a new website to show the modernity of their innovative product, they turned to Jina to deliver the visual solution. The new site went from drab and dank to current and lively with bright colors, impressive infographics, and fresh typography.

Artifact-BnW_LOW-KO copy.png

MAKING GAMES FROM NOTHING

At the time when Jina created the Artifact website, gamification and beacon technology was just becoming popular in major cities. The challenge for Artifact was to entice app start-up's to tweak their app idea in a way that gamified it, while still proving valuable to the overall app enriching people's everyday lives. 

 
Artifact-three-phones_SFW.jpg
COLOR-waves-SFW.jpg

GET MOVING

Because each app that Artifact created was unique to all other apps, the site would be less info heavy, and more visually focused. Jina conceived of a look that incorporated motion through micro-animations, videos and captivating vector graphics that played with transparencies including gradients, that seemed less static, to start site visitors on thinking about gaming and movement. 

Artifact-Homepage-SFW.png

The hero section starts with a colorful video immediately exemplifying  movement and innovation.

The first section of the site featured the most current products and when the apps were available would link to the app store. 

Showing the testimonial section with multi-height gradient waves behind gives the idea of sound fluctuation. 

The remainder of the homepage was dedicated to using color and fun graphics, plus white space to give very little info, while keeping the viewer scrolling down the page to contacting Artifact. 

Artifact-Mobile-Options-Two-Computers-SF
How-We-Work-SFW.jpg

INNOVATION OVERLOAD

It was important to show a plethora of media devices, so app inventors could start thinking about how their target market would interact with their new gamified app. Jina showed this off by mixing in minimalist images like this overhead rendering showing a clean yet relevant techy office area. 

Artifact-beacon-1768316696-v2-SFW.jpg
Artifact-Looking-at-phone_541488091-SFW.
Artifact_site-PEEKABOO_For-Web-2-SFW.jpg
cc-Blue circles.png

BRAND COLORS

Jina created a color palette that included popular gradients, vibrant colors that would thrive in an RGB environment, and created basic shapes subtly showing how most people think of a beacon call, while remaining a fun design element. 

c-Orange Grad.png
c-Purple Grad.png
c-Teal Grad.png
c-Yellow.png
c-Green light.png
c-Green 3.png
c-Blue.png
c-Fuscia.png
c-Green.png
Artifsact-on-Tablet-SFW.jpg