melissakeizer.com/index.html at gh-pages · melissakeizer/melissakeizer.com · GitHub

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
---
layout: default
page: home
selected: home
seotitle: Home
title: Hi, I’m Melissa Keizer.
intro: I’m a user experience designer who makes digital products. I’m also a photographer and visual story teller.
---

<div class="container">
  <article class="intro">
    <h1 class="aos-item" data-aos="fade-up" data-aos-delay="800" data-aos-once="true">{{ page.title }}</h1>
    <h2 data-aos="fade-up" data-aos-delay="1000" data-aos-once="true">{{ page.intro }}</h2>
    <a data-aos="fade-up" data-aos-delay="1200" data-aos-once="true" href="/about" class="textLink textLink--animated textLink--onDark textLink__arrow">Learn more about me</a>
  </article>
</div>
</section> <!-- end pageTop -->


<section class="pageMiddle">
  <div class="container clearfix">
    <section class="workExamples workExamples--hikeUp">
      <div class="workExamples__half" data-aos="fade-up" data-aos-delay="1450" data-aos-once="true">
        <div class="workPiece">
          <a href="https://thrive.app" target="_blank"><img src="../img/homepage/work-thriveWebsite.jpg" alt="Thrive marketing website" class="workPiece__image" /></a>
          <div class="workPiece__text">
            <h4><a href="https://thrive.app">Thrive - Effective Company-wide Communication</a></h4>
            <p>Connecting, communicating and engaging with hard to reach, distributed, deskless or remote workforce </p>
            <p class="sans-serif">Web Design, Front-end Development, Craft CMS Integration</p>
          </div>
        </div><!-- end workPiece -->
      </div><!-- end workExamples__half -->
      <div class="workExamples__half workExamples__half--right" data-aos="fade-up" data-aos-delay="1450" data-aos-once="true">
        <div class="workPiece">
            <a href="http://melissakeizer.com/thrive-mobile/"><img src="../img/homepage/work-thriveMobile.jpg" alt="Thrive Mobile App on iOS" class="workPiece__image" /></a>
          <div class="workPiece__text">
            <h4><a href="http://melissakeizer.com/thrive-mobile/">Thrive Mobile - Reach Every Employee</a></h4>
            <p class="sans-serif">User Research, UI Design, Usability Testing</p>
          </div>
        </div><!-- end workPiece -->
        <div class="workPiece">
          <a href="https://w5online.co.uk" target="_blank"> <img src="../img/homepage/work-w5.jpg" alt="W5 Website" class="workPiece__image" /></a>
          <div class="workPiece__text">
            <h4><a href="https://w5online.co.uk" target="_blank">W5 - Science & Discovery </a></h4>
            <p class="sans-serif">User Research, Web Design</p>
          </div>
        </div><!-- end workPiece -->
      </div><!-- end workExamples__half -->
    </section>
    <section class="fullWidth clearfix">
      <a href="https://dribbble.com/KeizGoesBoom" class="textLink textLink__arrow" target="_blank">See more of my design work on Dribbble</a>
    </section>

  </div><!-- end container -->
</section><!-- end pageMiddle -->

<section class="pageMiddle--dark">
  <div class="container clearfix">
    <h3 class="bottom-space--m" data-aos="fade" data-aos-once="true">As well as being a full-time designer, I’m also a freelance photographer and hobbyist. I love capturing animals, live performers, local events and beautiful places.</h3>
    <section class="photoExamples" data-aos="fade-up" data-aos-delay="200" data-aos-once="true">
      <div class="photoExamples__half">
          <a class="photoPiece photoPiece--fox" href="https://www.melissakeizerphotography.com/animals-afternoon-tea">
            <div class="overlay"></div>
            <p>Animals &amp; Afternoon Tea</p>
          </a>
          <a href="https://www.melissakeizerphotography.com/electric-pup" class="photoPiece photoPiece--electricpup">
            <div class="overlay"></div>
            <p>Electric Pup</p>
          </a>
          <a href="https://www.melissakeizerphotography.com/a-few-favourites" class="photoPiece photoPiece--tiger">
            <div class="overlay"></div>
            <p>A Few Favourites</p>
          </a>
          <a href="https://www.melissakeizerphotography.com/aint-nothin-but-a-hound-dog" class="photoPiece photoPiece--elvis">
            <div class="overlay"></div>
            <p>Nothin' But a Hound Dog</p>
          </a>
      </div>
      <div class="photoExamples__half photoExamples__half--right">
        <a href="https://www.melissakeizerphotography.com/born-this-way-baby" class="photoPiece photoPiece--ladygaga">
          <div class="overlay"></div>
          <p>Born This Way, Baby</p>
        </a>
      </div>
    </section>
    <section class="fullWidth clearfix">
      <a href="http://melissakeizerphotography.com" target="_blank" class="textLink textLink--onDark textLink__arrow">See more on melissakeizerphotography.com</a>
    </section>
  </div><!-- end container -->
</section><!-- end pageMiddle -->