PORTFOLIO

UX & Interface Design

Most of my recent UX work has been on my own web site, JessicaSprague.com. You can see the live version at http://www.jessicasprague.com

JessicaSprague.com, 2017 version

JessicaSprague.com Site Design, 2017

Photoshop mockup > HTML & CSS Conversion, Teachable CMS integration, asset development, content development

After designing the mockup in Photoshop, I integrated the images, HTML/CSS into the existing Teachable template and header/footer code. Used Bootstrap Starter Kit as a reference for code blocks and CSS action (dropdowns, rollovers, etc.). 

This site is featured at Teachable.com, and because of its popularity, I've developed a class that teaches other instructors how to implement their own Header/Footer and home page. The class is called "Design & Build Your Fedora School," referencing the older name of Teachable.

*Development of all site resources, including logo, hero images, content, and media were all done by me.


JessicaSprague.com, 2012, 2013

Photoshop mockup > HTML & CSS Conversion, Joomla CMS integration, asset development, content development

After designing the mockup in Photoshop, I integrated the images, HTML/CSS into the templates for the Joomla CMS, and ensured consistency across all installed components, including e-commerce, community, and classroom content.


Typography

06-WeWorkHardDetail11x17.jpg

Additional Typography Examples

Mockup Scene Creator

Branding

JessicaSprague.com

I created all the assets for the 2015 rebranding of JessicaSprague.com, including circular and horizontal logos and business cards:

JS2Logo-Circle200sq.png
JSlogo-navy.png
businesscard_template_us

SnapClickSupply.com

All branding assets for SnapClickSupply.com:

SCSCLogo-400px.png

Moore Square Middle School

Designed logo for new line of spirit wear.

JS-MSSpirit-shirt-blue.jpg

Additional Branding & Ad Projects


Print Design

Heidi Swapp/American Crafts 2018 Crafting Line

AC2018-HS-Hawthorne-17.jpg

Worked with crafting wholesaler American Crafts to design a product line for their Heidi Swapp brand. Produced 24 print-ready papers, plus 100 embellishments with die lines, color & packaging specs. Line will be released at Jo-Ann's in January 2018.

Used Photoshop, Illustrator, my own brushes, illustrations, typography, photography & distressing, plus additional licensed artwork.

Email Header


Blog Header

JS-Bloghead-a.jpg

Site Hero/Landing Images 

MPS-Holidays-Hero01.jpg

Product Mockups

FHPMockup2.jpg

Digital Crafting

JS-BA-Lesson4-web.jpg
download.jpeg