NMA RE:V4

NMA Website Redesign (v4)

Internal project site for NMA faculty during the NMA website redesign process.

  1. Project Brief
    Project Brief
  2. Google Doc - NMA Content Doc
    Content Doc
  3. nma v4 lofi
    Lo-Fi Prototype
  4. NMA Shared Library
    NMA Library
  5. nma v4 hifi
    Hi-Fi Prototype

All Planning Documentation

Project Brief, Shared Assets/Folders, Site Maps, etc.

  1. Project Brief
    Project Brief
  2. Trello Board
    Trello Board
  3. Google Team Drive
    Google Team Drive: NMA Website
  4. Google Team Drive
    Google Team Drive: NMA Design System
  5. Google Team Drive
    Google Team Drive: NMA Brochure
  6. Adobe Shared Library
    Adobe Shared NMA Design System Library
  7. Site Map
    Site Map
  8. Site Map
    IA via Octopus.do

All Content Explorations

Content Strategy, Content Heirarchy, Copy Writing, etc.

  1. Google Doc - NMA Content Doc
    Google Doc: NMA Site Content (text only)
  2. Wireframe
    Sample Content: Google Site Copy/Paste Dump
  3. Coded Lofi WP Site
    Sample Content: Lo-fi Wordpress Site

All Visual Design Explorations

Style Tiles, Potential Concepts, UI Mockups, etc.

  1. NMA Style Guide Google Site v2
    Style Guide G-Site v1
  2. NMA Shared Library
    NMA Shared Library
  3. roboto style tyle
    Sample Colors
  4. roboto style tyle
    Sample Type Specimen
  5. roboto style tyle
    Sample Style Tile
  6. kepler style tyle
    Sample Style Tile
  7. kepler style tyle
    Sample Style Tile
  8. XD UI Design Sprint: Section Layouts
    UI Sprint: Section Layouts
  1. designmockup
    Sample Concept Mockup: B/W Photos +
  2. designmockup
    Sample Concept Mockup: Orange
  3. designmockup
    Sample Custom Illustrations
  4. designmockup
    Sample Concept Mockup: Custom Illustration Home
  5. designmockup
    Sample Concept Mockup: Custom Illustration Sub Pages

All UX & Dev Tests

Prototypes, Tech Tests, etc.

  1. Protypes
  2. Code Tests
  3. Dev Tests
  4. Wordpress Tests
  5. Other Tests

All NMA Wordpress Test Sites

Fully Funtioning NMA Wordpress Sites with real content, used to do hands-on testing of different WP parent themes, WP plugins, and to explore different potential design patterns, content, and layouts.

  1. Main WP Site
  2. Other WP Sites
  3. NMA Projects Site

Fun Stuff

Random Visuals to Consider

  1. NMA Accordion
    NMA Accordion
  2. Type Animation Steps
    Type Animation: Steps
  3. Text Effect Gooey Morph
    Text Effect: Gooey Morph

Notes

07.26.2021 | Notes

  • Added links to all of our NMA WP Test Sites + NMA Style Guide Google Site and other recent documents.

05.20.2020 | Notes

  • Added links to our team Trello Board, Google Drive Shared Team Folders, Adobe Shared Assets Library, and a bunch of Dev Tests.

05.08.2020 | Notes

  • Added NMA intern work and NMA Content Only Google Site Example

05.06.2020 | Notes

  • Links to past nma grads created nma website for their final in art258:

02.07.2020 | Whiteboard Notes

  • whiteboard notes
  • font kepler std does not have Hawaiian diacritical glyphs.