After conducting a research plan, I have created a collage of abstract security images, color schemes and website designs inspirations.
Dream Green
#497A79
Sage Green
#BBC7BD
Sunny Yellow
#FFD966
White
#FFFFFF
Light Sand
#F0ECE3
Mood Board & Color Scheme
THE U.S. DEPARTMENT OF HOMELAND SECURITY
WEB DESIGN
The homepage consisted of the three main titles of DHS, core values, latest news and threat assessment.
Every title had it’s own representation.
The menu tab had a mouse enter/mouse exist feature with a hover effect of every title.
Wireframing
Phone Website
Laptop Website
Usability Test Notes
Change yellow color behind background
Maybe have bottom logo take you to main page
Background image a bit pixelated
Remove strokes on typography, outdated
Menu should be an icon
Maybe I would align the blocks
Colors are a little bland, I think you should add colors other than just green, white and yellow
Grid Layout
Laptop Website
Phone Website
Tablet Website
Final Iteration
New Color Scheme
