Basic Website
onCourse Logistics
Using HTML, CSS, JAVA
Project Description
Task was to create a basic website design using CSS, HTML, and Java intergation (optional) with the following requirements; a introduction image slideshow to capture the audience, navigation, and a forum for customers to fill out. Timeframe Given: 2 weeks
Additionally, a mock logo, social media adveristment, and introduction video using Adobe Premiere was made.
The Process
"...focuses on providing a calm and stress-free experience for its clients. Specialize in delivering goods with the utmost care and attention to detail, ensuring that they arrive at their destination safely and on time."
First, I developed the mock company, onCourse Logistics
-
Brand Idenity, Voice
-
What is it about, what does it provide, what does it embody
Second, a mood was created.
what I could grasp...
-
color palette
-
message
-
flow
Piece of MoodBoard
Third, mixing concept and barebones of website, after research.
PART ONE: Research
I looked at many sites to feel
and understand how their
layouts embodied not only their
message, but objective for a
everyday user.
While also deciding on the insignia
for the site...really how can it fit.
PART TWO: Concept & Barebones-Figma or the Wireframes
Device One- Computer Mac Pro
Ideas in mind:
-
movement-something to catch viewers' eye
-
incorportation of the color theme/palette
-
verbage embodies the message of the company
Through research, I was able to grasp, what the nessary options in navigation was needed for a new and revisting user.
Device Two- Apple Phone Pro Max
Forth, incorporating all pieces with requirements.
Highlight: Navigation
Highlight: Forum & Error
A top menu was chosen for this project as its main navigation.
A forum for users to filll out and engage with the company without a profile, also can serve as a email subscription.
V2 after Home Screen
Highlight: Java Intergation
Java incorpation can be seen throughout the site, but the coolest place I could incorpate it is in the gallery/news area where a user could see the latest updates without leaving the page.
Final, social media advertisment.
Part ONE: Chicken Scratch or Concept Sketches
How was it created:
5 pages Instagram stories in Adobe Express
Size: 1080 x 1920 px
Part TWO: Finalization/Mock Up
