Marvell Strategic Communications

Scroll to see the details

Can you make a strategic communications consultancy not boring?

  • concept, interface design, animation
  • logo design, graphic design & illustrations
  • development

The client

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.

#ffffff
#021138
#ff084d
#55dcff
#0867ff

prelude: colours

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.

Not just yet another...

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.

Details matter

I am always happy to talk about any minuscule detail of my creations. Stop me if I bore you!

The tiny ones

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.

The cavalry

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.

The Zen

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.

Orbiting

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.

Triangulating

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.

Sinking

Underwater cubes weren't hard to create and it was fun fighting my own thalassophobia working on this piece.

Bring it along with you

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.

Please visit the actual site to see it by yourself and in action!

But wait, let us talk about your project now!

Design and development by Alex Dram
© 2018
Multi-disciplinary digital designer
During this dozen of years I've seen things young designers wouldn't believe. Grunge and web2.0 on the rise at the beginning of 00s. I watched first responsive sites glitter in the static dark near the start of 10s, and first UX-centric approaches emerging in recent years. I've seen skeuomorphism die. All those moments will not be lost in time.

The Who

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.

The What

My field of expertise which may be of use to you, dear visitor, lies in the following:

  • visual design and art direction
  • user experience design, UI design, and information architecture
  • strategic consulting and project management
  • web development
  • Oh, and I can also teach you a thing or two about climbing rocks, scaling mountains or proper tango posture if this is something you'll ever require
I am always happy to dirty my hands on a complex task, so do not hesitate to hit me up with your requests! And if your project will benefit the humanity in any meaningful way I will make a 50% discount right away. No kidding.