1 / 22

Designing and refining

Gain insight into the CASS website design journey, from Photoshop comps to Style Tiles, adapting for responsive design. Explore the benefits of this process and see the evolution from concept to user interface elements.

monet
Télécharger la présentation

Designing and refining

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing and refining A snapshot of a website design journey

  2. Purpose of this talk • Give you an insight into my work • Provide me with a chance to reflect on the journey

  3. Setting the scene About me • Web Manager for CASS The brief • To create a website identity for CASS and its Schools

  4. ‘a website identity’

  5. ‘we’re all individuals!!’

  6. Where to start? • Photoshop comp of web page Drawbacks? • No guarantee that a website will look exactly the same for every user • Makes a catalogue of assumptions about the placement and position of elements

  7. An alternative starting point… Style Tiles • Style tiles establish a direct connection with actual interface elements without defining layout • A more developed form of mood board • Can compliment the traditional Photoshop comp route

  8. The Process Style Tiles • Listening, researching, ask questions • Break down and interpret feedback into themes and design principles • Create a visual language

  9. The advantages? • Making changes out of context allows me to work faster • Suit ‘responsive’ design as they don’t imply dimensions or device only that the design will be digital

  10. Style tile to web page • Photoshop layouts • Designing in the browser • Further refinement of the style tile to create user interface elements

  11. CASS Education

  12. Psychology Graduate School

More Related