Tahir Madyun

Asian American Federation

WordPress Front-end Development, Back-end Development

As the lead developer for the Asian American Federation’s datacenter microsite, I embarked on an ambitious project to create a custom WordPress theme and plugin to effectively display the organization’s data. This microsite was designed to serve a crucial role in disseminating information about Asian American demographics in the Tri-State area. My primary goal was to develop a platform that was not only visually appealing but also highly functional, ensuring that the data, especially complex Tableau charts, was accessible and easy to interpret.

The project required me to leverage my full range of skills in front-end development. I built the WordPress theme from scratch, ensuring it was responsive and optimized for various devices and screen sizes. This was crucial to cater to a diverse audience, including policy makers, researchers, and the general public. Integrating Tableau charts into the WordPress environment was a significant challenge. I developed custom plugins and used advanced coding techniques to embed these interactive charts seamlessly. This integration was pivotal in providing real-time, interactive data visualizations, making the complex demographic data comprehensible and engaging for all users. My work on this project not only enhanced the accessibility of valuable data but also set a new standard for how such information could be presented effectively in a digital format.

BROWNSTREETMRKT

Logo Design Graphic Design

Designing the logo for BROWNSTREETMRKT, a high-end clothing brand for Historically Black Colleges and Universities, presented an exciting and meaningful challenge. The project’s goal was to blend the rich heritage of these institutions with a contemporary brand aesthetic.

I focused on creating a logo that resonated with both history and modernity. Bold typography was chosen to showcase the brand’s forward-thinking and contemporary edge. To pay homage to the legacy of HBCUs, I integrated a line drawing of a historic building, a powerful emblem of the universities’ enduring spirit and history. This combination of classic imagery and modern design successfully bridged the gap between traditional values and a contemporary look, aligning seamlessly with BROWNSTREETMRKT’s ethos.

The final logo stood as a celebration of HBCU identity, resonating with our target audience and enhancing the brand’s visual identity. It was not just a symbol for the brand, but also a reflection of the rich heritage and values that BROWNSTREETMRKT and its clientele cherish. This project was a profound experience in weaving the visual story of HBCU heritage into the fabric of the fashion industry.

AVAC

WordPress Back-end Development

Joining AVAC as the lead developer to finalize their WordPress website redesign, I was tasked with a pivotal role in a project already underway. My focus was on enhancing the site with custom content types, advanced search and filter capabilities, and diverse page templates. This was crucial for organizing AVAC’s extensive resources on HIV prevention and global health equity, making them easily accessible and navigable.

I also developed a range of page templates and components to effectively present varied content, from resources to research findings and policy updates. Ensuring the site’s optimal indexing was a key part of my work, enhancing its visibility and reach in line with AVAC’s mission as an international non-profit.

The completed redesign significantly improved the user experience and online presence of AVAC, aligning the website’s functionality and design with their goal of promoting health equity and effective HIV prevention worldwide.

Rhode Island Community Food Bank

WordPress Front-end Development, Back-end Development

I played a pivotal role leading a collaborative team at Allegiance Group that partnered closely with the Rhode Island Community Food Bank to redesign their website. Our primary objective was to craft a website that not only provided essential information but also facilitated seamless donations and enabled visitors to locate nearby food banks with ease.

My role encompassed providing crucial technical insights and contributing to the strategic planning, user experience (UX), and design phases. Armed with initial wireframes and a desktop Figma design, I constructed a custom WordPress front-end and back-end. This included developing a unique theme and a specialized plugin, which introduced custom Gutenberg blocks to facilitate versatile page layouts.

Today, the Rhode Island Community Food Bank’s website stands as a pioneering resource, offering an extensive platform for accessing and analyzing vital information about the organization. By harnessing the capabilities of WordPress and integrating custom blocks, we’ve successfully brought the Food Bank’s vision to life.

Fulcrum Foundation

WordPress Front-end Development, Back-end Development

In rebuilding Fulcrum Foundation’s website from a custom CMS to WordPress, my key task was to enhance the site’s technical framework without altering the user experience. This involved creating new content types, page layouts, and custom fields for streamlined content display and organization.

The project also required fixing layout bugs and refining the existing theme to better suit the new WordPress structure. These improvements ensured the website remained visually coherent and functionally robust, supporting the Foundation’s ongoing mission effectively.

National Flood Insurance Program (Hurricane Season)

Drupal Front-end Development

For FEMA’s National Flood Insurance Program (NFIP), I worked alongside the senior UX designer to create the direction for the user experience for hurricane season, focusing on creating a series of regional landing pages for a national paid media campaign. My role was to contribute to the initial UX design and execute the final design in Drupal using a custom content type and display.

Each page featured artwork from artists native to the region, adding a local touch to the campaign. I managed the process of sizing and cropping these artworks, ensuring they seamlessly integrated into the web design. The next step was developing interactive landing pages for each region using Drupal, enhanced with ScrollMagic for dynamic effects.

The highlight of this design was the storytelling element – as users scrolled, landscape elements like trees and buildings would fix into place, and background animations of birds, trains, and changing weather patterns would come to life. The most dramatic transformation was the landscape evolving from a sunny day to a hurricane scene, complete with rain and lightning effects.

This project was more than just informative; it was an engaging, immersive experience. The interactive pages made learning about hurricane season and accessing NFIP resources not only easy but also visually captivating and fun. The successful combination of storytelling, design, and functionality made this project a standout in digital communication for public awareness.

National Flood Insurance Program (White House Initiative)

Drupal, UX Design Front-end Development, UX Design

In a project mandated by President Joe Biden’s White House and affectionately dubbed ‘The White House Project,’ I served as a Senior UX Designer to develop a data visualization tool for FEMA’s National Flood Insurance Program’s (NFIP). The tool’s core purpose was to visualize historic flood data and trends effectively.

My responsibilities began with creating a comprehensive wireframe and visual design in Adobe XD. This served as the foundation for the subsequent development stages. I then established a sandbox Drupal site, which acted as a prototype for a custom plugin developed to display map data.

Collaborating with two other agencies, I helped guide the development process, using the sandbox model as a reference. My role involved coordinating across three teams as an active scrum team member on an agile team. I was instrumental in developing user stories and acceptance criteria, ensuring that the project’s development aligned with our goals.

A significant challenge was connecting the custom map display to over 60,000 records of claim data, requiring meticulous indexing and calculation of figures for each selected region. This demanded not only technical expertise but also a deep understanding of how users would interact with and interpret the data.

The final product was a robust and user-friendly data visualization tool that provided clear insights into historical flood trends and claims. My contribution as a UX designer and active team collaborator was pivotal in bridging the gap between complex data and accessible information, fulfilling the project’s mandate effectively.

Mid Atlantic Arts

WordPress Front-end Development, Back-end Development

Redesigning the website for Mid Atlantic Arts, a non-profit organization focused on funding and cultivating arts programs and initiatives in the Mid-Atlantic region, was both a challenging and rewarding experience. The objective was to transform their existing online platform into a more dynamic, engaging, and user-friendly site, reflecting the organization’s mission and the vibrancy of the arts community it supports.

In this project, I took on a comprehensive role, handling the bulk of the front-end and back-end development. The redesign process began with detailed Figma mockups and wireframes, which I used as a blueprint to develop the site’s new structure and features. Key to this redesign was the development of versatile content types, ranging from grant opportunities to festival details, all filterable and presented in various interactive formats. This approach ensured that the site not only provided valuable information but also an immersive and intuitive user experience.

A distinctive aspect of this redesign was the integration of unique ‘bunny eggs’ – creative features that enhanced user interaction. These included innovative photo caption interactions, distinct photo gallery layouts, and dynamic deep linking that allowed users to navigate effortlessly through extensive content. Each of these elements was carefully crafted to add an element of discovery and delight for the site’s visitors.

The final outcome was a revitalized website that not only met but exceeded Mid Atlantic Arts’ expectations. It became a digital beacon for the arts community, showcasing the organization’s commitment to fostering and funding the arts. This project was a testament to how a thoughtfully redesigned website can significantly impact an organization’s outreach and engagement with its community.

Lake Placid Center for the Arts

WordPress Front-end Development, Back-end Development

In developing a custom WordPress site for Lake Placid Center for the Arts, my involvement spanned front-end and back-end development, aimed at creating a multifaceted website that both informed and reflected the center’s vibrant arts scene.

A major component was constructing a unique events calendar to handle the center’s distinct scheduling needs. Alongside this, I crafted a dynamic homepage using JavaScript to enhance user interaction.

The site’s visual design was based on detailed Figma mockups, focusing on diverse, filterable content types and layouts. Additionally, I integrated extensive customization capabilities in the admin interface, especially for event management.

While my design submission for this project was not selected, the mockup images are featured below, showcasing the creative vision I brought to the table.

The completed website effectively serves Lake Placid Center for the Arts, presenting its programs in an engaging, user-friendly, and visually appealing manner.

Octane Performance Training

Webflow Front-end Development, Back-end Development, UX Design, UI Design, Strategic Planning

For Octane Performance Training, I transformed a basic Square website into an extensive, feature-rich platform. Leading the UX and UI design, I built the website using WordPress and WooCommerce, focusing on functionality and user engagement.

A key feature of the site was the robust scheduling system. This allowed users to sign up for various training options, with the flexibility to choose specific dates and times. I also integrated a tier-based membership system, offering certain training sessions for free based on the user’s membership level, enhancing the value proposition for members.

Another significant aspect was the development of athlete profiles. These profiles enabled administrators to post both public and private messages to athletes, celebrating training successes and offering personalized tips and results. The profiles also included photos and videos of athletes in action, adding a dynamic and personal touch to the site.

The website’s design was clean and open, allowing the strong imagery to take center stage. This visual approach was crucial in capturing the energy and professionalism of Octane Performance Training, aiding in driving conversions for both new and returning users.

Northern Illinois Food Bank

WordPress Front-end Development, Back-end Development

In the redesign of the Northern Illinois Food Bank’s website, my role was to help guide the UX design and lead both the front-end and back-end development on WordPress. The project aimed to enhance the website’s functionality and user experience, reflecting the organization’s commitment to providing over 250,000 meals per day across 13 counties as part of the national Feeding America network.

A significant part of my contribution was developing a library of interchangeable components, ensuring flexibility and consistency throughout the site. This approach allowed for a cohesive user experience and streamlined content management.

I focused on theming core elements and building a robust back-end system to manage various layout components and features. One of the key functionalities I integrated was a food bank locator tool. This feature was crucial for users seeking to connect with food banks, enhancing the community’s access to vital services.

Additionally, I implemented an integrated donation component, seamlessly connecting the website to Northern Illinois Food Bank’s existing Blackbaud donation system. This integration was vital for facilitating user donations, a critical aspect of the organization’s operations.

The redesigned website emerged as a user-friendly, efficient platform, significantly improving access to services and support for the Northern Illinois community.

Shine Early Learning

UX Design, WordPress Front-end Development, Back-end Development, UX Design, UI Design, Strategic Planning

Redesigning Shine Early Learning’s Squarespace website into a more user-friendly WordPress site was a project focused on clarity and ease of management. The primary goal was to transform their text-heavy content into a format that was both accessible for users and simple for the team to update.

I began by revising the site’s architecture, ensuring a more intuitive user experience. Using Adobe XD, I created streamlined wireframes and mockups to guide the site’s new layout and design. The development phase involved constructing a custom WordPress front end and back end, with a focus on versatile page layouts for diverse content presentation.

A key feature of the new site was the integration of interactive maps, offering a dynamic way to explore Shine Early Learning’s programs and reach. This interactive element not only enhanced user engagement but also provided a clear visual representation of the organization’s impact.

The result was a transformed WordPress site that effectively balanced informative content with user-friendly design, greatly improving the site’s navigability and management for the Shine Early Learning team.

Shanklin Hall

Webflow Front-end Development, UX Design, UI Design, Strategic Planning

The website design and development for Shanklin Hall was a journey from an ambitious fundraising vision to its eventual reality. My task was to create a digital embodiment of the club that would seamlessly transition from a concept to an operational, physical space, while consistently reflecting its culture and brand.

From the outset, the website had to capture the essence and aspirations of Shanklin Hall as it was being conceptualized and funded. I designed interactive layouts featuring background videos and scroll-based animations, bringing the envisioned experience of the club to life online. Elements such as dynamic layout grids, changing background images and colors, and animated page components were used to create a sense of movement and excitement, mirroring the club’s progressive nature.

The site’s design was anchored in Shanklin Hall’s existing brand elements – the logo, color palette, and motifs from their print branding. This continuity ensured that as the club transitioned from a fundraising project to an established social hub, the website remained a true representation of its identity.

As Shanklin Hall opened its doors, the website evolved to reflect the reality of the club. High-quality photography and video content of the actual space were incorporated, seamlessly blending the initial vision with its physical manifestation. The layout remained clean and simple, ensuring ease of navigation while showcasing the club’s features and mission.

In the end, the website stood as a testament to Shanklin Hall’s journey. It not only served as a virtual introduction to the club but also evolved to become a real-time representation of its culture and ambiance. The design’s adaptability from concept to reality played a crucial role in maintaining a consistent and engaging brand experience for visitors, members, and potential investors.

District Daiquiri

Logo Design Graphic Design

District Daiquiri, an adult frozen beverage company known for its pop-ups and permanent locations in Washington DC, entrusted me with redesigning their logo into a versatile logo package. The challenge was to design logos that would be instantly recognizable and representative of the brand across various platforms, including signage, packaging, and beyond.

My approach involved developing multiple logo variations, each tailored to different applications yet maintaining a cohesive brand identity. This flexibility allowed the logos to adapt to various contexts while ensuring brand consistency and recognition.

In addition to the logos, I was tasked with designing a merchandise package. This included items themed around District Daiquiri’s four signature beverages. The merch design needed to be eye-catching and aligned with the brand’s vibrant and lively spirit. I incorporated the names of each of their beverages into the merchandise, creating a unique and appealing collection that resonated with the brand’s fans and customers.

The final deliverables—a suite of adaptable logos and a bespoke merchandise package—successfully encapsulated District Daiquiri’s fun and dynamic ethos. The designs not only elevated the brand’s visual presence but also enhanced its engagement with customers, both in its physical locations and in the broader market.

Everytown for Gun Safety’s CityGRIP

WordPress Front-end Development, Back-end Development

For Everytown for Gun Safety’s CityGRIP microsite, a platform showcasing data-informed gun violence reduction strategies, I was provided with Adobe XD wireframes to guide the construction of both the front-end and back-end. My responsibility was to develop a site that not only functioned as an insightful portal for case studies but also resonated with the established brand of Everytown for Gun Safety.

The development process focused on creating a site that was easy to navigate and user-friendly. Key to achieving this was the implementation of subtle animations and interactive elements, which enhanced the user experience without overwhelming the site’s primary function as an informational resource.

Consistency with the broader Everytown brand was crucial. I ensured that the design elements, color scheme, and typography aligned seamlessly with their other websites, maintaining brand coherence across platforms.

The final product was a microsite that effectively communicated CityGRIP’s mission and provided valuable insights into gun violence reduction. The combination of a smooth, intuitive interface with Everytown’s distinct branding created a compelling and informative online resource.

ITRC PFAS

WordPress

For ITRC’s PFAS initiative, an information website, my primary role was to devise a user-friendly multi-level navigation system for an extensive online library. This involved categorizing a wide range of topics into easily navigable subcategories and pages.

In addition to structuring the content and menu, I developed features for printable page versions, catering to users needing offline access. I also crafted custom layouts for graphics and figures, enhancing the visual appeal and clarity of complex information.

The outcome was a streamlined, accessible website, effectively organizing vast information on PFAS and improving user engagement with tailored designs and practical functionalities.

Expert Legal Language

WordPress Front-end Development, Back-end Development, UX Design, UI Design, Strategic Planning

For Expert Legal Language, a legal consulting company specializing in the application of legal English in American law, I was responsible for leading the UX and UI design, along with front-end and back-end development on WordPress. The project’s goal was to craft a website that not only resonated with the brand’s color palette but also positioned the company as a leading authority in its field.

The design direction was refined and clean, reflecting the professionalism and expertise of Expert Legal Language. The site was structured to include key components such as an events and webinars section, where users could register for upcoming events and access recaps of past ones. Another vital feature was the blog, designed for the company’s legal experts to share updates and insights, further establishing their authority and expertise.

One of the client’s specific requests was to showcase their diverse client list and communicate their global reach. To address this, I incorporated elements that highlighted their international clientele, reinforcing the company’s expansive influence and credibility in the legal consulting domain.

The end result was a sophisticated and functional WordPress website that effectively communicated Expert Legal Language’s expertise and global presence. It provided a platform for engagement through events, webinars, and insightful blog posts, enriching the user experience and reinforcing the brand’s industry authority.

Avi8ted House

Logo Design Graphic Design

Designing the logo for Avi8ted House, a unique combination of an investment and fashion entity in Washington DC, was an exciting challenge. The space, serving as both a business incubator and an artist residency, required a logo that encapsulated its modern approach to living, working, and creative collaboration in arts, fashion, design, and technology.

My task was to create a logo that resonated with the brand’s already established clothing line, known for its futuristic yet luxurious and clean aesthetic. The design needed to reflect this identity while also capturing the innovative spirit of the Avi8ted House.

The final logo design struck a balance between modernity and simplicity, mirroring the brand’s ethos. It seamlessly aligned with the existing clothing line, yet stood out as a distinct symbol for the Avi8ted House. The design effectively represented the brand’s vision of a futuristic, luxurious lifestyle intertwined with creativity and innovation.

Plant Science

Logo Design Graphic Design

When designing the logo for Plant Science, a company specializing in the cultivation of marijuana my objective was to create a visual identity that balanced fun and professionalism. The logo needed to resonate with both the social aspects of marijuana use and the company’s serious commitment to high-level cultivation through science and research.

The design process involved finding a middle ground between playful imagery and a more formal, scientific aesthetic. The logo had to be versatile enough for product merchandising, including clothing and extended merchandise activations, while also representing the company’s core values and expertise.

The final logo combined elements that reflected both the joy and the science behind marijuana cultivation. It conveyed a sense of approachability and enjoyment, while also emphasizing the company’s dedication to research and quality cultivation. The design struck the right chord, encapsulating the dual aspects of social engagement and scientific rigor that define Plant Science.

Lara Mossler

WordPress Front-end Development, Back-end Development

I had the exciting opportunity to build a WordPress website for Lara Mossler, a multi-disciplinary artist, translating Figma designs into a fully functional online platform. The project was particularly engaging due to the variety of layouts tailored to showcase different types of her works, complemented by an innovative navigation concept.

The design of the website was sharp and clean, featuring bold colors and distinct lines, which mirrored Lara’s artistic style. My focus was on ensuring that the development was pixel-perfect, closely adhering to the original Figma mockups. This precision was key to maintaining the artistic integrity and aesthetic of the site.

On the back-end, I developed a system that was straightforward and manageable for Lara, accommodating her diverse content types and display needs. This flexibility allowed her to easily update her portfolio and showcase her latest works without technical constraints.

The final outcome was a website that was not only clean and fun to use but also a true reflection of Lara Mossler’s artistic talents. It provided a digital home where her multi-disciplinary works could be appreciated in an environment that echoed her creative vision.

Camp Gully

Logo Design, WordPress Front-end Development, Back-end Development, UX Design, UI Design, Graphic Design, Strategic Planning

For Camp Gully, an annual adult summer camp focused on community building through nature and wellness, I led the strategy, UX design, graphic and UI design, and development of their WordPress website. This initiative by Shanklin Hall aimed to extend its community engagement through immersive outdoor experiences.

My role started with designing the Camp Gully logo, which drew inspiration from traditional summer camps and nature. The use of a flag motif and a specific shade of serene green bridged the outdoor aesthetic with a color palette more commonly associated with wellness brands. The rugged lines in the design mirrored the organic shapes found in nature, embodying the camp’s spirit.

The website design embraced these themes, incorporating topography imagery and a green and red color scheme that complemented both the camp’s legacy imagery and its current branding. My work extended to both front-end and back-end development on WordPress, ensuring a seamless and engaging user experience.

Key features of the site included animated marquees and background videos, creating a dynamic and lively online representation of the camp. The final website not only reflected Camp Gully’s ethos of nature and wellness but also offered an interactive and inviting digital experience for potential attendees.

Candid’s Issue Lab

WordPress Front-end Development

In migrating Candid’s Issue Lab website to WordPress, my task involved implenting a redesign of key elements like the homepage, header, and footer to align with Candid’s new branding requiring the creation of custom content types, page layouts, and custom fields. This process was key to enhancing the site’s functionality and user experience.

I focused on ensuring a seamless transition to the new system, with an improved design and enhanced manageability. The completed WordPress site offered Candid a refreshed, user-friendly online presence, combining efficient content management with a modern, sleek design.

USC Center for AI in Society

WordPress

For the USC Center for AI in Society, I was tasked with constructing a WordPress website focused on delivering information about their program and the latest news through events and blog posts. The goal was to design a site that was simple, clean, and informative, catering to individuals seeking detailed information about this specific branch of the Center.

My role involved developing both the front-end and back-end of the site. I ensured the design was user-friendly and straightforward, allowing for easy navigation and quick access to information. Special attention was given to structuring the events and blog sections, making them integral parts of the site where visitors could stay updated on recent activities and insights.

The result was a WordPress website that effectively communicated the essence of the USC Center for AI in Society. It served as a clear and accessible online resource for anyone interested in the program, highlighting their work, achievements, and upcoming events in a concise and engaging manner.

Park University

WordPress

Working alongside a larger development team, I played a crucial role in creating a dynamic WordPress website for Park University. The project’s focus was to create a rebranded platform rich in university information, including news, events, student testimonials, and details about the university’s offerings.

My role was centered around constructing core components of the site, such as the header, footer, basic page layouts, landing pages, and homepage elements. Each component was meticulously developed to ensure a seamless user experience and to align with the university’s branding and informational needs.

For each component, I was responsible for both the front-end development and creating a corresponding back-end counterpart. This involved integrating each element with WordPress’s core and custom capabilities, ensuring that the site was not only aesthetically pleasing but also robust and easily manageable.

The final website emerged as a dynamic and informative portal for Park University, offering students, faculty, and prospective learners a user-friendly interface with comprehensive access to essential university information.

Heroes Inc.

WordPress Front-end Development, Back-end Development

In developing a WordPress website for Heroes Inc., an organization aiding families of fallen law enforcement and firefighters in Washington, DC, I focused on creating a straightforward site with essential functionalities. This included a system for easily updating obituaries, which dynamically refreshed various sections across the site, and a registration feature for the organization’s annual golf tournament. The result was a user-friendly and efficient website that effectively supported the organization’s needs.

Georgetown Scholars Program

WordPress Front-end Development, Back-end Development

As the lead developer for the Georgetown Scholars Program website, I managed the front-end and back-end development of a custom WordPress site based on a set of Photoshop mockups. The goal was to create a user-friendly platform to inform and engage members about the program’s initiatives and events.

Key features included custom landing pages for new events and initiatives, and a blog section highlighting program activities and community impact. The site was designed to be both informative and easy to navigate, effectively supporting the Georgetown Scholars Program’s mission.

HALFANDHALF

Logo Design, Shopify Front-end Development, Back-end Development, UX Design, UI Design, Graphic Design, Strategic Planning

At HALFANDHALF, I embraced a comprehensive role encompassing design, brand management, creative direction, and much more. As the driving force behind the brand, my responsibilities ranged from conceptualizing the brand identity to hands-on production and marketing.

I began with designing the brand logo which set the tone for the entire brand identity, a cornerstone for all subsequent design work. Following this, I designed the brand’s product line, focusing on unique aesthetics and practicality.

A significant part of my role was the hands-on production of the products. I personally screen printed each item, ensuring a high level of craftsmanship and quality. Sourcing materials was another crucial task, as I meticulously selected fabrics and components that aligned with HALFANDHALF’s standards and values.

I managed the entire process of relabeling, packaging, and shipping, ensuring each product met our high-quality standards and was presented in a way that enhanced the customer experience. Additionally, I developed a custom Shopify theme, creating an online storefront that was not only visually appealing but also user-friendly, perfectly showcasing our products.

Beyond the product creation and online presentation, I directed photo shoots for our lookbooks. These shoots were essential in capturing the style and mood of HALFANDHALF, resulting in compelling visuals that effectively communicated our brand story. My involvement extended to curating photo and video campaigns for our social media platforms, particularly Instagram, where I crafted a narrative that resonated with our audience and showcased our products in a lifestyle context.

In essence, my role at HALFANDHALF was all-encompassing, covering every aspect of the brand from its inception to its presentation to the world. The brand’s success is a testament to the power of a unified vision and the impact of meticulous, hands-on involvement in every facet of the business.

Nation’s Football Classic

Drupal Front-end Development, Back-end Development

For the inaugural Nation’s Football Classic, an annual football game sponsored by AT&T and Events DC featuring two prominent historically black colleges and universities (HBCUs), I was tasked with creating the event’s first official website. From two initial Photoshop mockups, I led both the front-end and back-end development using Drupal.

A standout feature of the website was the background video components, which added a dynamic and engaging element to the user experience. These videos helped capture the excitement and spirit of the event, immersing visitors in the atmosphere of the game.

Another crucial aspect was the detailed scheduling and ticketing component. This feature allowed users to easily access game schedules, purchase tickets, and obtain essential event information, making the website a central hub for attendees and fans.

I also integrated a media gallery into the website, showcasing a wide range of images capturing moments before, during, and after the event. This gallery not only served as a visual archive of each game but also as a promotional tool for future events.

The final website delivered a vibrant and user-friendly experience, successfully reflecting the energy of the Nation’s Football Classic and serving as a key resource for fans, participants, and sponsors alike.

Intelsat

WordPress Back-end Development

For Intelsat, I designed an engaging microsite to showcase a specific satellite offering. The site featured interactive parallax backgrounds, enhancing the user experience with dynamic, immersive elements. Focused on highlighting key features and benefits, the microsite balanced informative content with visual appeal. It was developed to be easily manageable, aligning with Intelsat’s innovative presence in the satellite and network services industry.

Drone Shield

Drupal Front-end Development, Back-end Development

For DroneShield, a company at the forefront of defense and signal processing technology, I was tasked with building both the front-end and back-end of their website using Drupal. The project’s goal was to create an online presence that aligned with their modern, innovative brand and effectively communicated their story to federal agencies.

My focus was on constructing a website that showcased DroneShield’s advanced solutions, product capabilities, and detailed information about their leadership, mission, and vision. The site was developed to be sleek and interactive, ensuring that it not only resonated with DroneShield’s high-tech ethos but also appealed to their target audience in government and commercial sectors.

The end result was a Drupal website that successfully combined functionality with DroneShield’s cutting-edge technological identity, providing a comprehensive digital platform for their innovative defense solutions.

Leadership Greater Washington

Drupal

In a collaborative project for Leadership Greater Washington, I worked alongside a lead developer on the front-end and back-end development of their Drupal website. Our focus was on creating media-rich layouts featuring background videos and large photo galleries, alongside dynamic content throughout the site.

This development resulted in a visually engaging and functional website, effectively showcasing the organization’s initiatives and facilitating their digital storytelling.

DC Jazz Festival

Drupal Front-end Development, Back-end Development

In my role leading the redesign for the DC Jazz Festival website, I focused on creating an intuitive and comprehensive online experience for festival-goers. Utilizing analytics and data from previous years, I helped to craft a UX design that catered to the needs of users both on desktop and mobile platforms.

The challenge was to present information about over 150 artists and 200+ venue locations in a user-friendly format. To achieve this, I developed a Drupal website that allowed administrators to easily create and manage each event. This resulted in an interactive schedule that visitors could filter and sort, making it simple to find performances of interest.

Each artist had a dedicated profile page, providing festival-goers with bios, photos, links to their websites and social profiles. Similarly, venue pages were created to offer essential information like directions and venue-specific details, enhancing the user’s planning process.

Another key feature of the site was the inclusion of recaps from past festivals, alongside detailed information about funding, board members, and sponsorships. This not only served as a resource for new attendees but also as an archive celebrating the festival’s history and community impact.

The redesigned website became a central hub for the DC Jazz Festival, significantly improving the way attendees interacted with the event online. It made navigating the festival’s extensive lineup and venues effortless, and enriched the overall experience by providing in-depth artist and venue information.

Cormac Corporation

WordPress Front-end Development, Back-end Development

In developing Cormac Corporation’s brochure-style website, my goal was to create a platform that succinctly showcased their expertise in health data management and analytics. The site was designed to inform potential investors, business partners, and federal agencies about the company’s capabilities, leadership, and business philosophy.

I was responsible for both the front-end and back-end development of a custom WordPress website, adhering closely to the Photoshop mockups to ensure a pixel-perfect final product. This precision mirrored Cormac’s attention to detail in their own work.

The website featured a user-friendly content management system, allowing for easy updates and maintenance. It effectively communicated Cormac’s value proposition, aligning with their image as a leader in digital health solutions.

Army Ten-Miler

UX Design, Web Design UX Design, UI Design

Redesigning the user experience for the Army Ten-Miler (ATM), a prominent distance race in Washington D.C., was a project aimed at enhancing engagement and usability for both potential and repeat runners. The ATM, established in 1985, not only promotes the Army and supports fitness goals but also contributes to community relations, with proceeds benefiting Soldier MWR programs.

The challenge was to create a website layout that was captivating for potential runners while also being highly functional for participants during the event and in their preparation and follow-up. Based on analytics from the previous website, we restructured the user experience, developing two distinct interfaces. I collaborated with a designer from Sage Communications, and together we crafted the initial versions based on a newly created site map and basic wireframes.

These two interface designs were then presented to a focus group for feedback, gathering insights on runner preferences and engagement desires. The final design was a hybrid of the two mockups, effectively combining the most successful elements of each.

Our goal was to imbue the design with a sense of movement, using sharp lines, striking imagery, and high contrast to appeal to an active community. The aesthetic was tailored to resonate with runners like a high-end sports brand, drawing on market research and data on preferences among military personnel and the broader running community. The result was a dynamic, on-brand website that provided a superior user experience, aligning perfectly with the spirit and objectives of the Army Ten-Miler.

Group W

Drupal Front-end Development, Back-end Development

Leading the UX design and strategy for Group W, a company specializing in analysis, modeling, and research, presented a unique challenge. Group W required a website that not only showcased their expertise in navigating complex problems but also mirrored the organic and adaptive nature of their problem-solving approach.

The central concept was to create an interactive journey highlighting their six key focus areas. This journey was designed to be dynamic, with the website transforming as users clicked into each area, reflecting Group W’s fluidity in handling diverse industry landscapes.

One of the intriguing features of the site was the incorporation of ‘Easter eggs’ – quotes from artists and philosophers that influenced Group W’s business ethos. These hidden gems added depth to the user experience, subtly conveying the company’s intellectual and creative underpinnings.

The design process saw multiple iterations, with each one refining the site’s ability to communicate Group W’s unique approach and services effectively. My role extended beyond UX and UI design; I led the pitch process and was responsible for developing both the front-end and back-end of the website using Drupal.

The final design achieved a balance between functionality and creative expression. It provided an engaging platform for Group W to demonstrate their capabilities and problem-solving philosophy, resonating with their target audience of decision-makers in various sectors.

University of Charleston West Virginia

WordPress Front-end Development, Back-end Development

In a significant overhaul for the University of Charleston, West Virginia, I was part of a development team responsible for building a comprehensive WordPress website. The site was designed to feature vital university information, including news, events, student stories, and a detailed coursecatalog.

My role involved constructing core components of the site such as the header, footer, basic page layouts, landing pages, and homepage elements. Each of these components was integral to the site’s functionality and user experience. The design included several intricate features, and I was tasked with developing both the front-end and back-end of these components, ensuring they were visually appealing and functionally robust.

A key part of my contribution was working with more senior developers on complex integrations, particularly linking the course catalog with an external database. This integration was crucial for providing accurate and up-to-date course information to prospective and current students.

The final product was a dynamic and informative website that effectively represented the University of Charleston, offering easy access to a wealth of university resources and information. My role in building both the foundational and complex elements of the site was essential to its success and functionality.