As you go through http://www.araujoestate.com, you will notice a series of things; the first being, that they have their technological storytelling skills down. No T nor i has gone un-crossed or un-dotted in this realm of knowledge. The site opens with an image of Araujo Estate, where you are immediately encouraged to click on one of the links lined across the top of the page. The title of the webpage is made apparent by a contrasting font and size.
![]() |
| The home page of the site. |
Once you click on one of the links, the viewer's eyes are drawn to the leaf-like graphic found at the top of every page in a repetitive format. The title of each segment is made apparent by a contrasting bold title against a cream background. All of the text is in an almost dark green/grey color that contrasts well against the cream. Every text segment is accompanied by a slide show of images.
![]() |
| The leaf-like graphic greets the viewer at the top of every page. |
The images are vibrant and organic, mirroring the message they are transcending to their audience. The viewer has the option to interact with each text segment, whether they are gliding through images or reading through wine notes of past years. The proximity of each text/image segment to the next is just enough so that the audience has to scroll down to see what is next; I believe this was a great touch that allows the viewer to focus on one segment at a time instead of getting everything at once. Another detail they added to emphasize this proximity is dimming the surrounding segments to emphasize the one you are reading. The whole website's alignment is centered, which makes their story telling details work great for them.
![]() |
| Notice how the text is dimmed in comparison to the vibrancy of the image. Also, notice how the title of each segment follows the viewer. |
Let me know if you like it too!








