web design

Tracey St Peter 

Visual Artist / Richmond, VA

Role: Design, production, Photoshop work, building and maintaining website


VERATHON WEBSITE REDESIGN

careers-page.jpg

Careers Page

Role: Design, creative direction, photoshoot, development of storytelling narrative and content, copywriting, wireframes, layered Photoshop files, project management


WEB PAGE DESIGN
High fidelity wireframes

Our Company Page

Role: Design, creative direction, photoshoot, development of storytelling narrative and content, copywriting, wireframes, layered Photoshop files, project management


LO-FIDELITY Wireframes

I designed medium fidelity wireframes to determine content hierarchy and strategize overall goals for page.
Once I had client approval, I developed the high-fidelity wireframes, then provided layered Photoshop files to our developer.

Wireframe option #1

Wireframe option #1

Wireframe option #2

Wireframe option #2

High-fidelity wireframe

High-fidelity wireframe

Role: Design, wireframe development, Photoshop production


Process

The photos below show a process I used to lead my team to build out a web page for a new campaign. My role involved establishing a creative brief, laying out site architecture, developing wireframes and linking strategies. I also established a working timeline and project management to meet a tight deadline.


CLASS ASSIGNMENT

UI design class at School of Visual Concepts, 2018

_09-19-2019_high fidelity.jpg
_09-19-2019_high fidelity2.jpg
_09-19-2019_high fidelity3.jpg