USER EXPERIENCE | VISUAL DESIGN

FEATURED WORK

Suzanne Collins Site Image

REIMAGINE

Suzanne Collins Site Redesign

This website was completed as part of a class case competition, and is my most recent website. For this project, my class was tasked with the redesign of Suzanne Collins' website, who is the author of the popular Hunger Games series. Despite her success, her online presence is in need of updating. After being given a prompt establishing the clients' needs and wishes, I developed a sprint action plan. In executing these sprints, I completed user research and utilized my findings to determine the most important elements of the redesign. I then created a moodboard, established a color palette and font styles, and implemented those decisions to develop my site wireframe into a mockup. Lastly, I executed my design using Bootstrap 5, HTML and CSS hand coding. My site was selected by the professor as the class winner.

CREATE

Regenerative Farming Site

This assignment was a collaboration with one of the Journalism Classes in the School of Media Arts and Design. They were tasked with finding local stories and creating media packages, which the Interactive Design students then used to develop websites that would showcase their content. The journalism students presented their stories to my Interactive Design class, where we then were able to ask questions about what format and stylistic elements they wanted to include in the site. From there we utilized the copy, imagery, and videos that they provided to construct cohesive and unique sites that brought all of the elements of their story together. This site was hand coded using HTML, CSS, and some Bootstrap 5 elements.

Regenerative Farming Site Image
Discover Dukes Image

DEVELOP

Discover Dukes App Design

This project was completed in teams of three. Throughout this project my team and I developed a design question, and then went through the entire process of User Experience Research and design. This process resulted in a high fidelity prototype deliverable, which was created with Adobe XD.


SKILLS AND EXPERIENCE

  • Hand coding a responsive, mobile first website using HTML and CSS Grid
  • Hand coding utilizing Bootstrap 5 elements
  • Working directly with a client or client brief to create or improve a website
  • Integrating back end ASPX code with front end HTML and CSS code for layout and styling
  • Top to bottom User Experience Research and Design including:
    • Developing a problem statement
    • Competitive analysis
    • Defining primary and secondary users
    • Creating and executing interview procedures
    • Establishing user pain points
    • Analyzing data with:
      • Affinity Diagrams
      • Attribute Scales
      • User Journey Maps
      • Personas
      • Story Grid
      • User Story Scenarios
      • Storyboards
    • Establishing design requirements
    • Creating app map diagrams and wireframes
    • Developing user flows
    • Constructing Moodboards with Canva and Photoshop
    • Creating interface mockups
    • Executing low and high fidelity prototyping using Adobe XD
    • Conducting Usability Testing
  • Social media planning and management
  • Video editing using Adobe Rush and iMovie

ABOUT ME

"When something is such a creative medium as the web, the limits to it are our imagination."
-Tim Berners-Lee

Image of Natalie

WELCOME!

My name is Natalie Williams, and I am a Spring 2022 Cum Laude graduate from James Madison University. I majored in Media Arts and Design, concentrating in Interactive Design, with a general business minor.

I am a very creative, social, and intrinsically driven person. I am incredibly passionate about my work and put my full effort and attention into everything that I do. Some of my favorite things are reading, listening to music, working out, traveling, and trying new things and meeting new people!

I have incredibly enjoyed my experiences with web design and coding, as well as user experience research and design. I am seeing work opportunities in these fields, as well as public relations, social media management, and marketing. I can't wait to start this next chapter in my life, and am extremely open to relocation outside of Virginia!

This site is a compilation of work and experience that I have accumulated throughout my undergraduate experience at JMU. If you have any questions or opportunities, please feel free to contact me!

Thank you so much for visiting!