About Me Landing Page ·
About Me Landing Page ·
About Me Landing Page ·
About Me Landing Page ·
About Me Landing Page ·
About Me Landing Page ·
Purpose
A basic introduction to the online publication design. The task was to build a simple single responsive web page that has a basic bio that represents one’s background, interests, and values. Has to be constructed by using the Bootstrap framework. Had to edit HTML, CSS, and at times JS.
Landing Construction
Used two separate templates in order to add the jumping header to my sections. Mobile navigation unfortunately was unintentionally cut. The main idea was to show the values by using moving graphs and give visitors an option to view my work by sorting it out. The main inspiration was the love to change hair color into bright ones (blue, red, pink, etc.)
Online Publications Research
After the song selection, I started brainstorming the color palette and visuals based on my own perception and music video. Read more about the references by moving the mouse over the X’s. The lyrics have “loud whisper”, and in order to emphasize it, I used white type, which draws the eye of the viewer.
Full-bleed cover
Sticky header menu
Contact form
Right-side menu was interesting, but was inconvenient to the non-advanced users and had to be replaced
Portfolio section that auto-adjusts placement of works relative to each other
The sticky menu I cut out from this website and pasted on my own after removing all menu navigation
…
Typefaces
& Colors
#687893
#d46ca4
#f2dbe7
Raleway
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Open Sans Bold
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Open Sans Regular
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
