Posts Tagged:photo

rfp-robotRFP ROBOT: Website Request for Proposal Generator

The time has come for a new website (or website redesign), which means you need to write a website request for proposal or web RFP. A Google search produces a few examples, but they vary wildly and don’t seem to speak really to your goals for developing or redesigning a new website. You need to write a website RFP that will clearly articulate your needs and generate responses from the best website designers and developers out there. But how?

Have no fear, RFP Robot is here. He will walk you through a step-by-step process to help you work through the details of your project and create a PDF formatted website design RFP that will provide the information vendors need to write an accurate bid. RFP Robot will tell you what info you should include, point out pitfalls, and give examples.


Firebase & React Part 2: User Authentication

This is a follow up to the CSS-Tricks Article Intro to Firebase and React. In that lesson, we built Fun Food Friends, an application for planning your next potluck. It looked like this: If you haven’t completed that article yet, please complete that article first before attempting this one – it builds on the existing code from that application. If you’d like to skip that article and dive right into this one, you can clone this repository which contains the finished version of the application from part one. Just don’t forget that you’ll need to create your own firebase database and swap in the credentials for that one, as well as run npm install before beginning! If you aren’t sure how to do either of these things, take a look at part one before diving into this one. What we’ll be making Today we’ll be adding authentication to our Fun…

Read More →

Why Are Cinemagraphs Trending in Web Design?

Do you still remember the time when animated GIFs were all the rage in websites? Although web design standards have drastically changed since then, the attraction potential of moving images cannot be denied. That’s why a lot of websites continue to use animation, and one awesome web design trend these days is the use of cinemagraphs. What are Cinemagraphs? Cinemagraphs have been making significant noise lately, and are being used across several websites and social media campaigns. A lot of companies have joined the bandwagon of integrating cinemagraphs into their website, such as Budweiser, Coca-Cola, Chanel, Netflix, and Wal-Mart, to name a few. In a nutshell, a cinemagraph is a still photo but with subtle movements being looped continuously. The technique was the brainchild of American photographers Kevin Burg and Jamie Beck, who set out to animate photographs starting in 2011. By Johan Blomström, CC BY 2.0, Link Cinemagraphs hit…

Read More →

Full Page Screenshots in Browsers

It can be quite useful to get a “full page” screenshot in a browser. That is, not just the visible area. The visible area is pretty easy to get just by screenshotting the screen. A full page screenshot captures the entire web site even if it needs to be scrolled around to see all of it. You could take individual screenshots of the visible area and use a photo editing program to stitch them together, but that’s a pain in the but. Nevermind the fact that it’s extra tricky with things like fixed position elements. Fortunately browsers can help us out a bit here. Chrome As of Chrome 59, it’s built into DevTools. Here’s a video. You use “Responsive Design Mode”, then the menu option to get the full page screenshot is in the menu in the upper right. If you need a “mobile” full length screenshot, just adjust the…

Read More →

Powerful Strategies To Connect Your Website To Social Media

The key to standing out and succeeding over your competitors is by increasing your online presence. Most businesses take advantage of social media because it has become one of the useful and most powerful tools to let people know about your company, products and services. A website that is prominently visible on search engines makes it easier to connect with potential consumers, thereby leading to a positive impact towards the business. What causes websites to rank higher than the rest depends on search engine optimization (SEO), although its main driving force is high quality content. On top of these, you need to connect your website to social channels. In this article, I will share with you some tips and techniques to maximize social media for your website. The Importance of Social Media Social media has become a part of any online business. At least 97% of marketers are currently participating…

Read More →

6 Components Moodboards Must Have To Be Effective

Moodboards have been in use for many years especially in the interior design and fashion industries. It’s the first step when brainstorming ideas that’ll contribute to the overall look and feel of the final product. Most established web designers create mood boards as part of their web design process. The main benefits of using a mood board include: Streamlining the design process Reducing the time taken to design the actual website Giving the client a general idea of what to expect early Less frustration Effectively communicate concepts Making it easy to make design changes and revisions A mood board can either be physical or digital. The physical ones are more time consuming since they involve putting together paper cuttings and other physical sources for inspiration. However, they tend to have a higher impact on clients. On the other hand, digital boards are easier to create and are less physically tasking.…

Read More →

A Little Example of Data Massaging

I’m not sure if “data massaging” is a real thing, but that’s how I think of what I’m about to describe. Dave and I were thinking about a bit of a redesign for ShopTalk Show. Fresh coat of paint kinda thing. Always nice to do that from time to time. But we wanted to start from the inside out this time. It didn’t sound very appealing to design around the data that we had. We wanted to work with cleaner data. We needed to massage the data that we had, so that it would open up more design possibilities. We had fallen into the classic WordPress trap Which is… just dumping everything into the default content area: We used Markdown, which I think is smart, but still was a pile of rather unstructured content. An example: If that content was structured entirely differently every time (like a blog post probably…

Read More →

Why I illustrate all our blog posts, as a CEO

Lately, I’ve been getting asked more frequently: “Claire, do you illustrate your own blog posts?”The answer is, “Yes.”To date, I’ve written forty-three blog posts on Medium. With the exception of a few (where I’ve used a photograph as the main image instead), I’ve illustrated each one myself.I’m not a professional artist by any means (I grew up drawing and painting thanks to my mom, who’s an artist). A much better idea might’ve been to hire someone else who I’m sure could produce higher caliber work and save me some time…But I insist on doing the illustrations myself. Why?An illustration I did last week.It shows we care.These days, everyone is writing something— be it blog posts, e-books, newsletters — and a lot of it sounds and looks the same. A high-resolution, parallax scrolling image as the featured photo. A brightly-colored, minimalist infographic. You can even hire ghostwriters or outsource your writing to content marketing firms who’ll both write and illustrate…

Read More →

You're Good At Your Job

As part of my annual performance review last summer, I set one goal that wasn’t directly related to my UX practice: to build confidence at work. This goal flew under the radar — I don’t think we even discussed it in my actual review — but I knew it would be the most important thing I worked on this year. Like many people, I was suffering from a serious case of imposter syndrome, and I was suffering in silence. I didn’t want to talk about it with anyone because I thought talking about it would make people realize I actually was a huge fraud who was terrible at her job, or they’d think I was latching on to the latest trendy topic as some sort of excuse. Actual photo of me before building professional confidence. Here’s the thing about imposter syndrome: it seems like another trendy topic until you’re the one suffering…

Read More →

Criminalization Editor – Race Forward – New York, NY

Hands-on experience with a CMS such as Drupal. Work with Web Developer and designers to experiment with visual storytelling methods outside of photo essays such… $72,000 – $77,000 a yearFrom Indeed – Thu, 25 May 2017 11:44:34 GMT – View all New York, NY jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Friduction: the internet's unstoppable drive to eliminate friction

There is one significant trend that I have noticed over and over again: the internet’s continuous drive to mitigate friction in user experiences and business models. Since the internet’s commercial debut in the early 90s, it has captured success and upset the established order by eliminating unnecessary middlemen. Book stores, photo shops, travel agents, stock brokers, bank tellers and music stores are just a few examples of the kinds of middlemen who have been eliminated by their online counterparts. The act of buying books, printing photos or booking flights online alleviates the friction felt by consumers who must stand in line or wait on hold to speak to a customer service representative. Rather than negatively describing this evolution as disintermediation or taking something away, I believe there is value in recognizing that the internet is constantly improving customer experiences by reducing friction from systems — a process I like to…

Read More →

Facebook Ads Case Study: How This Digital Product Got a 4X Lifetime ROI

Do you sell a digital product? Whether it’s a book, software, or course, digital products are always a lot easier to sell in theory than in reality. Selling a digital product is difficult, and there is a lot of competition on Facebook’s advertising ecosystem. However, as experience has taught us time and time again, with the right strategy, brands can get it right. Today, we are focusing on Mastin Labs, a photography software company that sells Lightroom presets that emulate film. They are long-time AdEspresso customers (almost 3 years!), and they’ve succeeded. Success wasn’t gained from any singular ad, but rather, their overall Facebook marketing and advertising strategy. With a consistent 4X lifetime return on their ads, they have something valuable to teach. Mastin Labs, started by Kirk Mastin, was born from a passion for film photography. The goal of Mastin Labs is not to replace film, but to rather…

Read More →

Facebook Ads Case Study: How This Digital Product Got a 4X Lifetime ROI

Do you sell a digital product? Whether it’s a book, software, or course, digital products are always a lot easier to sell in theory than in reality. Selling a digital product is difficult, and there is a lot of competition on Facebook’s advertising ecosystem. However, as experience has taught us time and time again, with the right strategy, brands can get it right. Today, we are focusing on Mastin Labs, a photography software company that sells Lightroom presets that emulate film. They are long-time AdEspresso customers (almost 3 years!), and they’ve succeeded. Success wasn’t gained from any singular ad, but rather, their overall Facebook marketing and advertising strategy. With a consistent 4X lifetime return on their ads, they have something valuable to teach. Mastin Labs, started by Kirk Mastin, was born from a passion for film photography. The goal of Mastin Labs is not to replace film, but to rather…

Read More →

Adobe XD vs. Sketch Comparison For The Best UX Design

In the world of UX design, using the best software can make a huge difference. In the past, Adobe Photoshop has been lording it over other graphics design software as the go-to app for making amazing UX design. However, Mac-based app Sketch is steadily gaining ground as a powerful UX design software. Adobe has made several improvements to make it useful for UI designing. Now, Adobe Photoshop has Artboards, Smart Guides, and an overall improved export workflow. However, the main drawback of Photoshop is that it’s primarily a photo editing tool. This is the reason why Adobe Experience Design CC (or Adobe XD) was born: to offer a purely UX-generating tool. In this article, we will look into the two popular UX design apps and what their respective strengths and weaknesses are. Comparison of Adobe XD and Sketch OS Compatibility Sketch is only available for MacOS users. Adobe XD, on…

Read More →

7 Mistakes Your Local Business is Making on Instagram and How to Avoid Them

Instagram has more than half a billion users, so it is chock full of compelling visual content that engages users day in and day out. It’s a great tool to leverage your brand and appeal to customers — and it’s being used more and more for small, local, and “boring” businesses as a way to grow and engage with customers. However, Instagram can be a tricky platform. Its cultivated aesthetics and ad options, if used the wrong way, are just a waste of your time and energy. We see a lot of repeat mistakes by small brands on Instagram that end up costing them. So we’re here to share some of these common mistakes we see all too often. Whether you’re a serial poster, afraid of hashtags, or just trying to figure out how best to engage directly with your customers on social, here’s how to avoid mistakes and get…

Read More →

For sale: baby shoes, never worn

Unraveling the dismal science of my Facebook moms resale grouphttps://medium.com/media/14164a31e42b410b470708bbab77597b/hrefI recently discovered one easy trick to make money from home! Well, “easy” is relative and “make money” is also kind of debatable, but I definitely have not left my house.I’ve been in decluttering mode for the last couple weeks and have become super active with my local moms resale group on Facebook. For those of you not deep into Suburban Mom World, these are private groups of parents (almost entirely moms) who are buying and selling things—mostly kids’ stuff, but also adult clothing and kitchenwares and furniture. Laura Hazard Owen has an superb write-up of how these groups work. She’s in the Boston area and I’m just outside Chicago, but the mechanics are the same: Members put up a photo, price and description of the item they’re selling and interested buyers comment on the post to claim their place in line. Pick-ups…

Read More →

A lesson from albizia trees

What happens when growth is “tall and fast”…A fallen albizia tree, photo courtesy Sen. Russell Ruderman.“Did you hear that noise?”I was in Hawaii last week walking along the Manoa Falls Trail, when our guide who was taking us through stopped us.We all shook our heads, “no.”“Okay, well that’s good,” he said. “If we had, it would have been the sound of the albizia tree limb cracking. You have to be careful if you hear that noise, The albizia tree limb could be cracking above your head… and onto your head.”Our guide went on to explain that albizias are one of the largest, fastest growing trees in the world. Yet the albizia tree has one big problem: Their wood is weak and brittle.As a result, albizia trees often topple and split, causing damage to other plant life around them — and to people. In Hawaii, albizia trees have become such a hazard, there are active efforts to preemptively remove…

Read More →

Get the most out of your first DrupalCon!

To me, meeting and building relationships in person is the glue that holds us together and makes Drupal a community. If this is your first DrupalCon or first Drupal community event, it’ll be your first taste of this crazy, smart bunch of people scattered around the globe most of the rest of the year. Welcome! I’d like to help you get the most out of your first DrupalCon! (What have I forgotten? Let me know in the comments. New attendees will appreciate your input!) tl;dr – Three musts for first-timers If you’re not up for the rest of this post, do these three things at DrupalCon Baltimore: Come to the Prenote – Tuesday, 8 a.m., Hall A. This kickoff the DrupalCon week is a tradition and a great way to get a taste of Drupal’s quirky side. Expect bad geeky jokes, dubious amateur singing, and more fun and energy than…

Read More →

Pros and Cons of Using Stock Photos For Your Website

Images can serve as powerful marketing tools to represent your company. This is the reason why stock photos have become popular, although some website owners are still hesitant to use them. In this article, we will take a look at the benefits and disadvantages of using stock photos for your website. What is a Stock Photo? Stock photos are professionally-shot pictures usually sold free of royalties and applicable for personal or commercial use. These photos may be available for purchase at varying prices depending on the stock photography website or the owner’s preference. The images are available to anyone, and may be used over and over again. Benefits of Using Stock Photos Here are some of the reasons why using stock imagery can benefit your website: Quality Most stock photography websites follow strict requirements when it comes to accepting images. They need to pass certain standards for color, lighting, and…

Read More →

Back to Top