Documentation for Website Redesign

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