1. Introduce your client background
The following design was created for the agency that has different services to present.
2. How to communicate with your client and know their demand at the first stage
In order to understand the client’s demand at the first stage we follow the certain process. We ask to fill in the brief and indicate the core features of the service, the directions and style they prefer. Then, we have a live talk with a client by Skype or other services to get the connection, have a possibility to find out all the questions and to lay the foundation for trusting relationships. We believe that trust and feeling of being partners with client improve the further work.
3.How did you get these design inspirations after you decided on the UI design?
I was really inspired by the task — to create a remarkable website, that stands out of the similar ones. So I decided to solve this task using color and shapes, searching for the perfect combination of this methods.
4. Can you show us some specific process of UI design, how the curve is conceived, and what are the specific considerations when you make color design in this case?
The given design is a website of the agency that presents its services. The task was to create a unique, totally new vision of the service for the client. The website should stand out of the similar ones and be remarkable for a user.
The work started from UX wireframing when the straightforward structure has been chosen. Having each section as a new page we gain the experience where user attention is concentrated specifically on the information of that section. For me, even when the overall structure doesn’t have a lot of elements, it’s still easier to make first steps by sketching on paper. The connection of the ideas and instant hand moves can bring to the new ways of representation and composition. While you’re sketching your first vision, the new idea comes to your mind. So I believe that sketching in the classic old-fashioned way is the best way to blow up creativity. After that, I draw UX in Sketch. Depending on the task, the first explorations can be shown to the client whether in hand-drawn sketches or digital wireframes.
Next, I started to work on UI. As the first part of the page has only the company name, slogan and arrow inviting to scroll, my idea was to create a bright and engaging background. I started to create the abstract combination of elements keeping in mind that it can be further animated. First variants were strict figures like rectangles and squares but then I came up with the idea that rounded shapes would look more friendly. As a result, they symbolize the mystery behind the imaginary scenes that user is invited to discover. Having a slight movement we add liveliness to the page.
The selection of color is always an interesting process to me. Keeping in mind vivid and attractive mood I started to search for the gradients combination as with their help the picture becomes lively. It’s not easy to emphasize the certain steps of color selection as it’s a creative process with constant research but overall, I got 4 variants based on the specific color palette and among them I chose the one that, in my mind, keeps the harmonious combination of contrast and integrity. The final option has calmer gradient combinations in the middle, where company name and slogan are located in order to keep the readability at a high level. On the sides there is a higher contrast.
Working on the gradients in this task my idea was to combine warm and cold shades in a way that in the final look the overall picture will keep the warm feeling at the same time being innovative, bright and young. The main gradients are yellow-orange-red, pink-purple, vivid cyan-blue. Creating multiple gradients in one color scheme I try to change the shades of the main colors, increase or reduce their intensity, opacity. This way there is the brightest color combination and then there come the lighter gradients. Combining the gradients with totally different colors I check whether the edges have the appealing perception so that the page won’t look too contrasty.
Then, the waves continue to appear in all sections. They are the reference to the abstract composition in the first page and the elements that add planning. The CTA buttons support waves and gradients. The background has photos that we can partially see and with the help of transparent shading the information and CTA buttons stand out.
Last but not least, the animation was added to show the way all elements interact with each other and to represent the live view. It was a good example of teamwork, as different approaches and hints brought in life this animation.
5. Can you share with us how you can effectively enhance your design skills? Is there any good book or efficiency tool worth recommending?
First, you should train your taste watching the examples of design in all spheres, following not only mobile, web designers and companies but also the influencers in such spheres as graphic design, architecture, photography, art. This way you will always know what directions are on the top right now, what ideas are representing.
Next, you can challenge yourself creating some small tasks that you will make when you have a spare time between work. Creating concepts, solving the current themes.
There always exist the basic topics you can enhance such as typography, composition, color or when it comes to the other side — self-development and work process improvement.
One of the books I really like is “Interaction of Color” by Josef Albers where you find out the color studies, principles and even illusions you can create using color.
6. What is your work station like?
Here is the photo of my workspace at Tubik Studio. I work on iMac 27 with Retina 5K Display. I always have my sketchbook on the table so that sketch the first ideas that come to my mind. I love to listen to music while I’m working, that’s why there are headphones. For inspiration there is an abstract picture near the window which I drew several years ago, the orchid, as nature always inspires me as well and several books on the table. These two are about Decorative Art of 50s and 60s. Also, there are some nice elements like owls statues, bright VR googles and postcards to please me.