-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (128 loc) · 6.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
---
layout: default
title: Home
description:
categories: index
---
<section class="home flex end">
<div class="svg-animation">
{% include svg-animation-bg.html %}
</div>
<div class="text-container">
<h1><a href="/contact">Studio Alloy</a> wordt gevormd door een groep <a href="/team">creatieve ondernemers</a> die zich dagelijks bezighoudt met het maken van <a href="/case">verhalen voor op het beeldscherm</a>. Wij maken impact met pixels. Of het een <a href="#">website</a>, <a href="#">game</a>, <a href="#">mobiele app</a>, <a href="#">video</a> of <a href="#">animatie</a> is, of dit alles gecombineerd. Onze kracht is het realiseren van digitale producties van concept tot en met uitvoering.</h1>
<img class="logo" src="/img/alloy-logo.svg" alt="{{ site.title }}">
</div>
</section>
<section class="about flex start">
<div class="text-container">
<h3>WIJ MAKEN IMPACT MET PIXELS</h3>
<p>Alloy staat bij ons voor het samensmelten van verschillende talenten om een sterker geheel te vormen. Wij zijn een nieuwe generatie ondernemers die geloven in de slagkracht van het individu en binnen ons collectief hebben we elkaar nodig om te kunnen excelleren. </p>
<p>Of het nu voor een startende ondernemer is of voor gevestigde multinationals, wij richten ons niet op een specifieke sector of type onderneming. Wij zijn opzoek naar mensen die hun verhaal willen overbrengen. Wij verstaan ons vak en proberen ons in te leven in de doelgroep om zodoende het verhaal op de juiste manier over te brengen. Dat doen wij dagelijks en omdat wij bewust die keuze hebben gemaakt doen ons werk goed, met veel enthousiasme en toewijding.</p>
<p>Maak kennis met Studio Alloy en laat u inspireren hoe u uw verhaal kan overbrengen door goed gevulde pixels. </p>
</div>
</section>
<section class="cases flex">
<div class="item-container flex wrap">
{% assign featured_case = (site.projecten | where:"featured","true") %}
{% for projecten in featured_case limit:4 %}
{% include loop-case.html %}
{% endfor %}
</div>
</section>
<section class="flex">
<div class="center">
<a href="/projecten"><button>BEKIJK EEN SELECTIE VAN ONS WERK</button></a>
</div>
</section>
<section class="flex">
<div class="title-container sub center">
<h2 class="center">Alloy diensten</h2>
</div>
</section>
<section class="flex">
<div class="text-container">
<p>Bij Alloy streven wij ernaar om het meeste uit jouw product of dienst te halen door het inzetten van het juiste medium. Wij verdiepen ons grondig in jouw situatie om vervolgens met een frisse blik oplossingen aan te dragen voor uitdagingen en we helpen je met het maken van de vertaalslag naar perfecte, visuele communicatie.</p>
</div>
</section>
<section class="services flex">
<div class="inner flex">
<div class="col">
<h3>Web & Interactief Design</h3>
<p>Alloy heeft een sterke affiniteit met zowel technische ontwikkelingen voor web, als voor visueel aantrekkelijk en communicatief sterk ontwerp. Het geheim van een succesvolle website is, naast de gebruiksvriendelijkheid en technische vereisten voor optimale vindbaarheid (SEO / SEA), een aansprekend design. Wie wil je aanspreken? En wat is jouw boodschap? Wij stellen de juiste vragen om een beeld te vormen over wat aansprekend design moet zijn specifiek voor jouw publiek en dat jouw publiek je online weet te vinden.</p>
<a href="/contact"><button class="button-klein">Spreekt dit je aan?</button></a>
</div>
<div class="col mobile-first">
<img src="/img/alloy-dienst-illustratie-design.svg" alt="design" class="overflow-right"/>
</div>
</div>
</section>
<section class="services flex">
<div class="inner flex">
<div class="col">
<img src="/img/alloy-dienst-illustratie-development.svg" alt="development" class="overflow-left">
</div>
<div class="col">
<h3>Development</h3>
<p>Door de flexibele schil van Alloy developers adviseren wij welke techniek het beste werkt voor jouw project. Wij kiezen uitsluitend voor open en bewezen technieken, die innovatief zijn en ondersteund worden door een brede developers community. Of het project nu een complexe systeemarchitectuur behoeft of eerder een bekende omgeving wenselijk is, zoals Wordpress; wij adviseren welke oplossing het beste is voor jouw situatie. Dit leveren wij inclusief service en volle verantwoordelijkheid of indien gewenst netjes overgedragen aan jouw eigen technische specialisten.</p>
<a href="/contact"><button class="button-klein">Kunnen wij je helpen?</button></a>
</div>
</div>
</section>
<section class="services flex">
<div class="inner flex">
<div class="col">
<h3>Film & Animatie</h3>
<p>Motion design, oftewel aantrekkelijke animatievideo’s zijn een trend op het moderne web. Aan de hand van uitlegvideo’s met geanimeerde beelden ben je beter in staat om een complexe boodschap in een korte tijd over te brengen aan je publiek. Door de nieuwste online technieken is animatie ook erg goed in te zetten binnen de interactie van je website. Denk aan interactieve infographics of een timeline met een verhaal waar je als bezoeker zelf van begin tot eind doorheen kan scrollen. Wij vertellen jouw verhaal met goed gevulde pixels.</p>
<a href="/contact"><button class="button-klein">Jouw verhaal in een animatie?</button></a>
</div>
<div class="col mobile-first">
<img src="/img/alloy-dienst-illustratie-animatie.svg" alt="animatie" class="overflow-right"/>
</div>
</div>
</section>
<section class="clients half-vh fixed flex end" style="background: url(/img/clients.jpg);">
<div class="title-container end-min-vh">
<a href="/contact"><button class="center">Past jouw organisatie hier ook tussen? Klik dan hier</button></a>
</div>
</section>
<section class="team flex custom-padding">
<div class="title-container sub">
<h2 class="center">Ontmoet het team</h2>
</div>
</section>
<section class="team flex">
<div class="text-container">
<div class="flex wrap overflow">
<div id="owl-carousel" class="mve-carousel">
{% assign team_order = (site.team | sort: 'order') %}
{% for post in team_order %}
{% include loop-team.html %}
{% endfor %}
</div>
</div>
</div>
</section>
<section class="pletterij half-vh" style="background: url(/img/pletterij.jpg) no-repeat center bottom; background-size: 100%;"></section>
<section class="contact-info flex">
<div class="title-container sub min-vh">
<h2 class="center">Contact</h2>
</div>
</section>
<section class="contact-info flex">
<div class="text-container">
<div class="inner flex">
<div class="col">
<h3>Studio Alloy</h3>
<address>
{{ site.address }}
</address>
<p>{{ site.email }}</p>
<p>{{ site.phone }}</p>
{% include loop-social.html %}
</div>
<div class="col">
{% include contact-from.html %}
</div>
</div>
</div>
</section>