May 2017 Summaries

In the realm of web design, adhering to conventional layouts is often favored due to their familiarity and ease of use, but innovative designs can offer unique and engaging user experiences that stand out in a crowded digital landscape. The text explores how breaking away from standard design templates through creative experimentation can benefit web designers by showcasing three standout layout examples. JP Texeira's redesign of IMDB demonstrates how varying content presentation with asymmetrical elements can maintain user engagement, while the Geospace site uses a magazine-style spread to elegantly blend traditional print aesthetics with digital interactivity. Bryan James' "Species in Pieces" exemplifies a personal project where navigation as an art form raises awareness for endangered species, using CSS animations to create a simple yet immersive experience. These examples highlight the importance of balancing innovation with usability, suggesting that designers should embrace creativity in non-commercial projects to keep their work fresh and inspiring, ultimately showcasing the type of work they aspire to do in their portfolios.

The process of converting a PSD design to a Webflow site can be streamlined by following a few key steps. Initially, extracting image assets from Photoshop is made more efficient with Adobe's "Generate Image Assets" feature, which automatically exports them, ready for Webflow. After creating a new Webflow project, it's important to add necessary fonts from sources like Google Fonts or Typekit, while being mindful of the file size impact of additional font weights. Uploading images in bulk to the Webflow Asset Manager further speeds up the workflow. Developing a style guide within Webflow allows for centralized design adjustments, made easier by turning the guide into a Symbol for quick reference and deletion. Establishing a brand color palette involves using the eyedropper tool to match PSD colors in Webflow and saving them as global swatches. Finally, creating global elements like navigation bars and footers as Symbols ensures consistency and efficiency across the website, allowing for seamless updates and reuse.

Freelancers, particularly those in the design field, can enhance their careers by following a strategic approach to securing clients and managing projects. The process begins with building a robust portfolio, which doesn't have to rely solely on client work but can include creative projects that showcase one's skills. Offering free services initially can help build a client base and generate long-term relationships, while enhancing online visibility through effective SEO and personal branding is crucial for attracting attention. Networking, learning from experienced freelancers, and leveraging resources like video series or online courses can provide valuable insights into finding work. It's also important to manage a project calendar effectively, schedule projects in advance, and gradually increase rates to align with experience and market demand. Building client relationships through referrals can be highly effective, as they often bring in like-minded clients and require less marketing effort. Clear communication, managing client expectations, and setting clear terms for ongoing support and billing are essential to maintain professional relationships and secure recurring revenue, with tools like contracts and retainers offering valuable support in these areas. Ultimately, success in freelancing requires continuous creation, communication, and a proactive approach to business development.

Migrating content to Webflow CMS has been significantly simplified with the introduction of a new CSV import feature, making the process approximately 100 times easier. Users can now import hundreds of posts with a click, provided they have their content organized into a CSV file, which can be easily created using plugins available for various content management systems like WordPress. Once the CSV is ready, users can open Webflow's Collections panel, create or select a Collection, and use the import button to map CSV rows to existing fields, create new fields, or ignore rows as needed. This flexibility allows for the creation of custom content structures on the fly. Users can test the import process for free with up to 50 items, but importing more requires CMS or Business hosting. Additional information can be found in the Help Center under "Importing CMS content from a CSV."

Living style guides address the common challenges of traditional static PDF style guides, which often become outdated and lead to confusion about the correct design specifications, especially in large companies with multiple teams and external agencies. By creating a style guide within a website platform like Webflow, organizations can ensure that the guide is always current, accessible, and interactive, allowing for easy updates and asset downloads. This approach eliminates the guessing games associated with outdated guides and enhances collaborative efficiency by serving as a single source of truth, as exemplified by companies like MailChimp, Intuit, IBM, and Salesforce, although it requires investment in engineering resources or third-party services.