John Cerpnjak
  • About
  • Journal
  • Portfolio
  • Contact Me
  • Call Me
  • Menu Menu

Tag Archive for: web design

Gradient Background

web design

I mentioned in a previous post that bold and colourful gradient background have become one of the more versatile web design trends of late.

gradient background

The ubiquity of gradient backgrounds in social media.

Gradient backgrounds are popping up more frequently in social media when users post status updates. And with screen resolutions improving all the time gradients look more smooth and subtle than ever before.

So I thought I could put something cool together that hopefully may inspire others in their work.

I’ve made a collection of my favourite colour gradients and organized them into a gallery for your viewing. Each image in the gallery has the hex codes that were used to create the gradient.

Gradient Background Gallery

gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background
gradient background

Have you wondered why colour gradients are becoming so trendy right now? I think in a lot of ways it’s a progression from the flat design practise that’s been popular over the last 5ish years.

Take a journey with me through time, won’t you?

Back in the turn of the decade (that’s 2010 for those of you keeping up) the use of smart phones and touch interfaces was gaining steam. For the first time people were browsing web pages on their phones and designers needed to create visual clues that certain elements on a page were interactive. This was achieved predominantly by three concepts of design thinking: three-dimensional effects, skeuomorphism and realism.

And while some of these concepts worked well for desktop browsing they weren’t entirely great for mobile. Back then user-interface design elements consisted of a lot of glossy material-looking rounded corner buttons.

skeuomorphism

A sample of skeuomorphism UI design from around 2010-2011.

In an attempt to simplify the aesthetics and create interfaces that were authentically digital, designers started down the path of minimalist design by throwing out the need for glossy or three-dimensional shadowing effects.

But designers were in uncharted waters back in those days. Issues began to arise when users were becoming confused with what was interactive or not. In order to sort out errors in user efficiency, flat design evolved into what some now call “flat 2.0”

flat design

The use of flatter elements brought on a more intelligent use of colours.

While the flat aesthetic that took us from 2012-2017 is sleek and easy to look at, I found its major flaw was that it completely abandoned the concept of realism in design thinking. In reality, the human eye perceives depth through colours and shadows. Just think about nature. Look at the Toronto sky to the east in the mornings. You’ll most likely see graduated colour – blues, reds, oranges, yellows.

This is the same concept that’s being introduced to the design industry right now. Gradients and shadows help add a level of depth and reality to the design when done well.

mobile ui design

This is what the future has in store for gradient backgrounds.

Be sure to check out UIGradients for more gradient colour combinations.

0 Comments
https://i0.wp.com/cerpnjakjohn.com/wp-content/uploads/2018/02/GradientBackground.jpg?fit=845%2C321&ssl=1 321 845 John Cerpnjak https://cerpnjakjohn.com/wp-content/uploads/2017/06/JohnCerpnjakLogo.png John Cerpnjak2018-02-20 21:35:182018-04-24 17:53:10Gradient Background

Web Design Trends I’ve Noticed in the Last Year

web design

Remember what web design trends use to look like in the 90s and 2000’s?!?

Things were simple back then; more attention to text and the pages remained quite dull.

Just take a look at fanfiction.net, which has been around since 1998. It’s a great example of a typical web page back from the ol’ Web 1.0 days.

web 1.0

FanFiction.net…you don’t look a day past 1998.

Things have come a long way since then.

With the increasing importance of web technology for businesses and individuals alike, and with the introduction of new uses such as mobile, designers needed to come up with new design concepts. We’ve been through material designs, hamburger menus, animated backgrounds, and in general simple typography and designs to cater for the increasingly speedy nature of modern life.

When you spend as much time online as I do, and when you’ve been surfing the net as long as I have, you start to notice some things.

I’ve put together a list of web design trends that I’ve noticed throughout the last year.

Table of Contents

  • Menus and navigation
  • Themes and colors
  • Fonts
  • Graphical elements
  • Video, animation and sound
  • Broad observations
  • New technologies

Menus and navigation

Hamburger menus

This trend came out of the mobile-first approach as a design solution for smaller screens, however they’ve risen in popularity and are being used on desktop screens. A hamburger menu rids the need of taking too much room on a website, and makes a site appear free of navigation clutter like drop-downs, social icons, search bars and utility links. Since most people are familiar with the usage of a hamburger menu their ubiquity across screen sizes may go unnoticed.

Vertical user flows

Mobile is here to stay and Google confirmed last year that it witnessed more searches via smartphones than desktops. This has caused many web designers to give their websites the feel of vertical patterns and scrolling. There was a time back when I was in school where people built horizontal scrolling sites, and they were cool!

But you just don’t see them around anymore.

Now it’s become important that websites allow users to scroll more on smaller screens. In short, vertical user interfaces have become the thing of present in 2017. The act of vertical scrolling is being used to lure prospective customers into moving down deeper into a site’s content, and thereby increasing conversion rates.

Fewer menu options

If you were paying attention in 2016, many websites were redesigned with reduced primary navigation options. This has only continued in 2017. Header menus that previously presented 5-7 options have been reduced to 3-4.

Back to top

Themes and colours

Modern retro

Whether it is pixel art, vintage typography or 80s and 90s inspired imagery; retro with a modern twist is in right now. It has been having a greater influence on web design over the last few years, with many sites making use of this style.

Dark aesthetics

youtube dark theme

 

I’ve noticed the last while that the current versions of my software tools have been released with dark UI designs. I think this trend is becoming more common in web design as YouTube has released an optional ‘dark theme’ this past year.

Bright gradients & two-tone photography

Gradients have been huge lately. A good example of this would be Agadir-based agency symodd.com who make this two-tone effect look fresh and modern, with their full-screen, gradient-washed homepage.

Toning has always been one of the most accessible photo manipulation tricks designers can use in Photoshop and Lightroom, and these parred-down, two-tone colour schemes look cool and contemporary on Australian Design Radio.

Landing pages with monochromatic colours and a contrasting CTA button

CTAs (call-to-action) should always stand out, and a bright pop of colour on an otherwise neutral or contrasting colour palette can really do the trick.

Back to top

Fonts

Dynamic & bold typography

The advent of Google Fonts and Adobe Typekit has made using new and different fonts and scaling them to large sizes much easier than it ever used to be. It’s allowing designers to be able to do simple and dramatic layouts, which is benefited by today’s high-resolution displays. Basically, it gives you the opportunity to display your brand identity in a unique and differentiated way.

More and more companies are turning to big, bold typography in the ‘above-the-fold’ to anchor their home pages. This style works best when the rest of the page is kept minimal and clean. Much like these examples here.

More serif typefaces

For anyone who’s studied design in school, you would have heard that sans serif typefaces are preferred on screen displays. They are believed to be easier to read than serif fonts. Serifs or other typefaces with thin alternating strokes can disintegrate at certain sizes or screen resolutions. However, since more people have high definition screens on all their devices, this has lead to enhanced readability and designers are now making greater use of serif typefaces.

Mixing horizontal and vertical text

Freeing text from its usual horizontal alignment and placing it vertically on a page adds some refreshing dimension. Take this example from director Matt Porterfield, which mixes horizontal and vertical text alignments on an otherwise very simple page.

Oversized type

Source: nurturedigital.com

In-your-face lettering is going to continue to get bigger and bolder. From single word homepages that ask users to move through the design on a whim, to words in interesting typefaces or with splashes of color, text is more important than ever.

Back to top

Graphical elements 

More Authentic Imagery

Every business owner who’s been making a living online since the early 2000’s has always told me, “never use stock photography.”

Who ever knew these people were 10-15yrs ahead of this trend?

Because of the popularity of Instagram and other visually driven platforms like Pinterest, there has been a significant increase in companies and websites opting for authentic photos rather than generic stock images.

Business owners realized the importance of showing real people and company processes, to establish a stronger connection with their clients and to “put a face” to the brand. Photographs, custom illustrations, as well as cartoon type of videos are a powerful tool for attracting new clients, easily explaining a new concept and building up strong brand recognition. 

More SVGs

Scalable vector graphics (SVGs) present plenty of advantages over traditional formats such as PNG, JPG, and GIF. Instead of being pixel or raster-based, SVGs are resolution-independent, so they will appear stunning on any device or screen. Are you using SVGs in your design work yet?

Hybrid material design

There was a trend in design for going very flat. Microsoft’s operating system is indicative of this. They got rid of shadows, textures and everything got super flat. That was predominantly the style for a while and now we’re starting to move away from that.

Google has developed something called material design which is essentially a hybrid between flat and a little bit of a more volumetric shape built into it, so it’s easier to navigate and move around while protecting the modern visual aesthetic. Also, material design is better for mobile in terms of understanding how to navigate and what you actually need to do on the website or app.

Full-width & full-screen media

Full width image/video sliders are very trendy these days. Studies have shown that large images make people stop and take notice. It’s exactly that kind of “interruption” that contributes to higher levels of conversion.

Illustration

More companies are turning to illustrators and graphic artists to create bespoke illustrations for their websites. After years of flat design and minimalism, adding illustrated touches to your site is a great way to inject a little personality, as seen in this charming example from NewActon.

Geometric shapes and patterns

Whimsical patterns and shapes are popping up more frequently on websites, adding some flair in a landscape otherwise ruled by flat and material design. Toronto-based design studio MSDS uses patterned letters on their homepage.

Back to top

Video, animation and sound

GIFs and Cinemagraphs

Whether they know it or not, people love animation. Everything from large animated backgrounds to subtle small animations like GIFs and button hovers. The human eye is immediately attracted to any movement. Animation creates a level of visual feedback for the user, which in turn, makes for more attractive and engaging experiences.

Cinemagraphs (high-quality videos or GIFs that run on a smooth, continuous loop) have become a popular way to add movement and visual interest to otherwise static pages. They are even being used more commonly in display advertising.

The ability to create animated loops is much more accessible now than in days past. Back in school, I had to approach animation projects from the concepts found in stop motion. Basically, I was drawing and/or photographing every single frame and then using computer software to make a video out of it. It was always a lot of work even to just make the shortest of animations.

These days it’s almost like you’re working in reverse. In the case of cinemagrphs, you can use mobile apps (like Flixel) to shoot video first and then use software to make animated stills. Another way to look at it is as a subtractive move. You’re taking information out of the video to make still motion. This has shortened the overall time it takes to make an animation. As a web design trend animation will only continue to change and evolve but we’ll always be using animations in our designs.

Videos with sound

One thing I’ve noticed this past year in social feeds like Facebook and Instagram is that when scrolling past videos they now autoplay with sound. Whereas before, they would autoplay with captions and the user needed to click on the video to get audio.

There was a time in the last 5 years where Google and Facebook would penalize advertisers who drove paid traffic to landing pages that had videos that would autoplay. I’ve personally found more lenience towards this recently. It also has me believing that users are becoming more accustomed to autoplay media while online.

Back to top

Broad Observations

Responsive First Approach to Design

‘Mobile’ and ‘responsive’ design are buzzwords that have been thrown around a lot in the last several years. With that being said they have also changed a bit as well and I’d like to provide my own distinction. Responsive design is an approach to web design that uses CSS media queries and flexible layouts.

The ‘mobile first’ approach simply means designing for the smallest screen first and then working up from there.

Not too long ago website owners use to have separate stylesheets for different screen sizes. Essentially having one set of pages for desktop and another set for mobile.

There has been an upgrade to web design thinking in how website owners manage their sites. The ‘responsive design’ approach really is an evolution over the ‘mobile first’ concept because it reduces the number of files needed for browsers to display a site. Removing this bloat makes websites run better so designers can truly focus on user experience.

Emphasis on the content

We’ve spent years adding things to our websites such as sidebars, headers, banner ads, sidebar ads, popups, social media buttons, etc. All of these elements have ended up cluttering our websites and taking up more and more real estate, taking the attention away from the entire point of a web page: the content. In 2017, websites started moving back to basics and placing more emphasis on content.

No more traditional web design

Companies are beginning to wane on using traditional web design concepts. In the old ways, the role of the design was to make the tech look good to the audience. With the emergence of experience design, the focus and reach of web design have shifted. By using human-centered concepts, it has frantically changed the way we view web designs. User experience has become the basis for web design now.

The start of the end of flat design

All the rage that once existed in flat web design has just about run out. Web designers have just about burned out from applying the same basics over and over again. Because this technique is being used by virtually everyone, websites often look the same overall.

We may be looking at a future where flat web design may become obsolete. In their place, more imaginative and unique layouts and designs will take over.

Back to top

New technologies

Virtual reality & 360 videos

Virtual reality has never had such a bigger year than that of 2016 and now it can be experienced on browsers as well. It has been gaining momentum very quickly and has been seen in Samsung commercials as well. VR is on the same path as that of conversational interfaces. However, the user interface challenges with VR are far more robust and easier to understand than conversational interfaces. I’m expecting to see a lot more virtual and augmented reality in the near future.

AI-powered bots and conversational interfaces

In terms of visuals, bots are unlikely to have a big impact on web design, but they will significantly influence how designers think about creating websites. AI-powered bots are going to get even more realistic and complex, empowering businesses to automate communication and sales. Using tools like Letsclap, online businesses will be able to connect with their customers via messaging apps like WhatsApp, Facebook Messenger or WeChat, providing customized customer support and commerce. Conversational interfaces will be a huge shift, helping big brands express different sides of their personality and making them more human and approachable.

More than 900 million people around the world use Facebook Messenger every month, so the introduction of Bots for Messenger last year was a welcome addition to the toolkit of communication channels for businesses of all sizes. Any brand can build a Facebook bot now without any coding knowledge. Integrations with tools like Botsify or Chatfuel make the setup process so simple that it’s becoming unusual not to use a customized bot. This year, we’ll see the conversational interfaces reach a higher level of personalization and inventiveness.

Back to top

Web design trends

Do you agree with the web design trends you have seen in this article? Have you seen some unexpected web design trends or changes from previous years? I’d love to hear what you have to say so leave a comment below.

 


 

Subscribe to my email list so we can keep in touch.

 

 

0 Comments
https://i0.wp.com/cerpnjakjohn.com/wp-content/uploads/2017/11/WebDesignTrends.jpg?fit=845%2C321&ssl=1 321 845 John Cerpnjak https://cerpnjakjohn.com/wp-content/uploads/2017/06/JohnCerpnjakLogo.png John Cerpnjak2017-11-07 15:23:332018-06-18 09:44:06Web Design Trends I’ve Noticed in the Last Year

How Commoditization Killed the Designer

web design, work philosophy

I’ve been working in my professional career for over 4 and a half years now. To most people that’s probably considered not very long. But I can still remember a time when I was a recent graduate just entering the work force. I was all doey-eyed and idealistic. And man, has the ‘real world’ of privatized corporations and public sector bureaucracy crushed my soul.

I always thought of myself as a creative and an artist. I mean, reading books and academic literature about theses topics; I fit the descriptions.

I had this expectation that if I pursued interests in art, creativity and design, I could provide some real cultural value to the world and feel fulfilled.

But the longer I’ve worked in my career, I’ve realized the ‘real world’ doesn’t hold the same values as I do. Much of the artistic and creative endeavours that I adore are often commoditized.

But let me back up and provide some much needed context for my thoughts…

My own personal story

In one of my first jobs, I was hired as a multimedia designer. It was my job to help make graphics, build websites and edit videos. With my background in multimedia and copywriting this seemed awesome.

But what I soon realized was that my bosses wanted me to administratively manage design related projects being outsourced to external freelancers and agencies, rather than produce them myself. These business owners felt it was more productive and cost efficient to outsource design work for as cheaply as possible, with services like 99Designs and UpWork, rather than have the work done in-house.

I remember one time, a graphical HTML email layout needed to be created. At that point, I had never designed and coded one before. It seemed like a new challenge and I wanted to do it for no other reason than I had a passion to learn and to create. But my boss wanted me to outsource the work to someone online in the Philippines for “$5 an hour and a bag of rice.” (He was being sarcastic about the bag of rice). My boss thought my time was better spent managing this outsourced freelancer, who was only going to make edits to a pre-made template that fit our needs, than giving me the opportunity to try new work and to grow.

I begged and pleaded for my boss to let me do it and eventually got my boss to break (he was actually a pretty stand up guy after all, and I understand he was only trying to run the most lean business possible), but that’s when I started to realize how much little value business owners give to design work. And experiences like this happened over and over again even when I moved onto other jobs.

And maybe you’ve experienced this too, where you have design skills but your client or boss is asking you to outsource the work to someone, or even groups of people, online for faster and cheaper than it would take if you had done the work yourself.

In an article of How Magazine, titled “An Irreversible Movement,” by David C. Baker, he said:

Design is or (soon will be) approaching commodity status, but the management of the design process is difficult, misunderstood, and undervalued.

As a young professional in the beginning of my career, I was watching this happen right before my eyes. The very work I loved doing was commercially becoming less and less valuable.

But I’m getting ahead of myself again and need to back up and answer the question…

What is a Commodity?

And to answer this I’ve pulled together a few definitions from online dictionaries.

  • Commodity: a physical substance, such as food, grains, and metals, which is interchangeable with another product of the same type.
  • Commodity: a good or service whose wide availability typically leads to smaller profit margins and diminishes the importance of factors (as brand name) other than price.
  • Commodity: a good for which there is demand, but which is supplied without qualitative differentiation across a market.

So there are some related ideas above. And I think I can adequately define a commodity as a good and/or service where there is little difference in quality across a market and where the buying decision comes down to price and price alone.

Keep this in mind as I go along. So the next question becomes…

What is Design?

This is another question that needs to be address, but defining design is a topic that on its own can take several posts. So I’ll keep it simple and straight forward.

To me, design is a planned solution to a problem.

When we’re talking about graphic design and visual communication, the problem is naturally one of communicating a message to an audience visually. When we talk about web design we add in solving problems of usability and other technical concerns.

Rarely if ever is there a single solution to a design problem.

I think part of a designer’s job is deciding the best, or most appropriate, solution to a problem. This then implies that there is more than one solution to any given problem. And if there can be multiple solutions to a problem, this then implies that some solutions are of higher quality than others. And if designers can judge the quality of a solution, then the quality of design varies across a market.

On the other hand, is there truly a best solution? I mean, you and I could come up with a different design for any client, but does that necessarily mean your design is better than mine or mine better than yours? In order to answer that I think we need to judge a solution based on its application of creativity.

So now we have to ask ourselves…

What is Creativity?

Here are some more definitions I came across to explain what creativity is and what role it plays in design:

  • Creativity is the ability to generate innovative ideas and manifest them from thought into reality. The process involves original thinking and then producing.
  • Creativity is the ability to produce something new through imaginative skill, whether a new solution to a problem, a new method or device, or a new artistic object or form.

We’re getting a collection of buzzwords here: innovative, original, new, imaginative, artistic. These are not words to describe a commodity. These words hint at qualitative differences, and in my definition of commodity above, I stated that commodities don’t show qualitative differences from solution to solution in a market.

I think creativity plays a crucial part in design.

I would argue that despite what we were told growing up in school, we don’t all possess significant creativity. Few people have true creativity and even fewer people are skilled at employing it.

I mean its true, anyone can make something, and anyone can make something up, and in this mundane sense everyone is creative.

But in a design-relevant definition of creativity, one must have the capacity to think differently, see differently, and make connections and perceive relationships in a way others would miss.

The point I want to make thus far is that I believe that design, or any of the other arts, is intrinsically separate from any notion of commoditization.

And yet, I’m personally experiencing an ever increasing transformation of design into a commodity in my career.

Now onto the hard-hitting questions…

Do Clients Value Design?

On some level they must, otherwise, why would our clients hire us, right? But if you search any small business forum it won’t take you long to find many people expressing opinions that design isn’t important, especially on the web. There’s a common thought that design isn’t necessary.

Personally, I think people are referring to design aesthetics when they say this, and to most people design and design aesthetics are one in the same. They’re not differentiating design and art. They point to examples like Craig’s List to show that you don’t need design to be successful. Personally I think there’s a lot more design in Craig’s List than people give it credit for. Aesthetics? No. Design? Yes.

Often I hear business owners claim content trumps design. And it’s true. Most people will put up with a very bad design if they feel the content is worth the effort.

However, from what I can tell most people don’t see the value in design. You and I do, but we’re designers. We think design matters and equate code to poetry. The best designs are often unnoticed to those not in the profession. It’s only when design gets in the way that people realize it’s impact. Bad designs stand out to the average user. Good design is seamless and unnoticed.

If the average person doesn’t see value in design, if they don’t see the difference between good and bad design, then what is the criteria for their buying decision? Likely price. If people don’t see the value of your services and can’t see the difference in what you offer as compared to the next designer aren’t they viewing you and design in general as a commodity? I would argue yes, and this is what I’ve been witnessing for years now.

It’s even possible that this has been happening for decades, it’s just that I haven’t been in my career long enough to be aware of it.

Designers have been commoditized

Let me ask you something.

If things like design patterns and design templates and website themes are the tools our clients ask us to use in our work, doesn’t that lead design down the path of commoditization? If we’re all using the same WordPress themes doesn’t that lead to a sameness in our websites?

If more and more designers use the same stock photography, videography and freely available icons, patterns and textures aren’t we commoditizing design? Aren’t we participating in the very act that is devaluing the craftsmanship of our work?

Globalization and the internet has allowed everything to be outsourced or done cheaper. Every part of the design process can be sent to someone who works for less than you do. Outsourcing to reduce costs leads design toward commodity status.

If the market doesn’t see the value in design and can’t see those differences in quality then they are commoditizing design. As tools are developed that enable anyone to create a design (good or bad) the supply of design increases. People start to buy on price alone, which leads many designers to compete based solely on price, which again leads us down a commodity path.

Some concluding thoughts

Can design be commoditized? I think the answer is yes, based on how the market views design.

Is design a commodity? No, it shouldn’t as there are always present differences in quality from design to design.

Design itself will never be a commodity, but the profession of design can be commoditized.

So what can you and I do about it? Because as far as I can tell, with today’s market and technology, commoditization is the direction this profession is going in.

To be honest, I don’t know what we should do about it. I’m still young (only 27 years old at the time of writing this) and probably haven’t lived long enough or acquired enough life experience to know what to do yet.

But I’ve always had a punk, anti-establishment streak in me. Perhaps on some subconscious level when I decided to quit my 9-5 job and start working independently I was symbolically turning my back against the normalcy of commoditized design so that I could create the kinds of work that truly matter to me.

And maybe, just maybe, somewhere along this journey I’d find some other like minded folks who share the same values as me. I think if we don’t want our profession to become a commodity that’s purchased for the lowest price we should do what we can to consistently improve our skills and knowledge to create better and better designs. I believe it’s hugely important to work on our own personal projects beyond just the client work we need to do to feed and shelter ourselves.

Ultimately quitting my job and taking on the world alone was an exercise in pursuing personal endeavours. We should never use price as a selling point and by example show others that good design outperforms bad design with measurable results.

What do you think? Do you think design is a commodity? Has it been or can it be commoditized?

0 Comments
https://i0.wp.com/cerpnjakjohn.com/wp-content/uploads/2017/09/CommoditizationKilledDesigner.jpg?fit=845%2C321&ssl=1 321 845 John Cerpnjak https://cerpnjakjohn.com/wp-content/uploads/2017/06/JohnCerpnjakLogo.png John Cerpnjak2017-10-06 00:57:232017-10-06 01:02:36How Commoditization Killed the Designer

The Importance of an Interdisciplinary Approach to Multimedia and Business

freelancing, work philosophy

multimediaIt’s been said that every entrepreneur is a digital entrepreneur.

And in a sense all entrepreneurs are using digital technologies to build, launch, and grow their businesses.

But it would be wrong to think all entrepreneurs are doing everything digitally.

Although, amazingly, it is now possible to do that.

And it can create compelling career and lifestyle options for you in the process.

But what exactly is a digital entrepreneur and how do you become one?

Well in a word: interdisciplinary skills.

I know, that’s two words.

But anyone with multimedia skills, which are interdisciplinary in nature, can become a digital entrepreneur.

Digital entrepreneurs are business owners who focused exclusively on digital commerce.

And digital commerce is selling products and services that are marketed, delivered, and supported completely online.

Examples of digital commerce products include ebooks, online education, membership sites, downloadable software or files, web hosting and web site management, and software as a service (“SaaS”).

Anyone with multimedia skills like web/app design, photography, videography and writing can build a business for themselves.

 

What does every multimedia expert and digital entrepreneur need to succeed?

It stands to reason a good website is a prerequisite for success.

There are five elements of the modern marketing website that all multimedia specialists need to be thinking about and implementing in a smart way.

Really, all entrepreneurs need a website that incorporates these five elements.

  1. Email (registration, not just opt-in)
  2. Adaptive content and responsive design
  3. The access experience
  4. Online courses as lead magnets
  5. Testing … of everything

Technical skills in multimedia is what you’ll need to implement those 5 elements for yourself. And an interdisciplinary approach will help you execute the work.

A podcast I listen to from the people over at CopyBlogger discus these five elements in the second episode. Here’s a quick link incase you want to listen: The 5 Elements of the Modern Marketing Website

How many people does it take to build an effective website?

You know, I frequently find myself having this conversation with potential clients often.

It honestly doesn’t take that much to develop an effective online marketing solution.

I’m living proof you can do it as one person.

In the multimedia field there are three primary areas of expertise involved with creating an effective website:

  • art/design
  • technical
  • marketing

Sadly many schools offering web design programs don’t offer a comprehensive curriculum which adequately addresses all these areas.  Most schools focus primarily on the design aspect (layouts, colors, etc.)  By necessity they do delve into the technical side, but tend not to spend significant time teaching students about search engine optimization and the more technical aspects of developing a website.  And many schools tend to spend even less time teaching basic marketing principals.

This was a major struggle for me when I first graduated from McMaster University and Humber College and entered my career. I felt like my technical skills were well-rounded but I knew I didn’t know how to apply them in a way that someone would offer me a job for money.

It wasn’t until I met these 2 brothers who co-owned their own business and who were super smart marketers, that I started to understand how to take my understand of web design (and a bunch of other multimedia practices) and really create a web site so that it functioned as a primary marketing vehicle for business.

That’s really why I started writing and journaling the experiences I’ve had working for myself.

If I can play any part in sharing even a small nugget of knowledge or information that could help another young person find their way into a multimedia and digital entrepreneurial career path… I’ve won!

So listen, I’ve got a lot of ideas about what I’d like to write about but I’d still like to hear what you think. You can either write to me on my contact page or leave a comment at the end of this post. I’ll share case studies of my work, the strategies I use to find clients and process & techniques I use to make my various multimedia and digital marketing work.

And if you’re feeling really awesome you can join my email newsletter. (Maybe I’ll even show you how I make graphical HTML email templates).

 

 

0 Comments
https://i0.wp.com/cerpnjakjohn.com/wp-content/uploads/2017/07/InterdisciplinarySkillsFeature.jpg?fit=760%2C570&ssl=1 570 760 John Cerpnjak https://cerpnjakjohn.com/wp-content/uploads/2017/06/JohnCerpnjakLogo.png John Cerpnjak2017-07-21 00:20:372018-04-24 17:53:12The Importance of an Interdisciplinary Approach to Multimedia and Business

4 Skills You Need to Quit Your Job and Go at it Alone

career skills, entrepreneur, freelancing

Hello Planet Earth,

If you’re like most people, you’re probably content with your 9-5 job. Getting up in the morning, putting on some fresh office threads and getting through your drive time commute are all things you’ve probably grown familiar and comfortable with.

Your job performance is probably spot-on, whatever your duties may be, and you probably feel secure with your bi-weekly pay cheques. It’s probably a good life you live.

Or is it?

If you’re anything like me, you can probably remember a time back in grade 10 Careers class when the teacher asked you some pretty common questions like, “what do you want to do when you grow up?” or “what kind of hours do you want to work?” and the often asked, “what are you most passionate about?”

I remember all the students in the class being split into little groups where we’d huddle together and share some thoughts and ideas. Back then when I was 15, I remember a lot of the students fantasized about being ‘entrepreneurs’ or ‘freelancers’.

We didn’t really know what those words meant back then because most kids’ parents were the typical 9-5 corporate office workers.

But the allure of being your own boss peaked the interest of every 15 year old, even though none of us had mentors at the time to guide us towards any kind of self-made success.

I mean, what high school teacher would know anything about being self-employed… or any university/college professor for that matter?

I personally didn’t meet any entrepreneurs who would take me under their wing and show me the ropes of how to make a job for myself, instead of trying to find a job like everyone else.

I’m 26 now and have been working in my career for the last 3 years and at the end of last month I did something crazy…

… I quit my job working in the marketing department of a telecom company without any other job offers from another employer.

You see I didn’t need any other job prospects. Over the last 3 years, I spent my evenings and weekends doing various different types of copywriting and design freelance work for a handful of ongoing clients.

I got to a point where my freelance work was presenting more interesting opportunities for my career than my regular day job. Quitting my 9-5 to free up more time for the more interesting freelance work was a no-brainer.

So now I’m going to share with you the 4 skills I developed over the course of my career so far that’s allowed me to quit my corporate job and take on the world on my own terms!

Learn Copywriting

Let me start by saying this: when I was in university I realized that all the wealthy and successful people I knew, the people making 6-figures or more, were all terrific communicators. Whether it was with writing or speaking, they could all communicate clear and concise thoughts and ideas. The kind of ideas that are worth being sold and ultimately worth good money in return.

Copywriting is the craft of writing persuasively with the intention to sell. Because of that little insight I realized in university, I went on to study Advertising Copywriting in a 1-year post-grad college program.

You don’t have to go to school to get an education in copywriting, but I firmly believe having copywriting as one of your skill sets to be an invaluable tool. The better you can write, the more money you’ll be able to make.

There are some great resources online if you wanna improve your copywriting skills. Copyblogger has a membership site, it’s free to sign up, and you’ll find a ton of great informational resources from them. Everything from articles about headline writing, email subject lines, to how-to guides for writing you own books and reports.

With strong writing and communication skills, it’ll help improve and amplify the other skills listed below.

Learn Design

Once you’ve got a piece of writing put together the next thing you’d need to figure out is how you’re going to layout your copy on a print document, webpage, banner sign etc.

You don’t need to be an award-winning designer to get work for yourself.

Just having a solid foundational understanding of layout compositions, colour theory and typography are enough. If can use Photoshop, Illustrator and Indesign you’ll have the tools to solve any design problem.

Kuler can help you decide on colour swatches for your design projects.

TypeEd is a wicked resource for learning everything about typography. I recommend signing up to their email newsletter as they share different tips on typesetting and typographic design.

Learn Code

Learning computer programming languages was something I tried avoiding whenever I could when I was in university and it’s something I regret doing while growing up.

Since I started my career it’s become more and more clear to me how valuable learning to code is not only useful now, but will continue to be useful in the future.

Again, you don’t need to be a master at web development or programming, but a solid understanding of HTML and CSS will give you the ability to build websites, landing pages, and graphical emails. All of which are projects business owners will pay good money for.

Codeacedmey is a great place to learn how to write code online. It’s a membership site and when you create an account you can take their online courses for free.

HTML5up is another resource you can download free creative commons licensed website templates from.

If you’re going to be doing work on the web in this digital information age we now live in, it’s also a good idea to wrap your head around content management systems (CMS) like WordPress. Something like 25% of all websites on the internet are built on the WordPress platform.

WordPress runs on a PHP framework, so having even a beginners understanding of PHP can help you become more useful to prospective clients. There’s other langaues you can learn like JavaScript and JQuery, but you don’t really have too.

My own knowledge of PHP, JavaScript and JQuery are pretty limited but it hasn’t stopped me from creating work for myself.

Be a Cool Cat

What I mean by this is people have to like you. The clients you’re going to do work for need to trust you and have faith you can deliver on what you promise.

You need to adopt a style and tone of professionalism. This doesn’t mean you necessarily have to dress in suits, just don’t dress like a trucker.

You also need to pay attention to the way you speak. There is a lot of jargon when it comes to copywriting and design. Heck, some business people might not even know that when you’re using the word “copy” that you’re taking about the written words on an advertisement or web page!

It’s important to learn to speak to people in a way that they’ll be able to understand you.

Know this, if you’re talking to someone and they don’t understand the design or web development terminology you’re using, it’s not their fault for not knowing. It’s your fault for not communicating in a way that they can understand you simply.

Design is about taking complex ideas and communicating them in the most simple and effective manner possible. You need to embody this principle not only in your work, but in the way you interact with others.

I was having lunch with one of my clients the other week along the Toronto harbor front. We were just making small talk over some beer when he started to compliment the way I dress and the way I speak. He told me that I gave him the strong impression that I was a young professional who was hungry for success, and that he was happy he fired his last freelance contractor and found me instead. This particular client was a successful middle-aged real estate renovation specialist, so it was cool that he could see these things in me.

I’m not saying you should be fishing for compliments during your client meetings, but you need to understand that people will want to work with you for reasons beyond the actual sit-down-computer-work you do for them.

Quitting your job and working for yourself requires that you build and nurture your own professional contacts. People work with people they like, so if you can be a “cool cat”, people will see you as a subject matter expert and a trusted advisor.

There you have it! Those are the 4 skills I developed over the course of my school education and early career that helped me quit my 9-5 job and take on the world alone; copywriting, design, coding, and being a cool cat (professional communication skills).

Are you a freelancer or entrepreneur? What skills do you have that you believe are vital to your success? Leave a comment below and let me know what you think.

Until next time…

Keep rockin’ in the free world!

 

0 Comments
https://cerpnjakjohn.com/wp-content/uploads/2017/06/JohnCerpnjakLogo.png 0 0 John Cerpnjak https://cerpnjakjohn.com/wp-content/uploads/2017/06/JohnCerpnjakLogo.png John Cerpnjak2016-08-15 20:03:182016-08-24 00:26:404 Skills You Need to Quit Your Job and Go at it Alone

Join My List

Read These

  • AIDA Copywriting: Definition, Examples, and StrategiesApril 21, 2021 - 12:33 am
  • real estate lead generation websites
    After Making Real Estate Lead Generation Websites for Over a Year Here’s What I LearnedAugust 20, 2018 - 4:25 pm
  • seo pr strategy
    Stumbling into My Own SEO PR Strategy by AccidentJuly 31, 2018 - 6:46 pm
  • “Do We Need to Switch to a New SEO Plugin?”May 17, 2018 - 9:00 am
  • gradient background
    Gradient BackgroundFebruary 20, 2018 - 9:35 pm

Follow Me

Instagram

Follow Me!

What I can do for you

  • Copywriting Services
  • Performance Marketing Services

Explore

  • About
  • Contact
  • Journal
  • Portfolio

Contact

John Cerpnjak
Cerpnjak Consulting
50 Ordnance St

Toronto, ON M6K 0C9, Canada
905-330-9535
talk@cerpnjakjohn.com

© Copyright - John Cerpnjak
  • Link to X
  • Link to Facebook
  • Link to Instagram
  • Link to Youtube
  • Link to LinkedIn
  • Privacy Policy
  • Cookie Policy
Scroll to top Scroll to top Scroll to top
John Cerpnjak
Manage Your Consent

To create the best user experience possible, I use technologies like cookies to store or access your device's information. Consenting to these technologies allows me to get a sense of your browsing behaviour. Not consenting or withdrawing consent, may adversely affect certain features and functions of my site.

Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
  • Manage options
  • Manage services
  • Manage {vendor_count} vendors
  • Read more about these purposes
View preferences
  • {title}
  • {title}
  • {title}

Loading Comments...