June 2021 Summaries

Web design is a rapidly growing and creatively rewarding field that does not require a formal university education but demands dedication, learning, and the right resources to excel. To become a professional web designer, understanding the foundational principles of user experience (UX) is crucial, as it significantly impacts a website's usability and marketability. As the web design industry evolves, continuous learning about UX trends is essential. While knowledge of programming languages can be beneficial, platforms like Webflow offer an alternative by enabling designers to create custom websites without coding. Familiarity with essential web design tools such as Webflow, Adobe XD, Figma, and Sketch enhances a designer's ability to succeed, as these tools facilitate the creation of prototypes, interactions, and collaborative work on design projects.

Creating a website involves several considerations and potential costs, including hiring a web developer, managing content and copywriting, optimizing for SEO, photography, and purchasing a domain name. Hiring a web developer can be a significant expense, with costs depending on the complexity of the site, while using DIY platforms like Webflow offers a more affordable and customizable alternative. Professional copywriters and SEO experts can enhance a site's effectiveness, with freelance rates varying based on expertise and market conditions. Photography, essential for visually-driven sites like ecommerce, can also range in cost, with professional photographers offering additional services such as editing and staging. Finally, securing a domain name can be straightforward and inexpensive unless seeking a highly desirable name, which may require creativity with extensions and variations to find an affordable option.

The evolution of the Pride flag, originally created by Gilbert Baker in 1978 as a symbol of the gay rights movement, reflects a growing emphasis on inclusivity and representation within the LGBTQIA+ community. Baker's initial design featured eight colors, each with distinct meanings, but was later adapted to a six-color version due to production challenges. Over time, variations like the Progress Pride Flag, designed by Daniel Quasar in 2018, introduced additional stripes to acknowledge queer people of color, those affected by HIV/AIDS, and the trans community. Furthermore, Valentino Vecchietti's update in 2021 incorporated symbols for the intersex community. These adaptations, along with the creation of numerous other flags representing specific identities, highlight the community's ongoing effort to ensure visibility and solidarity for diverse groups within the LGBTQIA+ spectrum.

Meow Wolf, an arts collective founded in 2008, has expanded from its original location, House of Eternal Return in Santa Fe, to new venues such as Omega Mart in Las Vegas and an upcoming site in Denver. Geet Jacobs, the Director of Digital Ops at Meow Wolf, has been instrumental in bringing the collective's immersive art experiences online. With over 22 years of web development experience, Geet initially built a team to create a custom website using React and graphQL, which proved to be resource-intensive. Seeking a more efficient solution, Geet turned to Webflow, supported by contract developer Aaron Grieve, which allowed a rapid site rebuild in a month, compared to a year with a larger team using WordPress. The site now incorporates visual prototypes from Figma and creatively blends no-code and custom code elements, such as alternating project page layouts and a customized video player, to maintain the distinctive Meow Wolf brand experience online.

Designers often face inefficiencies when creating site designs with Photoshop or Illustrator, as these tools require multiple layers and files to represent different pages and states, leading to extensive back-and-forth with stakeholders and developers. This process can delay development and require additional client involvement. The article argues that using fully-functioning prototypes, such as interactive websites built with tools like Webflow, offers a more streamlined solution. Prototypes allow for designs that are closer to the final product, facilitating faster approval and implementation. They are visual and interactive, making it easier for clients to understand and engage with the design. Moreover, prototypes are better suited for responsive design, allowing real-time testing across various devices. While coding knowledge can enhance customization, tools like Webflow provide a user-friendly interface for creating responsive designs without extensive coding, ultimately improving the designer's workflow and client satisfaction.

Initially addressing accessibility issues in their web pages through a lightweight checklist, the team recognized the limitations of this approach as it only touched on basic accessibility considerations and was implemented too late in the design process. To improve, they began referencing more comprehensive web accessibility guidelines like WCAG 2.1, but found them too technical and not tailored to their specific needs. This led to the creation of their own set of accessible guidelines, designed to be comprehensive, easy to understand, and specific to Webflow implementations. Initially meant for internal use to enhance WCAG AA compliance, the guidelines were later shared publicly in honor of Global Accessibility Awareness Day, aiming to foster a more accessible web. The development process involved consolidating internal checklists, consulting a variety of resources, and working with accessibility experts. They emphasized clarity and simplicity in their guidelines, adopting a conversational tone and structuring them for easy comprehension. The checklist was initially housed in Coda for internal tracking but was later built in Webflow to leverage its functionality, accessibility, and SEO optimization for broader community use.

Khari discovered Webflow through a Google search and quickly became dedicated to learning and utilizing the platform, which significantly influenced his career journey. Initially working in learning and development, he began using Webflow for volunteer projects, such as building fundraising websites and microsites. After deciding to focus solely on digital content design, he explored various web development tools but found them too complex until Webflow, which eased his learning curve. As Khari's proficiency with Webflow grew, he integrated it into his professional life, using it to create marketing and internal sales enablement sites at a national mortgage lender and later, custom content experiences at Alteryx, an analytics automation platform. His expertise with Webflow has distinguished him in his career, making him a key technologist in learning and enablement within his company.

In the evolving landscape of digital design, the integration of writing into the design process has been increasingly recognized for its critical role in user experience (UX). Emphasizing the power of words, the text offers nine practical writing tips for UX designers and writers to enhance clarity and engagement. Among these tips are breaking traditional grammar rules, such as ending sentences with prepositions and splitting infinitives, which can make language more natural and conversational. The text also advises against overusing the verb "to be" to inject more dynamism into writing, and suggests restructuring phrases to avoid clunky "of the" constructions, thereby streamlining communication. These strategies, derived from both grammatical insights and personal experience, aim to improve the effectiveness of writing in digital interfaces, ultimately enriching the user's experience.

Photoshop has transitioned from a one-time purchase to a subscription model, making it costlier over time, especially for students, hobbyists, or those who only need occasional photo editing. Fortunately, a variety of alternatives are available to cater to different budgets and needs. Affinity Photo offers a one-time license fee with features similar to Photoshop, while Figma provides a free, collaborative design tool ideal for teams. For mobile users, Procreate offers a comprehensive painting app for iOS devices. Canva, with its user-friendly interface, is excellent for creating graphic design projects on multiple platforms, and Luminar uses AI to simplify photo editing for all skill levels. Polarr and Fotor offer affordable or free options with essential editing tools and templates, suitable for beginners and those seeking lightweight, online editing solutions. Each option presents a unique set of features, making them viable alternatives depending on individual requirements and platforms.

To achieve higher approval rates from clients, designers should begin by thoroughly understanding the client's brief before starting the design process, as this aligns the project with the client's expectations and goals. Niika's Managing Director, Mark Lipert, emphasizes the importance of effective communication by actively listening to clients and aligning on visual inspirations to ensure mutual understanding of creative visions, which reduces unnecessary iterations. By articulating design solutions verbally, designers can better convey their understanding of client needs and link their concepts to business goals, ensuring relevancy and client buy-in. Providing clients with multiple design options is also a strategy to guide them subtly towards the best choice, which aligns with their business objectives and adds the most value, thus reinforcing the designer's role in leading clients to optimal solutions.

Creating an effective blog requires time, effort, and insight, as demonstrated by several successful examples built in Webflow. Flowrite, an AI-powered writing tool, uses its blog to help business professionals improve their writing skills by offering detailed tutorials and visual aids, demonstrating the value of integrating product with educational content. Primer, a startup focused on transforming education, organizes its blog into clear categories to efficiently guide readers, highlighting the unique impacts of homeschooling through personal stories rather than statistics, thereby humanizing its mission. The Practise, an online business promoting wellbeing through plant-based products, uses a cohesive visual and thematic design to create a serene user experience, reflecting its brand's focus on mindfulness and self-care. These examples illustrate the importance of aligning blog design and content with the brand's identity and mission to successfully engage and connect with audiences.

The text explores the concept of writer's block, arguing that it is often a manifestation of fear and burnout rather than a legitimate obstacle. The author shares personal experiences with fear, acknowledging its pervasive presence in stifling creativity and self-expression. Drawing inspiration from Elizabeth Gilbert's "Big Magic," the author suggests that understanding and accepting fear can mitigate its impact. Strategies such as personifying the amygdala and approaching it with compassion are recommended to manage fear and encourage creativity. The author emphasizes the importance of coexistence with fear, observing it without letting it control actions, and fostering a mindset of curiosity and acceptance to overcome creative paralysis.

Showcasing innovative startups and their websites, the text highlights six companies: Fincent, Reclaim, Curastory, Rumble Studio, Dexai, and Loola App. Each startup leverages unique web design and functionality to enhance user experience and effectively communicate their products and services. Fincent simplifies bookkeeping through a sleek interface, while Reclaim’s smart calendar assistant adapts to users' schedules with engaging animations. Curastory supports creators with tools and a flexible website design, and Rumble Studio offers an asynchronous podcast tool with playful design elements. Dexai features a futuristic robot chef, Alfred, with a bold website integrating storytelling, and Loola App promotes sustainable fashion through a user-friendly platform optimized for agility and testing. The startups have chosen Webflow for its flexibility and ease of content management, allowing for innovative and custom website designs.