Hawaii — Island Insider

Landing Page

For the opening vertical I found a video of waves that I thought was cool and then I had my sister play ‘Somewhere Over the Rainbow’ on the ukulele to put as the audio for the waves. I like that it gives you island vibes. I added the text and put this video together in iMovie.

Table of Contents

The table of contents is displayed on a map of the Hawaiian islands. When you click on the island or the name a popup appears in the center of your screen. The popup gives you the option to select beaches, hikes or excursions. Then of course once you select one of those you will be taken to the page you selected on the popup of the island you clicked on.

Beaches

Like mentioned previously, each island has the same background image. Both on the ‘B’ layer and the ‘A’ layer. The image I picked for the ‘B’ layer background was a little dark and I wanted to brighten it up so I did a little editing. Displayed below are the two images I was choosing between for the ‘A’ layer. I went with the image on the right.

‘B’ Layer image. Original is on the left.
‘A’ Layer images.

Hikes

The hike background images for the ‘B’ layer and ‘A’ layer are displayed below. The background image for the ‘A’ layer that I initially picked turned out pretty pixelated when I put it on my iPad. The image I ended up going with is pretty similar to the original and is displayed on the right side.

‘B’ Layer Images.
‘A’ Layer Images.

Excursions

Again, the ‘A’ and ‘B’ layer background images are below. For the ‘B’ layer I have included other images that I was looking at using. The image that I did use is displayed on the top. For the ‘A’ layer I have also included the images I was deciding between and the final image is displayed on the right.

‘B’ Layer images.
‘A’ Layer images.

Font, Icons and Buttons

I was looking online for island fonts and found three that I liked. I asked family members what they thought and ended up with the font Papaya Sunrise for the headings, etc. The issue with this font is there was hardly, if any, symbols available. For the apostrophe on the different islands and some of the words I had to type it separate and then group it to the word.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store