Tag Archives: manager

A Swift Transition From iOS To macOS Development

Today started just like any other day. You sat down at your desk, took a sip of coffee and opened up Xcode to start a new project. But wait! The similarities stop there. Today, we will try to build for a different platform! Don’t be afraid. I know you are comfortable there on your iOS island, knocking out iOS applications, but today begins a brand new adventure. Today is the day we head on over to macOS development, a dark and scary place that you know nothing about.

To create a new macOS project in Xcode, open New Project, hit the macOS icon at the top, the select Cocoa App, and press Next

The good news is that developing for macOS using Swift has a lot more in common with iOS development than you realize. To prove this, I will walk you through building a simple screen-annotation application. Once we complete it, you will realize how easy it is to build applications for macOS.

The post A Swift Transition From iOS To macOS Development appeared first on Smashing Magazine.

Continue at source: 

A Swift Transition From iOS To macOS Development

Real Estate Landing Pages (Our Customer Favorites + Why We Think They’re Great)

Whether you’re an independent realtor or work at a real estate agency, you can gain a competitive advantage if you have owned digital properties to drive your paid and social traffic to.

Owned properties — like landing pages — provide you more control in real estate versus relying on popular listing sites where the journey isn’t always clear, you can’t customize your call to action or match your branding.

In short, real estate marketing can really benefit from lead capture landing pages because they allow you to:

  • Establish and grow your mailing list, ensuring you can follow up with and remarket to interested prospects later.
  • Showcase properties especially well, creating urgency and delivering especially compelling offers (like granting early access to listings, for example).
  • Track social and paid campaigns better. With a listing site you don’t have access to metrics and can’t determine ROI as quickly as you can with a landing page.

Ultimately, you can use landing pages to understand exactly who is interested in a property, entice prospects to book appointments (or other offers) and wow new clients with on-brand design.

In this post I’ll break down some of the best ways to start using real estate landing pages with a few examples from Unbounce customers.

1. Showcase your listings (and grow your mailing list)

At minimum, every real estate broker needs a place to share listings online. But ideally, you’ll want to own the experience.

RE/MAX agents Matthew Davidson and Kimbe MacMaster know this first-hand.

These independent agents use Unbounce landing pages to showcase an overview of a property: quick stats, a photo gallery, a video and details on the community. And while a property is available, prospects can book a showing as the call to action:

Featuring trendy parallax scroll, this page converts at 0.38%. Click to view full-length landing page.

Once the listing is sold (nice work Matthew and Kimbe!), the CTA changes to allow interested parties to sign up for early notice for similar listings in the future:

This post-sale CTA swap is a terrific way to build your email list for advertising similar properties in the future.

Having used the Unbounce Loft template, Matthew and Kimbe can simply duplicate this page each time they need a dedicated place to feature a listing. This allows the duo to be listing-specific when they link from a Facebook or search ad, ensuring a seamless ad-to-landing-page experience for potential buyers.

According to the Unbounce Conversion Benchmark Report, 41.6% of marketers in real estate have at least one page that converts under 1.3%, so Matthew and Kimbe’s conversion rate above is in line with what we see for many real estate marketers.

See how your conversion rates stack up in real estate (and nine other popular industries)

Download the Unbounce Conversion Benchmark Report to see how your landing page performance compares to your competitors.

By entering your email you’ll receive other resources to help you improve your conversion rates.

2. Entice buyers with exclusive pre-sale info, floor plans, price lists and more

Booking viewings of individual properties is great, but what if the real estate you’re selling is still in development?

Working with large and small-scale real estate developers, Rennie helps their developer clients plan and execute all aspects of their marketing and sales strategy, including online advertising. As part of their online strategy, they create project-specific landing pages and direct all paid traffic to those pages to gather leads.

Here’s an example created for The Pacific by Grosvenor:

This real estate landing page currently converts at 7.92%. Click to view full-length page.

Jennie Sebastian, Rennie’s Digital Marketing & CRM Manager, shared that the marketing team typically has a kick-off meeting five to six weeks before a campaign. Once they determine targeting and put together a media schedule, creative — including development of the landing page — can begin.

The campaigns typically employ search ads, display, Facebook, Instagram and WeChat, but the team is always looking for new ways to reach their target audiences.

As many real estate marketers can likely empathize with, Jennie shared:

One of the biggest challenges in online marketing is coming up with a strong call to action that entices users to provide us with their personal information.

Depending on the phase of the project and assets available, CTAs range from, “Sign up now for early access” and “Download all floorplans now,” to “Book a private appointment now.”

Through numerous A/B tests the Rennie team has found that more specific CTAs convert significantly better than more generic ones, as they clearly articulate to a prospect what they are receiving in exchange for their information.

Which brings us to landing page idea number three…

3. Get prospects to picture themselves in their dream home with a virtual tour

Just as Jennie from Rennie told us above, compelling CTAs are very important in real estate marketing, and offering a virtual tour has proven to be very effective for their team:

We recently offered a virtual tour using special 360 degree photography for one of our projects in Calgary. After updating the CTA to “Take a virtual tour now,” we saw a significant increase in the conversion rate.

Here’s an example page of theirs, which converts at 4.15%:

Click to view the full-length landing page.

Clicking the CTA button triggers a form gating the tour:

Even if you can’t wrangle 360 photography, you can still get prospects to picture themselves in their dream home.

Simple videos, photo galleries, or even the hero image on your landing page can do the trick. But be sure to test.

Example test of hero image variants

Here’s an example from Coronation Properties via digital agency Rocket. They test variations of their pages with different key elements of a property featured in the hero image.

Here’s a variant wherein the bedroom is the hero shot:

And another where the kitchen takes the spotlight:

The takeaway here?

Get creative with videos, 360 tours, or even experimenting with your hero shot, to give clients a glimpse into the property that’s right for them.

4. Offer up relevant listings to abandoning visitors

While landing pages clearly offer a competitive advantage in real estate, you also want to ensure you’ve optimized your website for conversions.

As our customers at Brixio know, you can try out an Unbounce overlay to ensure you’re not missing out on conversion opportunities. Overlays allow you to show relevant offers to specific users at the perfect time, making them less likely to leave your website without converting

Unbounce Convertables

We love their idea for an overlay triggered to appear on exit to those leaving a website, tempting potential real estate buyers with off-market or exclusive listings.

Here’s a preview of what they had in mind:

With Unbounce, you can launch your overlay at any point during someone’s visit on your website: on exit, on arrival, after delay, on scroll and on click. Find out how Unbounce overlays work here.

5. Test a simple value prop to prompt more commitment-heavy offers

For marketers in the business of custom real estate, your offer of a tailor-made home is much more commitment-heavy than simply moving into an existing place.

This poses an interesting challenge: interested prospects likely have many questions, may be exploring many options and need a reason to trust you immediately.

Here’s agency Rocket’s solution: an on-brand, clear landing page (where prospects can “enquire today”):

This page converts at 1.84%. Click to view full-length landing page.

This small offer accompanied by all the fine details serves as a type of micro conversion, ensuring Manor Homes’ prospects have the chance to reach out and get the conversation started about a custom home.

Get creative with your own micro conversion incentives! For example, you may want to consider inviting prospects to download a collection of your custom homes to preview at their leisure.

6. Offer up relevant content marketing (so you can nurture leads later)

Plenty of businesses use content marketing to reach their target audience, and as Edina Realty knows, this applies to the real estate industry too.

As a subsidiary of Home Services of America, Edina Realty’s licensed pros guide customers through home buying and selling. To provide the most value to their clients, they deliver unique and useful content via custom landing pages.

Check out this Unbounce landing page they created to distribute their Ultimate Guide to Selling Your Home – it converts at a whopping 18%:

Click to view full-length landing page.

By combining content strategy with retargeting, Edina Realty is able to reach prospective leads throughout the funnel and deliver quality leads to their agents.

Hannah Kaeter, Digital Marketing Manager at Edina Realty, told us about the importance of educating leads:

One of the key challenges in our market is a low inventory of homes for sale at lower price points. With this challenge comes an opportunity to educate potential sellers — many of them first-time sellers — about the process so they can evaluate and make informed decisions about their own property and situation.

Ready to build your digital property?

Overall, the above examples illustrate the importance of having a dedicated place to send your paid and social traffic, which can make all the difference in whether you can track the ROI of your real estate marketing. This beats relying on common listing sites — especially in the case of condo developments or offers that require sophisticated branding or high commitment, like custom homes.

Replicate the success of these realtors with Unbounce’s real estate templates, and be sure to download our Conversion Benchmark Report for a breakdown of where you stand in this industry.

View this article – 

Real Estate Landing Pages (Our Customer Favorites + Why We Think They’re Great)

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named “Moments of Happiness”. Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

As you’ll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.

The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.

View this article:  

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

Building Inclusive Toggle Buttons

Some things are either on or off and, when those things aren’t on (or off), they are invariably off (or on). The concept is so rudimentary that I’ve only complicated it by trying to explain it, yet on/off switches (or toggle buttons) are not all alike. Although their purpose is simple, their applications and forms vary greatly.

Building Inclusive Toggle Buttons

In this inaugural post, I’ll be exploring what it takes to make toggle buttons inclusive. As with any component, there’s no one way to go about this, especially when such controls are examined under different contexts. However, there’s certainly plenty to forget to do or to otherwise screw up, so let’s try to avoid any of that.

The post Building Inclusive Toggle Buttons appeared first on Smashing Magazine.

Link: 

Building Inclusive Toggle Buttons

Follow the Trail of Profits Hiding in Your Website with Crazy Egg’s Confetti Report

Confetti is a compelling report that shows you in high definition where individual clicks are happening on your web pages with colored-coded dots. Being able to visually see where your visitors are clicking can tell you a lot about your web page’s design and how it’s helping (or hurting) your goals and conversions. Metrics Selector In the upper-left corner of the Confetti Report, you’ll see our Metrics Selector. By clicking on the metrics in the legend, you can switch between: Search terms Day of week Time of click Browser …and 16 other metrics! Being able to segment your Confetti Report…

The post Follow the Trail of Profits Hiding in Your Website with Crazy Egg’s Confetti Report appeared first on The Daily Egg.

Source: 

Follow the Trail of Profits Hiding in Your Website with Crazy Egg’s Confetti Report

Master Your Next Feature Launch: How Vimeo Uses Unbounce Landing Pages to Go to Market Faster

You’re a product marketer and it’s five weeks away from a major launch.

The office is buzzing with excitement and tensions are rising by the day. Your marketing team is busy prepping all the essential pieces in your marketing launch toolkit, from email communications to paid advertising to PR initiatives and beyond.

But something’s missing.

Your website needs updating to reflect the launch of your new feature or product… and then you need somewhere to send your paid campaign traffic.

If you’re relying on your developers to build a new page for you, it could take weeks (or longer). Besides, shifting your devs’ focus away from the product launch probably isn’t the best use of their time. Adding work to their plates could mean having to delay going to market (and miss your launch deadlines) — and that could be deadly for business.

The marketing team at Vimeo has experienced this stress first-hand. Garrett Bugbee, Manager of Search and International Marketing, recently described to me how product launches have put a strain on his team in the past:

We had a huge creative backlog, especially during product launches. We relied on our devs to build our pages for us. It was a slow and painful process, from design to the kick-off meetings and then actually waiting for it to be built and QA’d… It was a massive issue.

Fast forward to today, Garrett and his team have removed many of these pre-launch bottlenecks. When it came time to launch their new product, Vimeo 360, they’d mastered the art of going to market with new products on time and on budget.

So what’s Vimeo’s secret recipe to making every product launch a smash hit?

Garrett teases at it in the video below. Have a look, or read on for the blueprint to their success.

Make every product a smash hit: Watch this video to learn how Vimeo removed bottlenecks from their launches so they could go to market faster.

Meet Vimeo and their latest product, Vimeo 360

As one of the internet’s most popular video sharing websites, Vimeo attracts more than 100 million unique visitors per month and is home to over 50 million creators worldwide (and counting).

As their popularity increases so too does the competition.

In order to stay on top, Vimeo has to evolve and innovate. With at least four new video products or features being introduced to the platform each year, a failed launch for Vimeo could mean a loss of thousands (dare we say millions) in company dollars, so there’s infinite pressure to get it right — every time.

You can imagine then, the pressure that Garrett (the hero from our intro) must have felt when he and his team set out to launch Vimeo 360, a new product that allows users to upload 360-degree videos in stunning high quality:

Because some of Vimeo’s competitors were already dabbling in 360-degree video, Garrett knew they had to launch quickly — and with a splash:

It’s a tool that other platforms have already, and it’s something that we wanted to give our creators so they have a new venue for expression and a new way to produce, make and showcase content.

Removing bottlenecks from the campaign launch

Vimeo’s main goal for the 360 launch was to drive engagement, measured by new subscribers and 360 video uploads.

While part of their homepage was to briefly feature Vimeo 360, Garrett and his team wanted to build out a page to better explain the product and all the amazing things it could do, including:

  • An example of a 360 video for prospects who were not yet familiar with the technology (shown above)
  • A showcase of 360 video content created by some of Vimeo’s power users
  • A detailed breakdown of features that make Vimeo 360 stand a cut above the rest (high-quality resolution, intuitive controls, powerful integrations)
  • A promo for their 360 video school, which teaches creators of all stripes to make better videos

That’s a lot of heavy lifting for a website that is also serving a general audience, so Garrett and his team turned to Unbounce to create a click-through landing page for their campaign:

Garrett’s team used Unbounce design features like parallax scroll to appeal to his visually-inclined user base. Click to view full-length landing page.

Beautiful isn’t it?

Garrett explained why empowering his marketing team to build this page themselves was key:

The big benefit here is the flexibility we have to produce a marketing-specific landing page without the help of our engineering team.

Our devs get to focus on building a great product, and we can focus on designing a page built specifically for marketing purposes without pulling our front-end devs away from their work. We can go to market a lot faster by parallel-pathing both the product build and the page build.


Don’t pull devs away from work – your marketing team can build launch landing pages themselves.
Click To Tweet


The best part? The campaign landing page that the Vimeo marketing team created drove engagement, which was the campaign goal.

Garrett explains:

[Using scroll mapping,] we saw people scrolling all the way down the page, interacting with the content throughout. It really achieved the goal which was to drive engagement, not just with our paid subscribers but with everybody on the platform.

Better performing paid and social advertising campaigns

A beautiful, engaging landing page is well and good, but at the end of the day, your boss wants hard numbers that show that your campaigns performed.

Since adding dedicated campaign landing pages to their marketing launch toolkit, Vimeo has also seen better results for their paid and social advertising campaigns.

Some paid ads created by Vimeo for Facebook, Instagram, LinkedIn, the Google Display Network and DoubleClick Bid Manager.

Before Unbounce, Garrett humbly admits that they were letting their website get in the way of their campaign success:

Before Unbounce, we simply directed prospects to a page [on our website] with a pricing grid, and that’s pretty extreme to just throw that in someone’s face right away.

But now that Vimeo is sending paid traffic to product launch-specific landing pages like the one above (as opposed to generic pages like their /upload/ page and homepage), their campaigns are kicking serious butt. Check out these impressive results:

  • 730% increase in subscribers from 360-related paid keywords
  • 4529% increase in total video uploads from 360-related paid keywords

Bonus: Dedicated landing pages aren’t only bringing Vimeo better campaign results — Garrett explained that they’re also improving user experience and Google’s relevance score:

Unbounce has allowed us to target specific landing pages for top keywords, which is a huge win. I think that this one of the best use cases for Unbounce.

You can use Dynamic Text Replacement or make specific pages, and you just target your top terms, it’s highly relevant… I have complete control of that experience and that’s the marketer’s dream.

Unbounce’s Dynamic Text Replacement (DTR) feature gives Garrett and his team the capability to swap out text on their landing page — so that their ads and landing pages present exactly what visitors searched for.

Unbounce’s Ryan Engley explains how Dynamic Text Replacement works. See DTR in action here.

That level of message match across the entire buyer journey is key to strong PPC performance.

When prospects click on an ad and see a landing page with a headline that matches exactly what they searched for, they’re reassured that they’ve made a “good click” and are more likely to stick around (and even convert) — and that in turn positively impacts Quality Score in AdWords.

What you can learn from Vimeo’s success

If there’s one thing we’ve learned from Vimeo’s 360 campaign, it’s this:

Yes, product launches are a lot a pressure, but they don’t have to be painfulnot when marketing teams are empowered to move nimbly without bottlenecks.

According to Garrett, it’s all about focusing on your core competencies:

With Unbounce, we can now generate marketing-specific landing pages quickly and easily and translate those across different languages.

It takes the pressure off our devs and engineers, and lets them focus on what’s core — what’s vital to the business — which is building video tools for creators. We handle the marketing side.

By making Unbounce landing pages an essential part of your marketing launch toolkit, not only can you gain the competitive edge by going to market faster, you’ll also:

  • Free up dev resources so they can focus on building and innovating your product
  • Convert more prospects by sending paid traffic to relevant, high-converting pages
  • Create beautifully designed pages that showcase your product in the best light possible
  • Make your boss really happy by saving the company precious time and money

And that folks, is why you should NSAPLCWADLP… Never Start A Product Launch Campaign Without A Dedicated Landing Page. ;)

Follow this link: 

Master Your Next Feature Launch: How Vimeo Uses Unbounce Landing Pages to Go to Market Faster

Creating Custom Inputs With Vue.js

Component-based libraries or frameworks such as Vue have given us the wonderful ability to create reusable components to be spread throughout their respective application, ensuring that they are consistent, and (hopefully) simplifying how they are used.

Creating Custom Inputs With Vue.js

In particular, form inputs tend to have plenty of complexity that you’d want to hide in a component, such as custom designs, labels, validation, help messages, and making sure each of these pieces are in the correct order so that they render correctly.

The post Creating Custom Inputs With Vue.js appeared first on Smashing Magazine.

View this article – 

Creating Custom Inputs With Vue.js

Reinvent Your Marketing Funnels with Google Analytics Cohort Analysis and LTV Reports

cohort analysis report

There have been many published articles on marketing funnels emphasizing the need to track the full customer lifecycle, in order to determine the best return on campaign activity spend. Some provide tracking solutions through hacks (e.g. using customer variables), other articles suggest using an enterprise level solution (e.g. Salesforce or Google Analytics Premium). While there’s also a small number that argue the fact that the customer journey isn’t linear, which means it can’t be tracked. The main challenge is that multi-channel attribution was and is still (until the next update comes out) measured on assumptions on what the individual credited…

The post Reinvent Your Marketing Funnels with Google Analytics Cohort Analysis and LTV Reports appeared first on The Daily Egg.

Follow this link – 

Reinvent Your Marketing Funnels with Google Analytics Cohort Analysis and LTV Reports

How to Make Facebook Ads Work for Your B2B Company With a Simple Google Form Survey

Google Survey

Facebook is still primarily a leisure social network: people browse it to connect with their friends, find interesting news and, of course, check out cat pictures. Therefore, most marketers believe that advertising on Facebook is useless for B2B. They’ll point to lower click-through rates for B2B Facebook ads, and higher costs per click, and go back to focusing on Google Adwords. Facebook is a great tool for B2C promotions, where marketers can offer discounts, promote sales and retarget buyers. But these tactics are not always suitable for the B2B crowd. That’s fair. But guess what? Companies are made of people….

The post How to Make Facebook Ads Work for Your B2B Company With a Simple Google Form Survey appeared first on The Daily Egg.

Excerpt from: 

How to Make Facebook Ads Work for Your B2B Company With a Simple Google Form Survey

Building Production-Ready CSS Grid Layouts Today

Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and methodologies seemingly overnight. This is most definitely true for front-end web development.

Building Production-Ready CSS Grid Layouts Today

Our industry thrives on constant, aggressive development, and new technologies emerge on a regular basis that change the way we do things in fundamental ways.

The post Building Production-Ready CSS Grid Layouts Today appeared first on Smashing Magazine.

View original article: 

Building Production-Ready CSS Grid Layouts Today