https://www.mahekmajid.com/work daily 1.0 2024-03-05 https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708893096272-VOC6U4WX98FC7Z0536ZP/flyer-HU-mockup.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708893096163-7O6VQYSOQEBSGK0PBAXB/sticker-HU-mockup.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708893097233-1XMNZFM54J8C1QQGNYH6/table-topper-HU-mockup.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708204306528-CMC0FYR4Z256MZMPOMQG/architecture-after.png Work - The Challenge Overtime, the Harlem United Website became difficult to maintain due to the volume of pages and content. For users, the website was challenging to navigate and locate key information. To address these challenges, a new website architecture was developed with clear pathways drawn for potential clients to learn more about Harlem United’s mission, locate programs and services, and to donate. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/179f4a9a-1a09-42a7-bad3-9f5deb8f1c3e/Home-Page-HU-mockup.jpg Work - Background Harlem United was established in 1988 in response to providing support to those dying from AIDs. Today, Harlem United provides world-class HIV care and has expanded services to address several other needs in their community. With increased services and a need for expanded funding, Harlem United was looking to redesign its website to boost donations and increase awareness of its presence in the community. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/b2a2956e-7b3f-4d44-bc22-352e153b0aca/get+care+example.gif Work - Ease of use and accessibility Improving navigation and user experience was a key goal for this website redesign. Developing a clear pathway for new clients to access and request services was an important aspect of the “Get Care” page. Previously, to request services a new client had to fill-in a long form. This form was recreated into an interactive card design, which includes images, a short description, and easy way to check-off the services needed. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708207370508-P9JA0Y2XQVIN3C0V7ZSK/ways+to+give.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708207371471-XSLPPR79CXD4CVPHGQYQ/what+we+do.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708209140993-A7OUU64SRHHPTIUH0VLY/our+team.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/2b3e388d-86cc-4efc-b5b8-cf59e39f6201/cfr-coloring-digital.jpg Work - Digital Coloring Feature With the success of the coloring sheets during CFR week, a digital coloring feature was introduced onto the CFR website. With this addition, children can color directly on their ipads and computer or they can browse the library of sheets to download and print at home. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/b877d196-b91d-49d0-811d-be420d453bcf/cfr-homepage-mockup.png Work - Background City’s First Readers was formed through the New York City Councils Early Literacy Initiative with the goal of providing early literacy resources to children in low income neighborhoods. To support this work, City’s First Readers was in need of a website that allowed parents/caregivers to easily search for programs and activities their child may need. Other needs of the website included tools and features for increased engagement, and easy pathways for parents/caregivers to learn more about CFR partners. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/472da897-9ad4-4765-890a-6478bdcc4e4f/centralpark_mom%26baby2.png Work - Visual Design As mentioned earlier, the original City’s First Readers website was only a calendar page with limited detail. The branding also was limited, with simply the CFR logo and two brand colors (blue and orange). It was important that the updated website’s visual design was more child friendly and inclusive/representative of NYC. To address these needs, a third color (yellow) was introduced to brighten and warm the palette. Secondly, a set of character illustrations were introduced. These illustrations can be seen on each website page, they feature a parent/caregiver with a child paired with a backdrop of a typical NYC scene. Lastly, the pattern on each website page also includes elements of NYC, such as street signs (ex: one way). This brand refresh can be seen throughout the campaign materials below as well. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/a8ede807-1331-4c9d-9b38-f7813de1c051/cfr-homepage-search.gif Work - The Challenge The City’s First Readers (CFR) website only featured a calendar which included events sourced predominately from local library branches. While this allowed parents and families to locate local events in their neighborhood, it did not provide further information about the resources, activities, and programming offered by the 17 CFR partners. To address this, the website was redesigned to feature an interactive search bar, modeled after fill-in-the-blank. The search bar would allow families to locate activities offered by the CFR partners. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/10536a69-9d4a-42cf-8d78-908469dd3e8b/cfr-partnercard-search.png Work - search Results Results appear in a detailed card design, which families can then expand and learn more about each CFR partner’s offerings. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708980660548-EWFEYXDBGRV9495Z4WI4/cfr-about-us.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708980660471-Z4Z80MOR0JPB4SR4O8J9/cfr-blog.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708980661741-11LN853RJA82DCAIDHRW/cfr-events.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708982698829-2A9OUQ2PT5G9F0IOXZRW/cfr-brochure.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708982698706-6UI9M8XI7PUQY0OBQFE8/cfr-coloringsheets.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1708982854000-N46QS0R1ZDPVWQQZH11O/cfr-flyers.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/09159cc3-453a-4777-a322-75189fcb284b/CWOP-cover.jpg Work - Background As part of the emergency response to COVID-19, LWDA was tasked with slowing the spread of COVID-19 in high-risk industries across California. LWDA launched a campaign to educate both workers and employers on California health and safety protocols and workers’ rights related to paid sick leave. Working closely with Community Based Organizations (CBO’s), a series of materials were developed to help spread awareness and provide educational resources to workers in need. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/e9529738-01c3-4208-8e9f-7b8658e73ded/cwop-pg-retaliationbooklet-cover.jpg Work - Retaliation Booklet A follow-up resource need to the retaliation pocket guide was the retaliation booklet. While the pocket guide’s goal was to inform workers what retaliation could look like and when to take action, the booklet was a step-by-step resource to guide workers on how to file a complaint if and when they need to. The booklet was designed to be accessible by making use of easy to understand language and the same character illustrations from the pocket guide. Similar to prior materials, this booklet was translated into multiple languages. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/9eaa38a0-3e3e-48db-994d-38bd80a4dccd/cwop-pg-retaliation-cover.png Work - Retaliation Pocket Guide A critical component of labor rights that needed to be further understood was retaliation and what that could look like. Once more, working closely with CBO’s a second pocket guide was developed, however, this time in wallet size. Understanding that retaliation could be difficult to detect, this wallet card features a comic of a scenario that depicts an act of retaliation. Using illustrations and accessible language, the goal of this guide was to not only educate workers on their rights but empower them with knowledge so they can report any act of wrongdoing by their employer. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709327907664-J0TTVRZ2B3BTX0D944DA/cwop-pg-green-eng.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709328130422-PLT3W3SSTNWAH9PRWA3O/cwop-pg-green-sp.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709330376021-ZN8M7J2GL2QMBT3TBZ5B/cwop-pg-green-chinese.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709405318179-L9SZM7M9R69C4POIXLSG/cwop-wallet-front.png Work - Front (Open) https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709405317845-G47LDZJGY09VMEJDKACZ/cwop-wallet-back.png Work - Back (Open) https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709579827625-HYO5IWKX30N99ZR19FR5/cwop-pg-retaliationbooklet-pg1-2.png Work - Introduction https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709579827522-8PDDQJSCWUTW3ZRKYPUD/cwop-pg-retaliationbooklet-pg2-3.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709580215733-G86WB1RA01SGHWKHHJCW/cwop-pg-retaliationbooklet-pg4-5.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709580215444-G3YQGSZB5G45UO91NBQO/cwop-pg-retaliationbooklet-pg5-6.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709679726982-3BUZKU5BBKC7NRT6D3GD/NYACH_report-ex1.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709671486354-J3ICINYY11KP1O795KAI/NYACH_report-ex2.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709671490964-KE2FRWDRZZNQ9KSV1LBA/NYACH_report-ex3.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709671491342-2E59N8LAFBAL2WR6HG9P/NYACH_report-ex4.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/a5ee9db7-11ff-45e8-ade6-e1d5572a8e27/NYACH_report-cover2.png Work - Background NYACH was formed in 2011 as a collaboration between the NYC Workforce Funders and the NYC Department of Small Business Services. Since 2011, NYACH and its partners have worked together and even more so in response to the COVID-19 pandemic, to address the issues in our healthcare system. Approaching its 10-year anniversary, NYACH and its partners wanted to release a report that not only celebrates their anniversary, but also summarizes their work and mission. Along with a digital report design, NYACH required a full website update that would mirror the report. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/430d51ff-a4eb-43a1-8817-f46f4b615a4d/NYACH_website-cover.jpg Work - The Website The goal of the website was to emulate the information and data that was covered in the report. To translate the report to a website, much of the copy was modified to be easier to ingest while still being informative. Visually, NYACH opted for a minimalist modern look so that the content was what took priority. To achieve this, the website features clean line elements with a focus on typography. While the report was a static document, the website also became an opportunity to reimagine much of the data and infographics in the report as more interactive features of the website. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/10b5dd4e-3049-4bd2-84a0-d49bf7435d2c/NYACH_report-cover.jpg Work - The Report The design of the report needed to take into account several types of visual elements in addition to the dense copy. In order to do that, each type of content was defined so that the appropriate visual element or template could be developed for it. For instance, a large aspect of the report was case studies, therefore, a template was designed for that. There were also several charts, graphs, and other infographics that would support the content of the report. Given the length of the report (70 pages), it was important that there were enough visual breaks placed appropriately to support the reader and ensure the content was easy to follow. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/4df38e52-91d4-4f50-b812-c8d98a4e2f10/NYACH_barbell.jpg Work - Barbell Infographic The most detailed chart in the anniversary report is the barbell chart (pg 15 in report). This chart depicts a key challenge in healthcare workforce development looking at number of low and high paying jobs, educational requirements, projected employment, and annual wages. Translating this chart for the website presented the opportunity to break this chart down. As you scroll through the infographic, specific elements of the chart are highlighted and further details are provided. This allows a reader to follow step-by-step and understand how each data piece informs the overall chart and story. https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709677764048-M4SBP9NJ21Q5KN7P92SA/NYACH_webpage1.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709677764434-583NDYP0X9B9JK9TZ96X/NYACH_webpage2.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709677765139-Q2OV30YOP3HRV42PRK5W/NYACH_webpage3.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709583087485-BIIN0KWC8YQKDBCMB1EP/NYACH-thumbnail.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709585591495-6CNYOPK4EX996NZ3L2RB/CFR-thumbnail.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709585849515-21KB28RL5GN3GH2ASEDY/HU-thumbnail.png Work https://images.squarespace-cdn.com/content/v1/58e50f09bf629a6823ba9fe9/1709586602659-KU1MK4INF5NT73KTIVES/CWOP-thumbnail.png Work https://www.mahekmajid.com/contact daily 0.75 2017-04-06