Category Archive for: 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.


Spread the word

Photo by lee Scott on UnsplashRecently a young actress had an audition for an important role. Problem was, she was up against ‘a far better actress’ competing for the part.Most of us find ourselves in that position. We want a chance. There’s just someone better.Back in early 2013 when I was still testing early versions of my writing software, Draft, a user emailed to tell me he lost his writing.Ugh. My system for auto-saving your writing still had a lot of trouble in non-perfect situations: older browsers, flakey internet connections, computer sleep, etc. He wasn’t happy, but was understanding as I helped rescue what I could.Today, through a lot of work and code, Draft’s autosave system is (knock on wood) much more bullet proof.But there have been many similar examples of that situation I was in. I had created writing software. It wasn’t the best writing software. But I was getting people to use it.How?I had realized…

Read More →

Creating Photorealistic 3D Graphics on the Web

Before becoming a web developer, I worked in the visual effects industry, creating award-winning, high-end 3D effects for movies and TV Shows such as Tron, The Thing, Resident Evil, and Vikings. To be able to create these effects, we would need to use highly sophisticated animation software such as Maya, 3Ds Max or Houdini and do long hours of offline rendering on Render Farms that consisted of hundreds of machines. It’s because I worked with these tools for so long that I am now amazed by the state of the current web technology. We can now create and display high-quality 3D content right inside the web browser, in real time, using WebGL and Three.js. Here is an example of a project that is built using these technologies. You can find more projects that use three.js on their website. Some projects using three.js As the examples on the three.js website demonstrate,…

Read More →

Niagara Falls by night

I had a chance to visit the Niagara Falls last week on a family trip. If you like nature, it’s a must see — both during the day and at night when they lit up the falls. I love this photo but it still doesn’t capture the majesty and beauty of the Niagara Falls. Source: Dries Buytaert www.buytaert.net

Niagara Falls by night

I had a chance to visit the Niagara Falls last week on a family trip. If you like nature, it’s a must see — both during the day and at night when they lit up the falls. I love this photo but it still doesn’t capture the majesty and beauty of the Niagara Falls. Source: Dries Buytaert www.buytaert.net

The Ultimate Uploading Experience in 5 Minutes

Filestack is a web service that completely handles file uploads for your app. Let’s imagine a little web app together. The web app allows people to write reviews for anything they want. The give the review a name, type up their review, upload a photo, and publish it. Saving a name and text to a database is fairly easy, so the trickiest part about this little app is handling those photo uploads. Here’s just a few considerations: You’ll need to design a UI. What does the area look like that encourage folks to pick a photo and upload it? What happens when they are ready to upload that photo and interact? You’ll probably want to design that experience. You’ll likely want to support drag and drop, how is that going to work? You’ll probably want to show upload progress. That’s just good UX. A lot of people keep their files…

Read More →

Building an Open Source Photo Gallery with Face and Object Recognition (Part 1)

In this two-part series of blog posts, I’m going to show you how we built a Drupal 8 photo gallery site, integrated with Amazon S3, Rekognition, and Lambda to automatically detect faces (allowing us to automatically identify names!) and objects found in our photos. Acquia Build Week Every year, Acquia puts on Build Week, a week-long event where Acquia’s engineering teams (along with other departments, like OCTO, Professional Services, and more!) come together to learn, collaborate, and inspire a little crazy. One of the most intense, fun, and productive parts of Build Week is the two-day Hackathon. Every year there are some new and interesting initiatives, spanning a very wide range of interests. Some projects, like the exploration and strengthening of Drupal 8’s then-nascent Configuration Management tools, are geared towards building up Drupal 8. Other projects are more imaginative and exploratory, like augmented reality shopping experiences, which demonstrated how Acquia…

Read More →

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 →

Back to Top