Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Responsive Web Design Process

No description
by

Abdullah AlAmeer

on 26 May 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Responsive Web Design Process

1. Kickoff & Project Charter
Web Design Process
big or small project, goes through four Ds:
discovery, design, development, and deliver.

Discover
Every project
Kickoff
Let’s meet up and get to know each other.
we'll establish
communication protocols, milestones and timelines, deliverable and scope, roles and expectations.
Project
We will work with you to help determine the requirements of the project, from a technical, creative, and organizational perspective. We’ll analyze content, writing style, visual design, and interface design, and make sure we understand everything
Strategy
Search
We'll develop a document summarizing best practices for Search Engine Optimization, including page structure, URL syntax, meta data, and content hierarchy.
Design
Sketches
We will work through
wireframes, or UX sketches, for key views. This will help establish the design system
Interaction
Design
Once we all agree on where we’re headed, we’ll wireframe and document the remaining views, with the functionalists established by the page tables and feature list. Each and every view scenario will be documented to visualize all the content and features we’ve planned
Design
Visual
With functionality fully documented in the wireframes, we’ll layer in the
branding elements, color palettes, and typography
that give each site its unique look and feel.
Styleguide
Documentation
Next, we’ll create a styleguide that will document the design system so that they can be properly implemented. All the details from the grid to hover/touch states to typography styles to content messaging will be detailed.
Discover
Analysis
UX
Develop
HTML
CSS
JavaScript
Now it’s time to build HTML/CSS/JavaScript theme. We’ll make sure all content is governed by CSS and meets W3C standards. We’ll use JavaScript for interactive elements, rather than Flash or Silverlight.
Cross-Browser

Device Testing
Here's where we test and demonstrate how page templates will render in major web browsers and mobile devices (i.e. iPad, iPhone, Blackberry, Android, etc).
Delivery
This is the last stage we will deliver all the important
files ( HTML , CSS , JS , mockups and guidelines )
The
End
Thank You
Full transcript