Sofia Ferrufino

Exercises

• E1: A Little Background
• E2: Linking and hovering in XD
• E3: Design Examples
• E4: Text-Only Layout
• E4a: In-class Exercise
• E5: Text-Layout Coded
• E6: Responive Holiday Card

Project

Project phase 1

• P.P1.1: Idea
• P.P1.2: Competitive study
• P.P1.3: User Scenario Mapping
• P.P1.4: Site Map & User Flow
• P.P1.5: Wireframe I
• P.P1.5: Wireframe II
• P.P2.1: Brief Styleguide
• P.P2.2: Homepage | Desktop | Tablet | Mobile
• P.P2.2: Inventory Page | Desktop | Tablet | Mobile
• P.P2.2: Product Page | Desktop | Tablet | Mobile
• P.P2.2: Cart Page | Desktop | Tablet | Mobile
• P.P2.2: Process Checkout Page | Desktop | Tablet | Mobile
• P.P2.2: About Page | Desktop | Tablet | Mobile
• P.P2: Final | Desktop | Tablet | Mobile
• P.P3: Portfolio Presentation