PurpleDocs
Website Design and Developent Documentation
Padmaja Amin
1
2
Content
01. Design Brief...............................................................................................05 02. UML Diagrams.......................................................................................07 03. Information Architecture.......................................................11 04. Sitemap...........................................................................................................13 05. Wireframes................................................................................................15 06. Redesigned Website.................................................................... 23 07. Responsive Views............................................................................33
3
Abstract
4
Design Brief
About PurpleDocs: PurpleDocs is a Healthcare records management company with a cloud based software solution that is user friendly, saves time and simple to use. One can easily access records, scans, MRI, X-rays, reports, from anywhere. With digitization of the records key authorized persons can access and retrieve records with a click from anywhere.
Design brief: To redesign the existing website which would cater to the B2C and B2B fronts. The user should get an all round experience of a responsive website. The website should be intuitive and easy to navigate.The website should have SEO friendly code for increased search engine rankings.
5
UML Diagrams
6
Use case diagram for end user
7
Activity diagram for login
Activity diagram for submission of enquiry
Activity diagram for change password 8
Sequence diagram for login
Sequence diagram for password change 9
Information Architecture
10
11
Sitemap
12
Sitemap
13
Wireframes
14
Wireframe for website homepage 15
Wireframe for 1st product webpage 16
Wireframe for 2nd product webpage 17
Wireframe for career webpage
18
Wireframe for team webpage 19
Wireframe for office locations webpage
20
Wireframe for contact us webpage
21
Redesigned Website
22
Homepage [1/2] 23
Homepage [2/2] 24
MyPurpleDocs Product page [1/2] 25
MyPurpleDocs Product page [2/2] 26
Career page 27
Corresponding forms for each selection 28
Office locations webpage
Map shown when “view map” clicked 29
Press features webpage 30
Team webpage
Onclick pop up for each team member 31
Responsive Views
32
Responsive views of the website 33
Responsive views of the website 34
The website is live right now: www.purpledocs.com. This project was done 2 years ago, hence some changes have been made after this, which are not by me.
35
36