Revised Visual Mockups
Homepage
​
Here are my revised Homepage visual mockups.
​
Changes:
​
-
Add mobile version design
-
Put in information
-
Change typefaces to Google fonts, Scheherazade New and Heebo
-
Alter font size and font-weight
-
Change hero image
-
Modify navigation bar
-
Alter layout
-
Change icons colour
-
Change typefaces and font size of Sleep Pathfinder app mockup image
​
(Computer, 1366px)
(Mobile, 768px)
(Mobile, 768px)
Articles Page
​
Here are my revised Articles Page visual mockups.
​
Changes:
​
-
Add mobile version design
-
Put in information
-
Change typefaces to Google fonts, Scheherazade New and Heebo
-
Alter font size and font-weight
-
Modify hero image
-
Modify navigation bar
-
Alter layout
-
Change icons colour
-
Alter search toolbar
-
Change button colour
-
Change an image
​
(Computer, 1366px)
App Page
​
Here are my revised App Page visual mockups.
​
Changes:
​
-
Add mobile design
-
Put in information
-
Change typefaces to Google fonts, Scheherazade New and Heebo
-
Alter font size and font-weight
-
Change hero image
-
Modify navigation bar
-
Alter layout
-
Change icons colour
-
Change buttons colour
-
Change typefaces and font size of Sleep Pathfinder app images
​
(Computer, 1366px)
(Mobile, 768px)
(Mobile, 768px)
About Page
​
Here are my revised About Page visual mockups.
​
Changes:
​
-
Add mobile design
-
Put in information
-
Change typefaces to Google fonts, Scheherazade New and Heebo
-
Alter font size and font-weight
-
Modify hero image
-
Modify navigation bar
-
Alter layout
-
Change icons colour
-
Add "Our Stories" section and information
-
Remove buttons
-
Remove picture outlines
(Computer, 1366px)
Microsite Page
​
Here is my revised microsite page visual mockup.
​
Changes:
​​
-
Change typefaces to Google fonts, Scheherazade New and Heebo
-
Alter font size and font-weight
-
Modify hero image
-
Modify navigation bar
-
Change icons colour