www.mattisongivens.com Open in urlscan Pro
34.149.87.45  Public Scan

Submitted URL: https://mattisongivens.com/
Effective URL: https://www.mattisongivens.com/
Submission: On June 08 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form aria-label="Contact" id="form-1915f710-122d-461d-88e9-88be899c6493" data-hook="form-1915f710-122d-461d-88e9-88be899c6493" class="">
  <fieldset>
    <div data-hook="form-root">
      <div class="AxNTep" dir="" style="gap:42px">
        <div style="grid-template-columns:repeat(12, 1fr);grid-auto-rows:minmax(min-content, max-content) 1fr;column-gap:24px" class="FNgTtb">
          <div style="grid-row:1 / span 1;grid-column:1 / span 6" class="QPXBDg"><label id="form-field-label-fc80d133-d7c8-4464-c577-e43b82318d4a-e744ae5b" for="form-field-input-fc80d133-d7c8-4464-c577-e43b82318d4a-e744ae5b"
              class="skZkBuc sddkhJu">First name<span aria-hidden="true" class="sgXUAtj">*</span></label></div>
          <div style="grid-row:2 / span 1;grid-column:1 / span 6" data-hook="form-field-first_name_b6d2" data-field-type="CONTACTS_FIRST_NAME">
            <div class="svhvOZD orr_mCD---theme-3-box orr_mCD--newErrorMessage sPpTCyo">
              <div class="sJMhMzN sywLhcO">
                <div class="sUC0DUv sJz44J9 orr_mCD---theme-3-box" data-theme="box" data-success="false" data-error="false" data-empty-state="true"><input id="form-field-input-fc80d133-d7c8-4464-c577-e43b82318d4a-e744ae5b" data-theme="box"
                    data-success="false" data-error="false" data-empty-state="true" aria-describedby="form-field-error-fc80d133-d7c8-4464-c577-e43b82318d4a-e744ae5b form-field-description-fc80d133-d7c8-4464-c577-e43b82318d4a-e744ae5b"
                    aria-invalid="false" required="" aria-label="First name" type="text" class="sHTj9xP  has-custom-focus" value=""></div>
              </div>
            </div>
            <div class="s__9c3r10 sRLar6R" data-hook="field-error-first_name_b6d2"></div>
          </div>
          <div style="grid-row:1 / span 1;grid-column:7 / span 6" class="QPXBDg"><label id="form-field-label-3f9ef2f2-747b-48a9-4bbf-690999a83551-9b384e6d" for="form-field-input-3f9ef2f2-747b-48a9-4bbf-690999a83551-9b384e6d"
              class="skZkBuc sddkhJu">Last name<span aria-hidden="true" class="sgXUAtj">*</span></label></div>
          <div style="grid-row:2 / span 1;grid-column:7 / span 6" data-hook="form-field-last_name_702d" data-field-type="CONTACTS_LAST_NAME">
            <div class="svhvOZD orr_mCD---theme-3-box orr_mCD--newErrorMessage sPpTCyo">
              <div class="sJMhMzN sywLhcO">
                <div class="sUC0DUv sJz44J9 orr_mCD---theme-3-box" data-theme="box" data-success="false" data-error="false" data-empty-state="true"><input id="form-field-input-3f9ef2f2-747b-48a9-4bbf-690999a83551-9b384e6d" data-theme="box"
                    data-success="false" data-error="false" data-empty-state="true" aria-describedby="form-field-error-3f9ef2f2-747b-48a9-4bbf-690999a83551-9b384e6d form-field-description-3f9ef2f2-747b-48a9-4bbf-690999a83551-9b384e6d"
                    aria-invalid="false" required="" aria-label="Last name" type="text" class="sHTj9xP  has-custom-focus" value=""></div>
              </div>
            </div>
            <div class="s__9c3r10 sRLar6R" data-hook="field-error-last_name_702d"></div>
          </div>
        </div>
        <div style="grid-template-columns:repeat(12, 1fr);grid-auto-rows:minmax(min-content, max-content) 1fr;column-gap:24px" class="FNgTtb">
          <div style="grid-row:1 / span 1;grid-column:1 / span 6" class="QPXBDg"><label id="form-field-label-8c0f84e3-8436-4400-4026-d81b4daa9604-be595a2a" for="form-field-input-8c0f84e3-8436-4400-4026-d81b4daa9604-be595a2a"
              class="skZkBuc sddkhJu">Email<span aria-hidden="true" class="sgXUAtj">*</span></label></div>
          <div style="grid-row:2 / span 1;grid-column:1 / span 6" data-hook="form-field-email_78db" data-field-type="CONTACTS_EMAIL">
            <div class="svhvOZD orr_mCD---theme-3-box orr_mCD--newErrorMessage sPpTCyo">
              <div class="sJMhMzN sywLhcO">
                <div class="sUC0DUv sJz44J9 orr_mCD---theme-3-box" data-theme="box" data-success="false" data-error="false" data-empty-state="true"><input id="form-field-input-8c0f84e3-8436-4400-4026-d81b4daa9604-be595a2a" data-theme="box"
                    data-success="false" data-error="false" data-empty-state="true" aria-describedby="form-field-error-8c0f84e3-8436-4400-4026-d81b4daa9604-be595a2a form-field-description-8c0f84e3-8436-4400-4026-d81b4daa9604-be595a2a"
                    aria-invalid="false" required="" aria-label="Email" type="email" class="sHTj9xP  has-custom-focus" value=""></div>
              </div>
            </div>
            <div class="s__9c3r10 sRLar6R" data-hook="field-error-email_78db"></div>
          </div>
          <div style="grid-row:1 / span 1;grid-column:7 / span 6" class="QPXBDg"><label id="form-field-label-8b34c122-acec-43f3-aae8-505b2f14ad2a-1dcf53a2" for="form-field-input-8b34c122-acec-43f3-aae8-505b2f14ad2a-1dcf53a2"
              class="skZkBuc sddkhJu">Phone</label></div>
          <div style="grid-row:2 / span 1;grid-column:7 / span 6" data-hook="form-field-phone_fd03" data-field-type="CONTACTS_PHONE">
            <div class="svhvOZD orr_mCD---theme-3-box orr_mCD--newErrorMessage sPpTCyo">
              <div class="sJMhMzN sywLhcO">
                <div class="sUC0DUv sJz44J9 orr_mCD---theme-3-box" data-theme="box" data-success="false" data-error="false" data-empty-state="true"><input id="form-field-input-8b34c122-acec-43f3-aae8-505b2f14ad2a-1dcf53a2" data-theme="box"
                    data-success="false" data-error="false" data-empty-state="true" aria-describedby="form-field-error-8b34c122-acec-43f3-aae8-505b2f14ad2a-1dcf53a2 form-field-description-8b34c122-acec-43f3-aae8-505b2f14ad2a-1dcf53a2"
                    aria-invalid="false" aria-label="Phone" type="phone" class="sHTj9xP  has-custom-focus" value=""></div>
              </div>
            </div>
            <div class="s__9c3r10 sRLar6R" data-hook="field-error-phone_fd03"></div>
          </div>
        </div>
        <div style="grid-template-columns:repeat(12, 1fr);grid-auto-rows:minmax(min-content, max-content) 1fr;column-gap:24px" class="FNgTtb">
          <div style="grid-row:1 / span 1;grid-column:1 / span 12" class="QPXBDg"><label id="form-field-label-c9e25fa9-a517-43e7-f869-bb621831177f-304f18e7" for="form-field-input-c9e25fa9-a517-43e7-f869-bb621831177f-304f18e7"
              class="skZkBuc sddkhJu">Company / Organization Name</label></div>
          <div style="grid-row:2 / span 1;grid-column:1 / span 12" data-hook="form-field-short_answer_a48c" data-field-type="TEXT_INPUT">
            <div class="svhvOZD orr_mCD---theme-3-box orr_mCD--newErrorMessage sPpTCyo">
              <div class="sJMhMzN sywLhcO">
                <div class="sUC0DUv sJz44J9 orr_mCD---theme-3-box" data-theme="box" data-success="false" data-error="false" data-empty-state="true"><input id="form-field-input-c9e25fa9-a517-43e7-f869-bb621831177f-304f18e7" data-theme="box"
                    data-success="false" data-error="false" data-empty-state="true" aria-describedby="form-field-error-c9e25fa9-a517-43e7-f869-bb621831177f-304f18e7 form-field-description-c9e25fa9-a517-43e7-f869-bb621831177f-304f18e7"
                    aria-invalid="false" aria-label="Company / Organization Name" type="text" class="sHTj9xP  has-custom-focus" value=""></div>
              </div>
            </div>
            <div class="s__9c3r10 sRLar6R" data-hook="field-error-short_answer_a48c"></div>
          </div>
        </div>
        <div style="grid-template-columns:repeat(12, 1fr);grid-auto-rows:minmax(min-content, max-content) 1fr;column-gap:24px" class="FNgTtb">
          <div style="grid-row:1 / span 1;grid-column:1 / span 12" class="QPXBDg"><label id="form-field-label-44d89434-a716-4f74-158e-3a8a1e26c4be-fbeb5813" for="form-field-input-44d89434-a716-4f74-158e-3a8a1e26c4be-fbeb5813"
              class="skZkBuc sddkhJu">How can we help?</label></div>
          <div style="grid-row:2 / span 1;grid-column:1 / span 12" data-hook="form-field-long_answer_36ec" data-field-type="TEXT_AREA">
            <div class="sJMhMzN s__7jfoG3 ogFQByM---theme-3-box ogFQByM--newErrorMessage scNKRJH">
              <div class="s__7jfoG3 ogFQByM---theme-3-box scNKRJH" data-disabled="false" data-theme="box" data-error="false" data-success="false" data-focused="false">
                <div class="stfKxa2"><textarea id="form-field-input-44d89434-a716-4f74-158e-3a8a1e26c4be-fbeb5813" placeholder="" class="speZOsh has-custom-focus" data-hook="text-area" aria-label="How can we help?"
                    aria-describedby="form-field-error-44d89434-a716-4f74-158e-3a8a1e26c4be-fbeb5813 form-field-description-44d89434-a716-4f74-158e-3a8a1e26c4be-fbeb5813" aria-invalid="false"></textarea></div>
              </div>
            </div>
            <div class="s__9c3r10 sRLar6R" data-hook="field-error-long_answer_36ec"></div>
          </div>
        </div>
        <div style="grid-template-columns:repeat(12, 1fr);grid-auto-rows:minmax(min-content, max-content) 1fr;column-gap:24px" class="FNgTtb">
          <div style="grid-row:1 / span 1;grid-column:1 / span 12" class="QPXBDg"></div>
          <div style="grid-row:2 / span 1;grid-column:1 / span 12" data-hook="form-field-909c5ef3-ea86-4b5e-0fa6-2ef9bd9b3a58" data-field-type="SUBMIT_BUTTON">
            <div class=""><button data-fullwidth="false" data-mobile="false" class="sJrR4hZ sYBDCqs seORdXp oQqoPft--upgrade stnvZws opKctYX--upgrade s__3xK9z3" aria-live="assertive" type="button" tabindex="0" aria-disabled="false"><span
                  class="szpEW6z">Submit</span></button></div>
            <div style="transition:opacity 350ms ease-in-out;opacity:0"></div>
          </div>
        </div>
      </div>
    </div>
  </fieldset>
</form>

Text Content

top of page
Skip to Main Content
Contact

 * Home
 * UX/UI
    * Unifye
    * Gem Travel
    * Overgrown

 * Graphic Design
    * Design Challenges

 * About
 * Resumé





HELLO,


I'M MATTISON GIVENS


A UX/UI DESIGNER

I focus on solving problems through effective design solutions. I immerse myself
in creating captivating interfaces while weaving accessibility seamlessly into
every design decision, making user experiences both beautiful and inclusive.

View Work






MY PROJECTS


UNIFYE

Unifye is a website and app created by an organization that targets young
adults  and new U.S. citizens who are concerned about the the process and time
it takes to register to vote.

View Case Study



GEM TRAVEL

Gem Travel is a website that creates a smooth submission flow for users to rate
their experience after their trips.

View Case Study



OVERGROWN

Overgrown is an app that targets customers from all backgrounds, who lack the
time and ability to pick out their desired floral arrangements. 

View Case Study



LIKE WHAT YOU SEE?
GET IN TOUCH

First name*

Last name*

Email*

Phone

Company / Organization Name

How can we help?

Submit




 * Home
 * UX/UI
   
   * Unifye
   * Gem Travel
   * Overgrown
 * Graphic Design
   
   * Design Challenges
 * About
 * Resumé


bottom of page