Category Archives: internet

12 Incredible UX Designer Portfolio Sites

Design portfolios are fairly easy to set up. You can build project grids or add visual case studies to showcase your work, and the quality is immediately visible.

With UX design, it’s a little tougher because it’s often about the process and the results on each project. To craft a great UX portfolio I recommend studying others to get ideas.

This collection is by no means a complete collection of UX designer portfolio sites. But it’s an excellent place to start looking for ideas and studying how other UX designers present their work.

1. Hanna Jung

hanna jung ux designer

Hanna’s portfolio site offers a minimalist style with a primary focus on the work. It uses plenty of visuals to sell projects but it doesn’t feel like “just” a UX portfolio.

The header and tagline clarify exactly what Hanna does, and this is probably the best way to grab attention. If you’re designing a portfolio site for yourself always try to share what you do early, so visitors know what they’re looking at.

Each project photo inside the grid links to an internal page with more info. You can turn this into a detailed photo gallery, a quick synopsis, or even a detailed case study. But offering more info about each project on a separate page is never a bad idea.

2. Adham Dannaway

adham dannaway ux portfolio

Many people know Adham Dannaway’s site because it’s been featured in galleries across the web. And for good reason!

His homepage uses a brilliant graphic illustrating the type of work he does: both design and code.

There’s a significant overlap between UI designers and UX designers, so a lot of freelancers position themselves in this overlap. It makes you more valuable to a client who may want to hire for both skills, or just one knowing both skills worth off each other.

But the real reason Adham’s portfolio works so well is the internal structure of his portfolio project pages. Check out this one as an example. Notice how it reads in a linear fashion and helps sell the work done on that project.

Definitely the best choice for anyone launching a UX portfolio site from scratch.

3. Val Head

val head ux portfolio

Val Head is a well-known designer with a specialty in UI/UX animations along with interaction design. Her portfolio site is a testament to all the work she does.

And you’ll notice the homepage doesn’t use a single image beyond her logo.

The structure immediately grabs your attention whether it’s focused on Val’s newsletter, her speaking engagements, or her recent blog articles. A fantastic design showing how you can sell your UX work without many visuals at all.

4. Paul Lapkin

paul lapkin designer site

Some designers don’t feel comfortable adding their personal photos onto their portfolio. Others like it because it adds personality and gives visitors a chance to see who they are.

Paul Lapkin uses a fullscreen header background portrait that immediately grabs attention. The heading text describes his work as a UI+UX designer along with further details underneath.

This intro text is meant to grab your attention and leave you wanting more. The “view work” link is pretty clear, and if you can write copy that also grabs attention this style might work for you too.

5. Nick Finck

nick finck portfolio

Nick Finck has a much more traditional website with a clear header, navigation, and footer area. Not all modern portfolios look like this but this layout works well and has for years.

One thing I really like on the homepage is the header section with Nick’s photo. This includes two CTAs that encourage you to dig deeper into Nick’s work.

A lot of his portfolio’s essence is in the writing and in his past project work for companies like Adobe and Google. This means it’s less about selling and more about building connections with potential clients.

6. Christina Richardson

christina richardson portfolio

A while back I was browsing through portfolios and found Christina Richardson’s site.

This has always been a favorite of mine for a few reasons. It naturally has a sense of personality, but it doesn’t feel too cluttered or heavily customized. The whole site runs as a single-page design so it’s super easy to navigate too.

But I also really like the UX timeline feature since it’s a visual representation of work experience.

This feels a lot more user-friendly than a boring resume, but it gets the same message across. Very UX-y if I do say so myself.

7. Ionut Zamfir

ionut zamfir portfolio design

Split-page designs work well if you have the right photos. Ionut Zamfir follows this trend brilliantly in his UX design portfolio.

Background images litter each section of the page and you’ll even find a slideshow featuring pics of his work.

It’s definitely a simple website, but sometimes that’s all you need. Some visuals to help sell, information about the designer and a contact form.

8. Kevin M. Hoffman

kevin m hoffman ux portfolio

Other than photos you can also use contrast and colors to grab attention. That’s what you’ll find on Kevin Hoffman’s site which also breaks the page up with horizontal block sections.

Text is pretty easy to read and it doesn’t follow any particular formula. Not to mention the colors don’t exactly match, but they also don’t clash either.

I’d call this an experimental portfolio layout, but it does serve its purpose.

9. Simon Pan

simon pan ux designer

The portfolio site of Simon Pan is one of the best places for case study layouts. You can learn so much just going through his portfolio and reading through his case studies.

With UX design it’s more about selling your knowledge through the process. Clients want to know what you did on a project and how you solved problems for past clients.

Simon’s copywriting is exquisite, and it helps sell his work well. This is one of the best skills you can pick up if you’re pushing towards a case study mentality.

10. Adrian Zumbrunnen

adrian zumbrunnen portfolio site

With a unique combination of minimalism and dynamic effects, this portfolio is certainly eye-catching.

Adrian Zumbrunnen uses a dark + light color scheme that feels typical of many design portfolios.

But he includes other elements like bold CTA buttons, links to video recordings of his talks, and even an illustration of himself. Pretty unique!

11. Ramin Nasibov

ramin nasibov portfolio

Ramin Nasibov follows a typical grid layout that works well on visual designer’s portfolios. This site is real easy to browse and it works nicely on mobile too(along with other grid-style layouts!)

One thing I would like to see on Ramin’s homepage is more info about himself. But he does so much work in the design space that it makes sense to focus solely on the work.

If you’re trying to draw more attention to your work instead of yourself I recommend a grid-style layout just like this.

12. Nishtha Mehrotra

nishtha mehrotra designer portfolio

On Nishtha Mehrotra’s site you’ll find a nice mix of everything. It uses a custom hero header with animations, a visual portfolio grid, and a clean contact section with an email and a phone number.

The site feels incredibly professional, and it has been designed with the user in mind. Single page portfolios are often better if you can fit everything you want to say onto one page.

I also like the resume section which feels a lot easier to browse than a PDF doc. Overall a really clean site, and well worth studying if you’re going for the single-page portfolio look.

Source File:

10 Outstanding Shopify Themes to Boost Your Store

Shopify is one of the most popular eCommerce service providers, with over 500,000 businesses having used their suite of tools to sell online. One of the main attractions for site owners is the flexibility of Shopify themes. Each theme comes with its own customization settings – great for novices and pros alike. Templates can be changed with the ease of a drag-and-drop UI. But advanced designers can take even more control via custom HTML and CSS, thanks to the Liquid templating language.

What this means is that you aren’t limited to just the same old basic designs – regardless of your skill level. And just as great is the sheer selection of professional themes available. No matter what type of store you run, you’re sure to find a theme that’s a perfect fit.

With that in mind, let’s take a look at 10 of the top themes available for Shopify:

Kodo

Kodo brings the style of high fashion to Shopify. The theme features 11 different home page layouts, with each sporting a classic look that is perfect for high end merchandise.

Product photos are heavily featured to ensure that your products are the focal point. Kodo is compatible with Shopify’s page builder – so customization of the header, footer and body of the theme is simple. You’ll also find lovely mega menus, product quick-views, live search and a sharp look on mobile screens.

Kodo

TechMarket

TechMarket makes wonderful use of every last pixel on large screens – resulting in a fully-immersive experience. 

But don’t worry; it still looks amazing on a phone. Choose from eight home page designs, two landing pages, 10 category layouts and three single-product pages to get just the look you’re after. The theme also includes several custom blocks, product labels for “new” and “sale” items, along with horizontal and vertical mega menus.

TechMarket

Max

Max is a flexible, multi-purpose Shopify theme that includes a dozen home page layouts. They range from designs featuring large promotional images to those that get right down to business with immediate product display.

There are also multiple category and single-product layouts available, as well. A popup or slide-out shopping cart makes for convenient viewing from anywhere on your site. Product quick-views allow customers to browse products without having to leave their current page. Mega menus, a newsletter popup window and product carousel is also included.

Max

Kute Shop

Kute Shop is aimed at supermarket/general retailers and includes some very handy features. A daily deals module allows for creating limited-time promotions, while a variety of different content sliders encourage further exploration of your catalog.

The theme makes use of AJAX with an optimized toolbar and navigation. Plus, it’s easy to customize with Shopify’s drag-and-drop builder. Choose from multiple home, product and category page designs. Overall, Kute Shop is a very well-organized and easy to navigate theme.

Kute Shop

Colora

Colora sports a look that will bring a nature-inspired feel to your online store. Features include AJAX filtered navigation, mega menus, a blog module, product/category slider and a daily deals module.

You’ll also find four home page layouts, a featured products slider, wish list, product quick-views and the ability to display items in a grid or list view. The look is quite attractive and fits well for shops promoting a natural lifestyle. It’s built to take advantage of large photos.

Colora

Mega Shop

Mega Shop works with Shopify’s drag-and-drop builder to let you easily add and move page sections to the desired spot. The theme includes lots of useful features like displaying announcement text, zooming in on images, product quick-views, tabbed content and a newsletter signup form. Also included are sliders for displaying products and brand logos.

Templates for categories and products can easily be customized through the admin. There are six home page layouts to choose from – each with a different specialty. Mega Shop is a clean, convenient and user-friendly package.

Mega Shop

Movic

Movic lets you show off your products in style. Its’ must-have feature is “Lookbooks”, which let shopkeepers put together highly-visual product collections. They consist of a photo with one or more hotspots that, when hovered or touched reveal the related product.

While intended for fashion, it could easily be used for other areas like home décor. You’ll also find six home page designs, multiple header styles, product hover and quick-view, along with AJAX layered navigation. The available looks are very modern and make nice use of subtle effects to create a high-class shop.

Movic

Kids Store

Kids Store focuses on children’s fashion, but could also be repurposed for a variety of kid-related shops. Navigation is really well-thought-out, with great effects and five different mega menu styles included.

Also in the mix is AJAX product filtering, product quick-views, image zooming, a product carousel and a wish list. This theme will certainly brighten up your Shopify store while bringing attention to your products.

Kids Store

Jewellery

Jewellery ups the ante with a very high-end look. The fantastic grid layout on the home page is both functional and attractive. The use of hover effects brings a level of excitement to images.

The theme features multiple mega menu and header styles, AJAX product filtering, a wish list, product quick-view and image zoom. It’s a very nice choice for those looking to appeal to an upscale audience.

Jewellery

Ap Travel Gear

Ap Travel Gear brings big features to any outdoor or travel related shop. Choose from five home page styles – each featuring an attractive full-width slideshow with a variety of clean-cut grid layouts beneath.

Also included are mega menus for easy navigation and product variant color swatches. Other conveniences like product quick-view and AJAX product filtering are also in the box. The theme supports Shopify’s drag-and-drop builder, so customization is easy.

Ap Travel Gear

Sell in Style

Part of the beauty of Shopify is that you don’t need to gather various components in order to create a beautiful, user-friendly and successful store. Simply pick a theme and start building. All the features you need are right there, waiting for you to take advantage.

The themes featured above will help you achieve the look and functionality you’ve always wanted for both desktop and mobile customers. Having those two items crossed off your to-do list means that you can focus on what you do best: Running your store.

You might like: Shopify vs WooCommerce.

Source File:

Exploring the Latest Trends in Site Navigation

Navigation is the key to a good user experience (UX). Users rely on intuitive digital navigation to locate helpful information, explore a brand’s story, and make purchasing decisions.

Confusing navigation can be enough to make a user bounce or exit. As UX experts learn more about how consumers engage with digital content, the number of ways designers mix and match navigation elements has grown. Choosing the right navigation setup for your mobile and desktop sites can transform your UX and boost business.

Consistency is King

If there is one thing that all navigation experts agree on, it’s the importance of consistency. Navigation needs to be consistent across the site and available on every page.

An inconsistent navigation menu leads to confusion. Users should not have to search for hidden navigation menus or try too hard to find a desired page. No matter what type of navigation setup you choose, you must prioritize consistency. Do this by focusing on a few main aspects:

  1. The menu should be present on every page. Don’t leave users stranded on a page with no way out. The menu should be available on every single page within your website. If menu options have multiple levels, leave breadcrumbs so visitors can see the hierarchy of where they are on the site. Breadcrumbs are particularly important when users find the page through an external source.
  2. Make each menu item react the same way. If the About tab drops down into a list of different choices, so should the other tabs. If one is a link to a landing page, make the others links as well. Each item in the navigation menu should react the same way to a user’s touch (or click).
  3. Elements should be intuitive. There are certain website design elements that users have come to connect with a meaning. Placing an arrow by a menu item, for example, typically means there is a drop-down list that goes with the item. Create elements that help users know what to expect from navigation, and keep them the same throughout your site.

The Nielsen Norman Group states that recognition is easier than recall when it comes to memory. The brain relies on cues to activate the memory and retrieve information.

Make navigation easy for site visitors by allowing them to depend on recognition rather than recall to get around. The more consistent you are, the better visitors will recognize the meaning behind each element on your site. This will lead to faster all-around website browsing – and happier users.

Clear, Concise Labels

The navigation menu is not the place to get clever with your content. Users rely on the menu to make their way around your website. The purpose of the menu is to provide direction. It does not need to entertain or shock site visitors.

Keep menu labels simple, clear, and concise. Most websites use the same one-word labels for a reason. Users are familiar with options like Home, Products, About, Blog, and Contact. They know what the labels mean and what to expect when they choose an option.

Alternatives to the Hamburger Menu

Remember the great hamburger menu debate of 2014 for mobile site design? It’s ongoing, with modern website designers coming down on either side of the issue.

Many mobile websites still use the trusty hamburger, because this is what most mobile users look for. The “hamburger” is the menu icon that consists of three stacked horizontal lines. Designers initially used it because it conserves space on smaller mobile screens. Many designers today are trying alternatives to the hamburger, such as:

  • Tabs
  • Scrollable navigation
  • Bottom navigation
  • “Show More” options
  • Inline list with headers
  • Segmented control

Alternatives to the hamburger menu have had great success on many sites, especially those with a small number of options. The consensus among many designers is that if you can show navigation, show it.

Scrollable Navigation Menu Example

Sometimes this isn’t possible due to smaller mobile screens or several menu options. In these cases, progressive disclosure is acceptable. Your menu choice will depend on the amount of content you need to squeeze in and the goals for the site. An older audience, for example, may appreciate a permanently visible menu rather than the hamburger. Try different styles to see if one increases revenue.

Show More Options Example

Easy-to-Find Search Bars

Designing a functional menu involves more than just clarity and consistency – it’s about maximizing the usability of your site.

The YouTube Search Bar

One feature that can improve usability is the search icon (typically a magnifying glass). If users look for the search bar, they are already lost enough to need a direct search feature. Don’t make matters worse by hiding the search option – or leaving it out altogether.

The New York Times Search Bar

The search bar gives users a way out when they’re lost, or a more direct route to information for users with specific tasks in mind. Taking away the search bar can result in frustrated visitors who decide to look elsewhere instead of scouring your site for what they want.

Put the search bar somewhere clearly visible from every page. Most users look to the top right-hand corner for the search option, or at least somewhere close to the menu.

The Carousel Menu

Carousel menus are becoming more popular on blog-type sites and those that publish regular updates and news stories.

The “carousel” refers to a menu at the top of the page that shows the most recent articles the site has published. Many news sites and blogs use thumbnail images in the carousel to draw the eye and make it easier to select an article.

The Vogue Carousel Menu

The carousel tab also has the title of the article, and/or a brief description of what’s inside. It basically serves as a slideshow with clickable links for users to browse through easily. Carousel menus are great for showing off the latest content, and for keeping users on your site with a range of other interesting articles they may want to read in plain site.

Mega Menus

Another trend sweeping navigation design is the mega menu. As the name implies, this menu is plus-sized, taking up the page vertically and horizontally. These menus became popular among magazine-style blogs, but more brands are using them to make a statement with their menus.

The mega menu is ideal for a site with multiple levels of navigation. Instead of confusing users with a dozen drop-downs, expand the menu across half the page and layout the options clearly, using images and thumbnails if desired.

The mega menu is also great for sites that frequently post articles because the designer can use different columns for recent stories and related links.

Mega Menu Example

Fixed Navigation Bars

The infinite scroll style website became popular thanks to social media and mobile sites. Pioneers like Facebook use the format to allow readers to scroll infinitely, constantly uploading new information every time the user reaches the bottom of the page.

Scrolling is also easy to do with your thumbs, making it ideal for mobile users. With this website style came an issue with navigation – should it stay at the top of the page or somehow remain visible? The answer came with a fixed navigation menu.

Fixed Navigation Example

Fixed navigation menus remain in place when a user scrolls down the page. This type of menu is also called sticky navigation, and appears most common as a top navigation bar.

The menu is always present for the user to change pages. Facebook uses this format to allow users to view their profiles or check notifications in the midst of scrolling through their newsfeeds. The infinite scroll with a fixed navigation bar may be appropriate if your website has a social feel, or if the site deals with a lot of data.

There is no question that a site’s navigation affects the user experience. Will users have a positive experience, or a negative one? Optimizing your navigation setup using the latest trends for mobile and desktop design can lead to a better all-around UX – and better business success. Consider updating your website to include some of the newest site navigation best practices.

Source File:

10 Free After Effects Templates for Web Designers

As a tool, Adobe After Effects can provide excellent value and resource to web designers. The ways in which it can be used to improve a website are seemingly endless.

Many designers use it to create animated typography, loading graphics, icon transitions, mobile user interface mockups, illustrations, and more.

A major upside to After Effects is its vast library of high-quality templates across the web, many of which are free to download and use as you please.

In this article we are going to round up a handpicked selection of the very best free Adobe After Effects templates for you to use in your next web design project.

Free After Effects Transitions

Transitions Free After Effects Templates Web Design

This stunning selection of transitions by Basti includes a range of effects, perfect for loading animations and presenting content.

Loader After Effects Freebie

Loader Free After Effects Templates Web Design

This simple folding effect is ideal for use as a loader on minimal, clean website designs.

inFullMobile Icons Freebie

inFullMobile Icons Freebie Free After Effects Templates Web Design

These beautifully intricate icons are fully animated to an exceptionally high standard. They are perfect for any landing page or portfolio content section.

Checkbox

Checkbox Free After Effects Templates Web Design

These subtle checkbox animations for After Effects are great for including in presentation mockups and website graphics, as well as tutorials and onboardings.

AE Send Mail

AE Send Mail Free After Effects Templates Web Design

Another exceptional animated illustration, this time by PixFlow. The vibrant colors offer beautiful contrast and the graphic itself would fit excellently at the bottom of almost any website.

Free Touch Indicators

Touch Indicators Free After Effects Templates Web Design

These touch indicators are perfect for including in portfolio user interface mockups, onboarding flows, and tutorials, to help the user visualise how an interface works.

Menu / Close Button

Menu Close Button Free After Effects Templates Web Design

The hamburger to close icon transition is becoming more and more well known and intuitive for users. This free Ae file offers one of the more interesting and creative approaches to such an animation.

Personal Voice Assistant

Personal Voice Assistant Free After Effects Templates Web Design

Housing similar effects to Siri, this voice assistant animation is visually impressive and offers a range of uses including for loading, progress indicators, music playing status, and visual background effects.

Gilbert Free Animated Typeface

Gilbert Free Animated Typeface Free After Effects Templates Web Design

Gilbert is a highly refined and top quality animated typeface. Its animation qualities and colorful design make it perfect for portfolio and landing page hero sections.

Free Tapered Stroke Preset for After Effects

Tapered Stroke Preset Free After Effects Templates Web Design

This tapered stroke preset for Ae is beautiful in combination with a handwritten style font. It would be particularly effective for use where handwriting is present, for example signatures or letter-style sections.

Source File:

10 Fantastic WordPress Themes for Building Creative Portfolios

Showcasing your design or work with WordPress is easy enough. But to do it well, you need to present your projects in a clear and attractive manner. While some designers go for all-out glitz, the best portfolios are often a bit more subtle.

Still, the ideal portfolio really is a matter of personal preference. It’s a good idea to think about what you want people to learn from your projects. Is an image enough, or do you want an in-depth profile of each project? Maybe you’d prefer a hybrid approach, with specific projects being highlighted with extras while others are just a simple listing. It’s all up to you.

There is a number of exciting WordPress themes out there to help you create your perfect portfolio – no matter which style you opt for. Here are 10 of our favorites for displaying your projects in style. While the main focus will be on their portfolio capabilities, we’ll also mention some other goodies where appropriate.

Büro

Büro features 15 different home page designs with a variety of portfolio layouts to choose from. Standouts include the boxed goodness of the Portfolio Gallery and the tall, thin look of the Carousel.

You’ll also want to check out their Wide, Masonry and Animated Showcase options. The theme also sports lots of customization possibilities, along with copies of Visual Composer and Revolution Slider. This is a great choice for designers looking for a unique portfolio offering.

Büro

Visual Arts

Visual Arts is an image-driven theme that you can use as a vehicle for displaying your work. Choose from several portfolio listing and single item layouts. Listing styles range from long-scrolling pages with full-width images to neat and clean cards.

Single items can consist of image galleries, long text, carousels or a combination approach. There are a number of outstanding hover effects to add that extra bit of flair. Also take advantage of 15 customizable header styles included with the theme.

Visual Arts

Futrus

Futrus makes great use of color, along with a filterable portfolio to ensure that your projects stand out. There are four home page layouts to choose from, including a mesmerizing full screen layered portfolio with custom background images.

The result is a site that enhances your work all the more. The theme is based on Bootstrap and includes a page builder.

Futrus

Eagle

Eagle is a great fit for those who want their portfolio reflect minimal styling.

What you get is an animated, filterable masonry portfolio that includes more information upon hovering. From there, it’s on to a project description page featuring a large image and the opportunity to add text. It’s very basic and allows your outstanding work to do all of the talking. Overall, it’s an understated and professional look.

Eagle

Minikini

Minikini offers a minimal look, but with a more robust set of options. There are five home page layouts to choose from, along with lots of different portfolio looks. You can choose from Card Box, Card Full Wide, Masonry Box and Masonry Full Wide styles.

But you can also customize the amount of columns per row to get things just as you want them. Also included are header/footer variants and compatibility with the free LayersWP page builder.

Minikini

Maestro

Maestro gives you five beautiful portfolio layout styles including Brick Wall, Half Squares, White Canvas, Vertical Slides and Classic Grid. Brick Wall is unique in that it alternates image widths in a two column layout.

The result is a gallery that looks just like its name. You’ll also find lots of customization options, beautiful page transitions and a copy of Visual Composer.

Maestro

Jora

Jora brings a retro artistic flair to your portfolio site. It adds off-kilter frame borders and hover animation to portfolio listing images to create an attention-grabbing effect.

Individual portfolio posts feature bold use of shadows and borders to make photography stand out. This is one of the more unique approaches to a portfolio site you’ll find. Jora is easy to customize, with multiple color schemes available to match your taste.

Jora

Union

Union makes great use of screen real estate, with left-side navigation and plenty of room for images. Several portfolio grid styles are available, along with a full-width slider. Customizable hover effects can bring a splash of color to listings.

Also included are a whopping 12 individual portfolio post styles to choose from. There is quite a bit of flexibility here that will serve designers well. The package includes copies of Visual Composer and Revolution Slider.

Union

Diux

Diux harnesses the power of black and white imagery to add a high end look to your portfolio.

Your images can be automatically displayed in black and white, with a color version appearing upon hover. Special effects and animation add a classy touch and make the site appear lightning-quick. This Bootstrap-based theme also features video backgrounds and isotope filtering.

Diux

Eris

Eris is a portfolio theme that works best when used for a variety of project types.

It also offers some unique layout possibilities. You can use a standard grid portfolio or opt for a “Shuffle” layout that presents images in a more random fashion. Individual portfolio posts can feature one of three layout options. Other features include a “hidden” sidebar and two home page designs.

Eris

It’s Your Showcase

Proudly displaying your best work in an online portfolio is a great way to tell your story in more a visual way. While the themes above provide you with lots of choices, the most important aspect of a portfolio is that it reflects who you are and the quality of your work.

The good news is that, with so many great styles and layouts to choose from, you’re sure to find the perfect fit.

Source File:

5 Services to Create a Responsive Website

Responsive web design has become one of the major web building trends. That’s not surprising as over 70% of web searches are done on different mobile devices today. Users find this option more convenient and time-saving. Thus, if you have made up your mind to launch a website, be sure to make it mobile-optimized to increase traffic, drive new leads and boost your business popularity.

How can that be done effectively? With so many website builders available these days, finding the best one seems to be a challenge for the majority of users. The choice of the most suitable option depends upon your web building skills, expertise, available time, budget, etc.

Whatever option you explore, using a website builder will still remain the simplest and the most convenient solution. These services are specially created with users’ convenience and ease of use in mind. If you are currently interested in this option, then take a look at the review of 5 services that are considered the most successful solution to build responsive websites nowadays.

SITE123

SITE123 is an easy-to-use and simple website builder, which is used for a variety of purposes. It’s possible to build websites for personal and business use here. These include landing pages, blogs, promo websites and even online stores. The latter option will make it possible for you to control and manage your products and online store options, encouraging customers to come back to the website again and again.

SITE123 is also a nice choice to create promo websites and blogs here. Whatever website you are going to build with the system, it will come with responsive design that adds to its functionality.

SITE123 is primarily oriented on business owners and other users, who need quality websites created within a short time interval. The system has the multilingual feature, which makes it possible to create different language versions of a website. This is a real benefit for business websites targeted at foreign markets. The availability of design customization settings, user-friendly interface, no coding need and ease of use make it possible to use the system even for newbies.

It’s worth mentioning that the pricing policy of the service is not the same for all the regions. The costs of plans differ with regard to the location chosen, making the system a more affordable option than other services.

All in all, there are five plans here, including a free one. The latter, however, may be used to test the options of the system only. What you should know is that the service allows creating the unlimited number of websites on one account. Thus, the final cost will depend upon your objectives. The more websites you plan to build – the more expensive plan you’ll have to go for. This is explained by the disk storage space volume and bandwidth limitations implied by them.

SITE123 is a pretty simple, affordable, but powerful cloud websites builder. It comes with a variety of features and options required to build different types of websites, such as landing pages, promo websites, blogs and small eCommerce websites.

The availability of the multilingual tool makes it possible to create different language versions of a website, boosting its popularity with foreign users. It’s possible to build the unlimited number of websites on one account here, so, if you are going to build client websites, then SITE123 is a nice solution for you.

Create a Website with SITE123 →

IM Creator (XPRS)

IM Creator (XPRS) is a drag and drop website builder, which comes with a variety of stylish, appealing templates and basic settings understandable even to a newbie. The service makes it possible to create promo websites, portfolios, landing pages and websites for personal use. It also offers a convenient eCommerce solution, using Shoprocket for this purpose.

IM Creator is an ideal solution for business owners as well as for creatives, who need professional looking and functional websites to showcase their works and services. It works great for fashion designers, photographers, artists, musicians, business owners, etc. The only thing is that having chosen the template, you won’t be able to change it afterwards. So, pick wisely to avoid the need to reload the content.

IM Creator has a great offer for creatives, who don’t know much about website building but still need a quality website to publish their content. They make it possible to use the system for free with a few limitations only. The rest of the features are enough to let a newbie test the system and create a website for personal or business use.

Apart from that, the platform has one premium plan only, which comes with unlimited hosting and bandwidth, 24/7 tech support and other features you might need to get your website running. There is also an advanced “Pro and White Label Plan,” which allows using the website builder under your own brand. All in all, IM Creator is a reasonable investment for creatives and professionals, who need quality and appealing websites for personal or business use.

IM Creator is one of the most stylish and simple website builders available out there. It is easy to use and affordable. It doesn’t require any coding skills to be used by newbies. What’s more, the service is one of the best white labeling solutions available in the market these days. It will be of great help to professional web designers and web studios that have a large client base.

Create a Website with IM Creator (XPRS) →

Mobirise

Mobirise is the only website builder in this review that notably differs from the rest of the services. The thing is that the system is not web-based. To use it, you’ll need to download and install it first, but this is not actually a big problem if you need a quality well-structured website. The service is mainly used to build landing pages and promo websites, but you can also create websites for personal and business use here.

Mobirise is basically meant for newbies, since its use doesn’t imply any coding skills, web design knowledge or experience. The system is so simple that anyone can master it in a few hours only. There are no templates here, which seems surprising and unusual at first sight. You are free to create your own website structure by using free and paid blocks available in the system.

Nothing limits your imagination and creative freedom, making it possible to build unique website structure from scratch.

Speaking about the cost, Mobirise is absolutely free for personal and business use. You’ll just need to pay for hosting and domain name. You may also buy several paid extensions to be further used during the web building process, but this is an optional offer. Even if you don’t purchase them, you won’t find any limitations in the system, so, feel free to experiment and enjoy the web building process to the advantage!

If you are looking for a decent website builder available at affordable cost and offering creative freedom, then Mobirise is that very solution you should go for. The only nuance is that this is the downloadable software, but that’s not a problem for the majority of users, who consider quality a priority.

One of the major benefits of the system is absence of plans and fees. Users have to pay for hosting, domain name and extra extensions only, which is very convenient and appeals to many users.

Download Mobirise for Windows or for Mac.

Ucraft

Ucraft is a cloud website builder, which is primarily used to launch landing pages and different types of business websites, irrespective of the niche specialization. The system is known for ease of use, convenience, excellent designs, affordability and nice customer support.

The website builder comes up to the needs of professional web developers, but it may also be mastered and used by newbies, who don’t have any coding skills and web design experience at all. With Ucraft, you can create multilingual websites with ease, thus contributing to their popularity.

When it comes to the cost of using the system, Ucraft offers three plans. The first one is primarily meant for testing the service, while the second one aims at the needs of web design pros. The plan meant for testing is completely free, but it unveils lots of options needed to build a quality website.

The cost of the plan meant for beginners is not that high as well and constitutes $8 per month only. There is also the 20% discount for an annual subscription. The Lifetime plan offers the same terms as the previous plan. The only difference is that you won’t have to bother with monthly/annual payments. Having paid for the plan once (the cost constitutes $149), you will be able to use it for as long as you need. This is a worthy investment.

Ucraft is a stylish, trendy, functional and easy-to-use website builder. It works great for newbies and web design pros, who aim at creating functional, appealing and professionally-looking websites meant for personal or business use, which are not that large. Availability of quality responsive templates, nice choice of widgets, a set of design customization settings and other features make it possible to create small websites of high quality.

Create a Website with Ucraft →

uKit

uKit is a small business website builder, and this is the fact that speaks for itself. The system is initially geared towards the needs of people looking for the most affordable and quality way to bring their business ideas online. By using this decent service, you will be able to create any small business website, irrespective of the niche you specialize in.

uKit is stylish and user-friendly. It’s really convenient for all users, regardless of their web design experience. A rich collection of responsive templates subdivided into thematic categories, absence of code editing options, abundance of design elements and understandable design customization settings make the system a nice choice for small business owners as well as for people of creative professions willing to showcase their works.

Whether you are a newbie or a web design pro, you’ll find something useful here for projects of any complexity levels.

uKit comes with four pricing plans users may choose from. There is no free plan here, but you are allowed to test any plan for free prior to choosing it. The cost of the plans is more than affordable, considering that the website builder is basically oriented on small businesses. Thus, getting a Premium Plan for $4 per month only seems more than affordable for any business owner. The same is about other plans, because the result is definitely worth the investment.

To sum it up, uKit is a decent small business website builder that is worth the attention of those users, who are going to launch a website for effective business promotion, but haven’t made the final choice yet. The system is easy to use and convenient for newbies and advanced users. It has a rich collection of responsive templates and powerful functionality available at reasonable cost.

Create a Website with uKit →

Bottom Line

Making a website responsive is crucial for any user willing to reach personal or business goals. There are various website builders that make it possible to create functional, appealing and well-structured websites. The services reviewed above are the best of all the available variants.

Each of them comes with its features and aims at achieving different goals. They are oriented on users with versatile web design experience. They differ in cost, functionality, and usability. However, there is one thing that unites these platforms – the ability of each service to create stunning, visually appealing responsive websites, the functionality of which is out of the question.

This article has been sponsored by Syndicate Ads.

Source File:

10 Free Knowledgebase Themes & Plugins For WordPress Users

WordPress is the perfect system for just about everything. You can use it for a small blog or a company website or yes, even a knowledgebase.

And with the vast array of free resources online you don’t need to build your own theme either. There’s something out there for everything, and this collection proves it!

WP Knowledge Base

kb knowledgebase theme

The incredible WP Knowledge Base theme is one of the oldest and most widely supported themes. It was developed well over 5 years ago and works perfectly with the bbPress community plugin.

Only issue is that this theme hasn’t been officially updated in over two years and you’ll see this message on the main theme page.

The latest release supported WordPress 3.5 and we’re now up to 4.x(and counting!).

But what’s interesting about WordPress is how it supports backward compatibility for most features. This means that a theme developed ten years ago could still run pretty smoothly on a modern WordPress installation.

WP Knowledge Base is by far one of the more detailed themes out there. But it’s also somewhat dated so weigh the pros & cons before using this one.

MyKnowledgeBase

myknowledgebase theme

Here’s a very simple theme without many excessive frills. MyKnowledgeBase is totally free and built for the latest version of WordPress.

It comes with a built-in FAQ module along with simple columns for data organization. This includes homepage widgets, sidebar widgets, and extra menus for getting into multi-tiered links for your site.

MyKnowledgeBase will take some customization to get it looking good, but it’s also one of the few themes with clear knowledgebase features.

WikiWP

wikiwp theme

Wiki-style sites can also make fantastic knowledge bases if you make adjustments to the interface.

One of the best Wiki themes is WikiWP which is also totally free and styled much like Wikipedia. You can choose which links appear in the side menu and how people should navigate the site through search or categories.

The theme is very SEO friendly but can be used as an internal knowledgebase if you want to hide it from search engines.

Really great layout and very relevant for knowledgebases. The biggest factor is if you want to run a wiki for your knowledgebase site.

MyWiki

mywiki theme

Here’s another alternative that’s meant to operate like a wiki but feels more like a knowledgebase center.

MyWiki has a solid 5-star rating across all reviews and thousands of installs. It’s extremely lightweight and features different homepage designs with sections for content categories.

I like this one a lot more than the Wikipedia-styled theme above because this one does work more like an organized knowledgebase.

It’s also easy to setup and perfect for non-technical WordPress users.

WP Knowledgebase

wp knowledgebase plugin

Getting into the plugins side of things we have WP Knowledgebase. This free plugin lets you add custom knowledgebase features into any theme.

Keep in mind this doesn’t have much styling, so you’ll need to position the categories/links accordingly. It helps if you start with a simple theme and build out from there.

Features include predictive search, drag & drop editing, a responsive content design, and a whole bunch more.

DW Knowledge Base

dw knowledgebase plugin

Another competing plugin is DW Knowledge Base created by the folks at DesignWall.

This plugin was built as a premium item but has a freemium version in the WP plugins directory. And the freemium version should be more than enough for a simple knowledgebase website.

It has a full backend panel for knowledgebase articles where you can add, edit, and refine how your content works. These also have their own categories so you can keep them separate from your main website.

Very Simple Knowledge Base

very simple knowledgebase

True to its name is the Very Simple Knowledge Base plugin released for free in the WP plugins directory.

If simplicity is what you’re after, then VSKB has the answer. It uses simple link columns that you can embed anywhere on your site from the sidebar to the footer or even on a single knowledgebase page.

These link lists are divided by category and include “archive” pages for all your knowledgebase articles.

But note the design here is very limited so it helps if you know your way around CSS.

Ultimate FAQ

ultimate faq plugin

While this plugin wasn’t technically designed as a knowledgebase it still functions well as one.

The Ultimate FAQ plugin lets you create unlimited question/answer type posts with custom tags and categories. It also supports an Ajax-powered search feature where topics are auto suggested and link right to the page.

Check out the demo video to learn more about this awesome plugin.

Knowledgebase by WebberZone

knowledgebase webberzone

The greatest strength of this plugin is how it walks the line between complex yet detailed.

The Knowledgebase plugin by WebberZone is totally free and offers a genuinely valuable method of curating content. You can organize questions by categories, and these appear in lists on your page.

KB entries can have sub-entries and Q&A sections within the page too. Plus they appear in WordPress search so you can design an entire site just around this plugin. For the price of free, that’s not half bad!

Knowledge Center

knowledge center webapp

Here’s one of the more advanced plugins offering a bunch of features and a premium alternative too.

Knowledge Center supports pretty much every type of edu-content page you need. FAQs, Wiki pages, knowledgebase pages, and archive category listings for easy browsing.

This does have a costly enterprise version, but I think the free alternative is more than enough for most users.

It comes with a handful of widgets like recent articles, most viewed, and featured items. You can also add custom search parameters and use knowledgebase shortcodes to embed certain articles/category lists anywhere on your site.

Definitely one of the better plugins if you’re looking for tons of features and a detailed management system. Check out their video guide to learn more and see this bad boy in action.

Source File:

10 Free Mockup Templates for Featuring Mobile Apps

When it comes to presenting your work as a designer, it’s important to ensure your work is shown off as well as it possibly can be. For mobile apps, often the best way to achieve this is through mockup templates, which include devices such as the iPhone, iPad and Google Pixel.

By presenting designs within a mockup, it allows the viewer to visualize the design within a realistic situation, and within the device it was intended to be designed for.

There are now an incredible number of high-quality mockup templates available, many of which are free. In this article, we are going to round up ten of the best free mockup templates for featuring mobile apps.

Read about the latest design trends in mobile device mockups in web design here.

iPhone Clay Mockup Templates (Sketch)

iPhone Clay Mockup Templates

Minimalistic Mockups for Presentations (Photoshop & Sketch)

Minimalistic Mockups for Presentations

Black Matte Devices Mockups (Photoshop & Sketch)

Black Matte Devices Mockups

Samsung Galaxy Mockup Template (Sketch)

Samsung Galaxy Mockup Template

Trendy iPhone 7 Mockup (Sketch)

Trendy iPhone 7 Mockup

Google Pixel Mockup Template (Sketch)

Google Pixel Mockup Template

Minimalistic Smartphones Mockups (Photoshop & Sketch)

Minimalistic Smartphones Mockups

Isometric White iPhone Mockups (Photoshop)

Isometric White iPhone Mockups

Animated iPhone Mockup Templates (Photoshop & After Effects)

Animated iPhone Mockup Templates

Simple Mobile Mockups Dark (Photoshop)

Simple Mobile Mockups Dark

Know of any other great free mockup templates for featuring mobile apps? Share them below in the comments!

Source File:

Proven Ways to Personalize User Experience

Today’s digital users often look for specific attributes on the sites they frequent. The ability to find the right information quickly and easily sets brands apart. Brands that invest in personalized user experiences can encourage engagement and conversions while maintaining a high level of user and customer satisfaction.

Personalization has been around since before digital marketing. As technology makes customer data increasingly available, personalization opportunities seem endless. Marketers sometimes don’t know where to focus. Some personalization efforts reach their intended audience and pay off in a big way, while others seem ineffective and waste money.

One marketing technology company studied the effects of personalization in eCommerce. They analyzed over 2 billion users and 120 million purchases to study the link between personalization and revenue uplift.

The study found the most important components of personalization are scarcity, social proofing, and urgency. Focusing on these aspects can improve a business’ revenue per visitor (RPV) by over 6%.

  • Scarcity – Personalize user experience by notifying consumers when the items they’re interested in are about to be out of stock. When a customer looks at a pair of shoes and three days later receives a text notification there are only two left in her size, she feels increased urgency to complete her purchase. This tactic lifts RPV by 2.9%.
  • Social Proofing – This tactic involves using the behavior of others to influence conversions. When one person had badly stained teeth and sees amazing improvement through using a specific tooth whitener, the story makes others more likely to buy the same product. When consumers look for new headphones and see what others ultimately purchased, it influences their decisions. Social proofing generates a 2.3% lift in RPV.
  • Urgency – When there’s a deadline, users are less likely to put off making a decision. Messages like “Act in the next two hours four minutes to receive it by tomorrow” promote urgency. Urgency generates a 1.5% RPV lift.

When customers leave items in a shopping cart, often they return to the vendor knowing there was something they wanted, but they don’t remember where it was or how to find it. Rediscovering those items in the cart gives a feeling of relief and delight.

Examples of Personalization

People know companies gather data on their online behavior, and they’re okay with it. 75% of consumers say they want retailers to use their personal information to improve their shopping experience.

The right personalized content can make all the difference. Using a person’s name or location makes a great first impression. Here are some examples of how successful apps go beyond a user’s name for improved personalization:

  • Location-Based Activity Guides – Airbnb provides an extremely personal user experience for travelers. If you book a stay in New York City, the app immediately launches their New York City guidebook. When you’re there, the app recommends locations within driving distance, suggests places to eat, and offers reviews of local activities.
  • Local News Updates – 49% of users choose to receive notifications and emergency alerts from local agencies.
  • Product Recommendations from Previous Purchases – Amazon personalizes content by showing users choices related to items they viewed. If consumers started to look for a new toaster on their breaks, then forgot about it when they went back to work, they’re reminded next time they open the app. They don’t have to start their search all over again, because their choices are front and center.
    Other businesses can gain repeat customers by doing the same. One report says 56% of online shoppers repeatedly visit sites that recommend products based on their previous searches.
  • History-Related Content – YouTube pays attention to the types of videos consumers prefer and suggests others of the same type. If a user spends several minutes watching a livestream of bears in Alaska, YouTube might suggest other livestreams or other video that involves bears.
  • User-generated personalization – Facebook lets users decide who they want to see posts from, what notifications they receive, and how their timeline displays information. Users like when they can create their own experience.

Six Ways to Personalize for Higher Returns

Designers are always looking for ways to create a better user experience. Personalization is one area that offers the greatest return. Users are more likely to go back to websites where they feel remembered.

That feeling is created by elements based on data that stores user behavior. Use tools such as Google Analytics to gather information on the following:

  • Search and keywords
  • Ad clicks
  • Buying history
  • Repeat visits
  • Location, time, and date
  • Demographics such as age and gender

Then add personalization elements that meet your goals. Here are some of the most effective personalization methods.

  • Enable User-Created Profiles – When users make their own profiles, they choose the website options that most appeal to them. With music apps, users choose music that most appeals to them and receive suggestions based on their preferences. They give the app data necessary to make suggestions, and users feel as if the app knows them.
  • Gather Location Data – Weather, map, and news apps can’t function unless they know where a user is located. Other apps can use this information to personalize user experience. When users go for a strenuous hike on their vacation, mobile apps might suggest a nearby spa with hot springs and massage services.
  • Incorporate Seasons, Holidays, and Current Events – Use imagery and language that makes users feel you’re in their shoes. This often creates a sense of urgency, since there’s the implied idea that spring sales or holiday deals won’t be around for long.
  • Protect Personal Information – Make sure users are aware the information you gather to improve their user experience will never be used against them. Protect email addresses and personal information from security breaches, and let customers know the steps you’re taking to keep their information safe.
  • Build Relationships – When customers think you know their tastes and preferences, it leads to loyalty and trust. Use recommendations to keep users interested. Make suggestions based on behavior. Design a website that is constantly adapting to your user’s changing needs.
  • Add reviews to leverage social proof – People are more likely to buy a product when they see positive recommendations from others who have bought it. Users also like being able to serve as a resource to others by reviewing products they have purchased.

Personalization takes marketing to a whole new level. Technology automates processes that impact users wherever they are, on any device. Businesses can dramatically improve customer relationships and increase conversions by personalizing each aspect of their user experience.

Source File:

Find the Perfect Icons with IconShock 2.0

Icons are one of the must-have assets that every designer needs in their toolbox. They’ve become an essential part of crafting the perfect UI.

The trouble is that it can be difficult to find the right icon for the job. Sure, it may be the right object. But it may not be the right color or available in the size you need. That leads to having to settle for something that doesn’t work as well as you’d like.

That’s what makes IconShock 2.0 so unique. They’ve hand-crafted over 2 million icons – over 400 sets in all. Not only that, but they cover over 30 styles with almost all of them being pixel-perfect vectors. But that’s just scratching the surface of what IconShock 2.0 can do.

Customized to Fit Your Needs

Customized to Fit Your Needs

It’s one thing to simply download an icon file and then try to make it fit your project. It’s quite another to download an icon that is customized to your exact specifications. Yet IconShock provides you with that very experience.

Using their web-based customization tool, you can pick an icon and make it your own. Choose the sizing and colors you want. You’ll even get a list of related icons and the ability to search for others. From there, download a transparent PNG file. Premium members get even more options, like large sizes (up to 512px) and the ability to export to SVG or AI file formats. Plus, premium members get access to every single icon in the collection – with 100+ new ones added weekly.

As well as being able to choose and customize those particular icons your project requires, now, with IconShock 2.0, you can also download many of those icons in icon font format as well!

The whole process is quick, fun and really increases efficiency. The end result is getting exactly what you want – which ends up in a better project.

A True Variety of Icon Sets

IconShock 2.0 offers an incredible array of choices (2 million+ icons makes for a pretty good selection). Their icon sets cover multiple industries and, odds are, you’re going to find the perfect fit for whatever you’re working on.

Let’s take a look at five of their most popular sets, each with hundreds of icons you can customize and download for free:

Flat Icons

IconShock 2.0’s Flat Icons Bundle sports a clean, colorful style that will help you to create a standout UI. The soft color palette combined with geometric shapes will add a touch of class to any design project.

Flat Icons

Glyph Icons

The Glyph Icons Bundle is made of up minimal outlined shapes. Perfect for when simplicity is a must.

Glyph Icons

iPhone Icons

With the iPhone Icons Bundle, you’ll find a set of solid monochrome icons based on the original iOS 6 designs. They were built with the original iPhone sizes in mind, but can be customized to match your needs.

iPhone Icons

iOS Line Icons

If you’re looking for truly minimal outline styling, the iOS Line Icons Bundle may be a great fit for you. They’re conceptually accurate with iOS 7 and above.

iOS Line Icons

Material Design Icons

The Material Icons Bundle is a great choice when following Google’s Material Design. Based on minimal glyph icons, but with Material’s color palette added in for extra punch.

Material Design Icons

Icon Fonts

And, don’t forget that all of the above icon sets are available to download in icon font as well. All perfect for quick integration into popular web frameworks like Bootstrap and Semantic.

iPhone Icons

Looking for Something Else?

We’ve only begun digging into the vast icon library of IconShock 2.0. Take a look at their entire list of icon sets to see all that they have to offer.

Start Using IconShock 2.0 for Free

Now that you’ve seen the top-quality icons and game-changing tools of IconShock 2.0, it’s time to add their collection to your design toolbox. You can start using these stellar icons for free. If you’re looking for even more power, upgrade to a premium membership and take things to the next level.

Source File: