Can you make a strategic communications consultancy not boring?
Zeyna has been my client for many years before we decided to combine the creative side and communications guidance into one entity, able to deliver both.
Marvell is an agency specializing in marketing and communications advice for corporations, small businesses, and startups.
The agency takes pride in being discreet and open with its clients, making them feel confident all the way to the end of any campaign or endeavour, always providing the real results, and never resolving to obscure marketing speech just to look competent.
About 90 percent of all information is acquired by humans through their eyes (I totally made that figure up but it sounds plausible, right?).
The main colours are a dichotomy of light and dark. While not exactly unique the element sizes and white space are what contribute to the actual feel of the site.
Accents are created with gradients made of a few main colours and their shades — mostly shades of blue and a touch of reds, creating an interesting and natural looking lighting.
The idea for the site was to be simple and calming without any hints of hectic corporate atmosphere so common in other communications consultancies — usually agency's clients have enough of that in their everyday business activities.
I created a slowly flowing (but responsive without being sluggish) mood for the pages which is evolving as visitors scroll through the canvas. It is backed by subtle (and sometimes not-so-subtle) animations and interactions for the wholesome browsing experience.
Main page is minimalist in appearance but neatly sprinkled with little parallax effects here and there, and satisfying interactive pieces.
Page with the list of services is divided into parts with interactive graphics, which look like complex worlds themselves, allowing for some fun reactive experience.
Company description is a fun short cosmic trip into relaxing darkness and back.
Concise and to-the-point statements about company's approach are provided in a focused manner, and span full screen sections.
Unconventional menu system, which I named "zen navigation" during production, is a beautiful study in contemplation.
I am always happy to talk about any minuscule detail of my creations. Stop me if I bore you!
Micro-interactions are what designers use to keep visitors entertained while staying on the site or using online service. I made sure that all interactive parts of the pages had visually pleasing feedback — hovering or simply scrolling the page is a gratifying process.
At the same time I remained mindful of people's hardware so the pages are not a resource hog.
There are several animated scenes on various pages that add to the aesthetics, and set the overall mood.
The "checkerboard" is a fun escheresque scene of confusing perspectives and non-conventional logic that represents first part of company's services — strategic planning. Today's rapid evolution of business models leaves conventional approaches to problem solving in the dust. Hence the three-dee-chess style.
The second half of the services that Marvell provide is everything creative. Pseudo space scene with complex shapes and colours bursting into life as cursor hovers and moves over it represents effortlessly tasteful style with which company approaches all challenges.
And here is a more in-depth look into the worlds of navigation shade. While I am sure that most of the time navigation should be efficient in doing one thing — getting users to their destination in as little time and effort as possible, the one I did here is intentionally made in such a way that visitors may pause for a bit and just enjoy the views. If even for a few seconds it is still good to just relax your eyes.
Side scrolling void scene was the easiest to create in terms of technical complexity — just a bunch of rounded and coloured divs flying in cycles through the screen.
The little svgs were a pain to combine into tetrahedrons which I wanted to be real 3D objects created with pure css. The right angle for the transform properties, some trigonometry to calculate proper distances, sync everything... yeah, glad it is over.
Underwater cubes weren't hard to create and it was fun fighting my own thalassophobia working on this piece.
It makes no difference which device you use, site just works.
I mean it goes without saying that everything is responsive and usable on anything but your grandma's microwave but I will mention it pro forma.
Since mobile devices are no place for fancy visual experiments and are frequently used on the go to check for useful info, I forewent (is this even a word? Sounds classy, I'll use it) some of the pretty stuff for the sake of minimizing load times and overall impact on the performance of the handheld units.
Hi, I'm Alex. For many years I've been in the process of improving the digital realm around me (and improving myself at the same time) in a couple of ways I could. Mostly by giving it a meaningful look, providing the cues to not get lost in it, and ensuring I am not getting carried away by the visual side of the job. Mind you the last part is the hardest one.
My field of expertise which may be of use to you, dear visitor, lies in the following: