Our client wanted to keep the website mysterious for outside users, they did not want to give away too much information. So, in order to keep the mysterious vibes, we introduced a ‘more information’ button with an unorthodox design and hid all the detailed textual information behind it, only to be visible if clicked on that button.
The requirement of having everything on one page presented us with our next challenge, creating a smooth navigation system that was easy to understand and use. The biggest challenge was to accommodate the inner pages that contained descriptive text or preview of image galleries for each section. To cope with the situation effectively, we opted to use accordions to reveal the textual descriptions of each project. To preview images from the galleries, however, we found modals more visually appealing and useful.
NEEDLE IN THE HAYSTACK!
Clients do not always know what’s best for themselves. The main purpose of the website was to act as a portfolio tool, especially during meetings with potential clients, to show them relevant projects. During our testing sessions, we realized that with the current flow, finding relevant projects would start becoming more tedious in the future if the number of projects would grow a certain point. So, contrary to our client’s requirement of having just a single page website, we suggested having another page, a site map, that would make it easier to locate a specific project. To make the idea gel into the theme of the site, we turned the sitemap into a thumbnail-based gallery view, which also made it easier to visually find the required project. Luckily, we were able to convince our client and add it to the project.
we are especially proud of that one page!
+ A Personal Portfolio
Showcasing projects with loud and visual layout
+ A Tool of Presentation
Presentation-friendly, concise, visual, and creative, layouts
+ Video on Landing
Full-screen video to kick-off the ‘OTB’ experience
+ Political Commentary
Independant sections with bold letters to give voice to their opinions
Full-screen sections to make long stream with limited data
Randomized content for engaging browsing experience
Gallery-view to showcase the content of each project
Alive & Mysterious
Dynamic transitions to bring designs to life