Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
i have to make an
interesting and
engaging website…
while also being
concise for people
looking to hire me.
Slide 3
Slide 3 text
my existing
website design!
it has a very simply
conveyed
personality
it isn’t too difficult
to access works,
but the carousel
takes up a bit too
much space.
Slide 4
Slide 4 text
how do i make my website more
engaging…
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
oooo it’s prettier now (lighting
ily), this is looking really great!
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
the entire format
falls apart if you
try to use it on
mobile.
Slide 11
Slide 11 text
by making every
element a separate
layer…
let me introduce you to…
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
doing this allowed my friend
and i to make a dynamic
parallaxing system based on
the size of your window to
ensure that no matter the
aspect ratio of the device or
window you are viewing it
on, you’ll be able to see all of
the elements to click on
while still looking good.
(the goal for mobile
would be this, a
horizontally squished
version of the main
format)
Slide 22
Slide 22 text
the (amazing) result!
(thank you sm chloe for
the coding help <3)
(demo with filler layers) (the real deal with the
temporary layers i made)
Slide 23
Slide 23 text
(we also added a small locational parallax based on where your cursor is :> )
(and we’ll get back to that object highlight toggle later…)
Slide 24
Slide 24 text
now to hand- draw the layers*…
*i have not finished
drawing the layers sob
Slide 25
Slide 25 text
the elements i’ve done so far, separated!
Slide 26
Slide 26 text
the rest of the website now has to be remodeled to
match this new aesthetic and visual style…
more concept / asset
art time !!
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
- concise, efficient
presentation of
storyboards
- basic description of
project the boards
were made for
- paper roll scrolls
with the projects, the
rest of the page is
static. lighting is also
static.
- made to look like an
actual storyboarding
page!
Slide 32
Slide 32 text
No content
Slide 33
Slide 33 text
- more meandering
format
- polaroid photos
pinned to a
corkboard
- two aspect ratios –
wide and square
- basic titles and info
below images
- maybe have polaroids
have slight
randomized rotation
- polaroids and looping
background scroll
Slide 34
Slide 34 text
i did a little
animated demo
showcasing how
objects (when
hovered over) will
appear on the main
page!
thank u for volunteering to be clicked pine
Slide 35
Slide 35 text
- draw the rest of the layers
- finalize system for carousel tv
- implement new storyboards & portfolio page
- add organizational tags & filter system to portfolio
page (i.e. 3D, animation, game dev, etc.)
- design & implement contact page
- update website with new stuff
- daytime reactive system???
- different landing page lighting and background
based on system time (morning, day, evening,
night)
- oh gosh this is a lot of drawing
Slide 36
Slide 36 text
(thanks for listening!)