[this project is also available in the Case Studies section]

This Web3 startup aimed to provide a one-stop Ad Center experience that allows users to advertise in an easy-to-understand and guided manner. After initial competitive research and interviewing advertisers, I created and tested the interface with potential users.

01
The Ad Center home page offers three ways to advertise with Digitalage and three campaign creation pages.

02
The budget definition screen shows the budget calculator tab on the right side of the screen, which stays anchored when the page scrolls. This tab can be expanded to offer the budget calculation or collapsed.

03
A few screens of the Ad Designer interface for users who create their ads.

04
The Ad Maker interface is for users who prefer to provide their branding elements to get their ads designed.

05 + 06
The Ad Connect interface allows users to connect with Influencers who will create advertisement videos.

Tasks: Conceptual Design, Information Architecture, Product Design, Visual Design, Branding, Competitive Research, User Research

[this project is also available in the Case Studies section]

Cancer Connect was the leading digital companion for understanding a cancer patient’s diagnosis and personalizing their cancer care. Some of the initial app features included: Knowledge library database, care circle for friends and family, messaging, personalized medicine, clinical trials, recording doctor appointments, uploading medical documents, adding bookmarks to knowledge base articles, on-boarding including cancer type/stage/bio markers, forum, and several other useful features.

Cancer Connect was launched for iOS on the App Store in 2016. A few years later, I realized that a Tele-Oncology app with paid consultations would be a good resource for cancer patients who needed an immediate second opinion or just wanted advice on their personal cancer type, stage, subtype, biomarkers, etc.

The following 50 screens present less than a third of this Tele-Oncology concept but should be sufficient in providing a good way to grasp the app’s flow and features.

01
Row 1: The landing page and a few of the on-boarding screens to determine the user’s role, the patient’s cancer type, stage, subtype or if surgery is planned or has already been performed. Row 2: Dashboard, personal feed, tasks, notifications and prepping for an online consultation.

02
Row 1: The planned consultations, an interface for the main question and a feature for uploading files to clarify symptoms and conditions. Row 2: Selecting visit time, payment details and the actual online consultation with an oncologist.

03
Row 1: Knowledge base with articles and a way to find out how symptoms and conditions relate to the online patient. Row 2: The free question interface with a way to search for one’s symptoms and conditions and similar questions previously answered by oncologists.

04
Row 1: The main search interface with trending topics and a specialty search, articles and answers. Row 2: Searching for doctors in the patient’s surrounding area and information about the facilities where they perform their services.

05
Row 1: A few screens of the doctor’s profile and the patient’s health records. Row 2: A few screens of the patient’s account and payment methods of choice.

Tasks: Information Architecture, Product Design, User Testing, Personas + User Journeys, Visual Design, Logo Design

This is the Profile section of NaviNet Open, a redesign of the legacy model based on countless workshops, ethnographic field studies, and user and accessibility testing sessions. My team and I created these designs grounded in accessibility standards, using guides and components of our newly created design system, Feather DS (https://feather.nanthealth.com).

Besides designing the UI and creating the prototype, I led design feedback sessions, directed and performed user testing, led accessibility sessions, created Information Architecture diagrams, and worked with product management on roadmap timelines. Even though NantHealth was a publicly traded company, it was run like a startup, and wearing multiple hats was necessary to meet very tight deadlines.

The main challenge of NaviNet’s redesign was antiquated legacy model interactions that we had to replace with modern design patterns. To ensure the redesign’s success, we tested our new practices continuously with real users to serve their behaviors and mental models.

The redesign aimed to lower customer service calls by 30%. It met this goal, while Live Chat and ‘Open a Case online’ increased roughly the same amount. As expected, Analytics data showed user behavior improvements in the redesigned areas.

01
NaviNet’s Workflow selection interface.

02
This feature allows the user to select their health plan.

03
The drawer with the actual profile section.

04
The About Me section of the user’s profile.

05
Editing the Personal Details section.

06
Editing the Roles & Responsibilities section.

07
The drawer slides out when clicking the ‘Contact’ tab.

08
The window that appears when clicking ‘Live Chat.’

09
The interface for opening a case online.

Tasks: UX Design, Accessibility Design, Information Architecture

[this project is also available in the Case Studies section]

In this responsive site redesign initiative, we intended to shake up conventional WB.com navigation techniques. Instead of category pages, we let the user choose what to look for by allowing them to filter all the content. This idea came from conducting user research sessions with studio tour visitors, diving into the culture of our fan base, and conducting a two-day workshop with crucial WB employees and executive leadership.

01
Wireframes presents the idea of stepping away from our traditional navigation method. In this single-page site model, we would initially push one editorial movie title and, right underneath, allow the user to filter through the entire WB catalog. The right image in the top row demonstrates how the filter bar would be anchored to the top of the screen when scrolling past the editorial content. The bottom row presents a version with top navigation centered around one particular editorial piece to be replaced by any item the user selects when browsing the catalog.

02
Visual design comps of the launched version.

03
Wireframes are exploring new ways of grouping, filtering, and branding social media content.

04
Realizing the need for ‘combo-personas’ (UX personas with marketing aspects), not limiting them to the interaction with a particular site/app but rather with Warner Bros. as a brand, I took our existing UX personas, included brand/lifestyle choices and added color/images for optimal stakeholder engagement. Each persona was accompanied by a document that provided precise detail in writing.

05
I created/conducted a two-day workshop with stakeholders and WB leadership. I guided the participants in exploring the future of WB’s user/fan engagement while keeping the site redesign in mind. We started the workshop on a Friday, setting the stage, grounding the participants in our current efforts, and introducing the team to our newly developed personas. As a homework assignment, we asked each participant to pick a persona role and walk in their shoes over the weekend, exploring different ways of media consumption. We continued the workshop on Monday, collected their experiences, and conducted creative activities to explore innovative media consumption possibilities further. We ended up with lots of intriguing ideas for the online engagement of WB fans/users. In contrast, our exercises (cover story, user journeys, affinity diagrams) provided many hand-drawn diagrams, which I translated into digital versions. On the right side of the photos, you can see a resulting affinity diagram that shows all the overlapping needs/desires of our personas, and underneath is one of our user journey maps.

Tasks: UX Design, User Research, Personas, Workshop Design, Information Architecture, Visual Design

I created this iOS mobile app for a personal client who specializes in providing piano accompaniment tracks to individuals for auditions or educational purposes. The user can choose between a subscription model or purchase individual tracks and create playlists of the selected content without a subscription. In addition, they can change the key/tempo of the way and set rehearsal markers.

The challenge was that a song was not the root data item but broken into multiple tracks, and these tracks could be modified in several non-standard ways. The goal was to provide another option for their users besides the well-performing website. In the first year after launch, the app alone was responsible for a 17% increase in new users for the business, with a 40% retention rate for the app.

01
Visual design comp, showing (from left to right) the welcome screen, two of four landing pages that would rotate on further log-ins, browse screen, my tracks (mp3s), my tracks (playlists), create new playlist, add tracks to new playlist, playlist page, edit playlist, edit playlist actions, edit playlist popup, track detail, edit track detail, change track’s key, set rehearsal marker, download popup, subscribe page, more page, account page.

02
The flow points out all the app’s connections and interactions.

Tasks: UX Design, Information Architecture, Visual Design, Logo + overall Brand Design

This is the Claim Search section of NaviNet Open, a redesign of the legacy model based on countless workshops, ethnographic field studies, and user and accessibility testing sessions. My team and I created these designs grounded in accessibility standards, using guides and components of our newly created design system, Feather DS (https://feather.nanthealth.com).

Besides designing the UI and creating the prototype, I led design feedback sessions, directed and performed user testing, led accessibility sessions, created Information Architecture diagrams, and worked with product management on roadmap timelines. Even though NantHealth was a publicly traded company, it was run like a startup, and wearing multiple hats was necessary to meet very tight deadlines.

The main challenge of NaviNet’s redesign was antiquated legacy model interactions that we had to replace with modern design patterns. To ensure the redesign’s success, we tested our new practices continuously with real users to serve their behaviors and mental models.

The redesign aimed to lower customer service calls by roughly 40%. The redesign met that number, and as expected, Analytics data showed user behavior improvements in the redesigned areas.

01
The initial search criteria page.

02
Choosing a billing entity.

03
A view of the search page with two tabs (Recent, Quicktips) that users can select to display in their settings. This screen also shows a notification when the system cannot process a request.

04
The Claim Status Detail page.

05
When selecting the Additional Information tab on the claim.

06
I was scrolling down on the Additional Information tab.

07
When clicking the History tab.

08
Service line details, Adjustments tab.

09
Service line details, Additional Information tab.

10
The interface where the user can select what features to print.

11
The arrow will return the user to the search results page.

12
Back on the search results page.

Tasks: UX Design, Information Architecture, Accessibility Design, User Testing, Personas + User Journeys

Cancer Connect was the leading digital companion for understanding a cancer patient’s diagnosis and personalizing their care. The initial app was launched on the iOS App Store in 2016.

Some of the initial app features included: Knowledge library database, care circle for friends and family, messaging, personalized medicine, clinical trials, recording doctor appointments, uploading medical documents, adding bookmarks to knowledge base articles, onboarding, including cancer type/stage/biomarkers, forum, and several other valuable features.

In this endeavor, I managed a team of UX professionals while creating conceptual designs, low- to mid-fidelity wireframes, and personas. I was hired a few weeks before the app launched, and I did my best to fix the most prominent issues pre-launch. Immediately after launch, I worked closely with product management to schedule user-testing sessions and take on as many feature improvements as possible.

The main challenge of the app was that even though there were many beneficial features, there needed to be a way to provide them in an intuitive and easy-to-navigate interface. The interface felt cluttered and essential elements were required to be found.

01
These are a few screens for an alternative Android version of the app where we proposed to reduce the overwhelming amount of features the user is presented with as they open the app. In this color-coded view, I suggested that the app only show the user content triggered by events like in-app scheduled doctor appointments or learning from the patient’s behavior to only display information applicable to the user’s current situation. The first six screens show the knowledge feed populated with information based on the user’s journey, the expanded hamburger menu, and the calendar view.

02
These low-fidelity wireframes were created for a proposed forum section as a post-launch add-on to serve as design guidance for the team to iterate.

03
When I joined the team, the UX practitioners worked screen to screen in a rather complex application without a flow chart. I immediately created this diagram to ensure that at any given time during the process, we clearly understood how any to-be-designed feature fits in the overall flow of the system.

04
Rather than launching the app while having several critical questions unanswered, I scheduled an ad hoc persona workshop to collect the team’s existing knowledge and assumptions about the app’s users. This resulted in a few persona docs and some user journeys to ensure we carry on as user-centered as possible.

Tasks: UX Design, Information Architecture, Visual Design, User Testing, Personas + User Journeys

In this effort to re-engage Harry Potter fans right in time for the movie 'Magical Beasts and Where to find them,' release, we planned to create a website and native iOS phone/tablet app to strengthen the emotional connection with this brand—a fun project with many whiteboard sessions and lots of user engagement.

01
Wireframes served an information architecture, an interaction design, and a content strategy purpose while exploring social media's role in re-engaging fans on this new platform.

02
Visual design comps for the re-engagement campaign site.

03
I created these ad hoc personas to reflect the existing fans’ ecosystems, trying to understand their role in interacting with the brand in a digital age, conducting ad hoc persona sessions, and exploring online fan culture. I needed ‘visual’ personas that mirrored the fans’ passion and a ‘visually sober’ version when we just needed clean data.

04
These are a few user journeys that resulted from our persona efforts combined with multiple stakeholder sessions. These also exist purely in written form.

05
The map on the left reflects the current Harry Potter ecosystem at the time, while the map on the right presents our vision of re-engaging the fans in future efforts.

Tasks: UX Design, User Research, Personas + User Journeys, Information Architecture

Feather DS started as an in-house design system tailored toward the goals of NantHealth and its various products. It places accessibility at the center of the design system experience. The plan was then shared with the healthcare community as an open-source design system. The system's primary goal is to provide the best possible experience to the broadest possible audience (https://feather.nanthealth.com).

I created components/organisms, participated in weekly design system sessions, guided and performed user testing of patterns, led accessibility sessions, and researched/created design pattern documentation.

01
The home page has guide info and links.

02
The design philosophy section.

03
Design principles and guidance.

04
The color guidance section of the system (aa compliant).

05
The typography section of the design system.

06
The component selection interface.

07
The detail page of a selected component with display, explanation, and code for developers.

Tasks: UX Design, User Testing, Pattern and Component Design

[this project is also available in the Case Studies section]

This iOS health management concept is based on an app allowing users to manage their medications and connect devices to measure their vitals. This next iteration provided additional features, such as electronic drug prescriptions, the possibility to add doctors to the system, referrals to other facilities, add entire treatment plans, and a link with Apple Health.

01
Row 1: The landing page flow with a security statement. Row 2: A few of the registration and onboarding screens. Depending on the development effort, the height/weight entry could be replaced with the iOS standard spinner control.

02
The medical card section is a central location in the app that houses the user’s vitals, medications, doctor connections, treatments, analyses, prescriptions, and referrals.

03
The option to add devices to measure the user’s vitals and a feature to add more advanced analyses from medical facilities.

04
Row 1: The option to add medications and procedures. Row 2: Apple Health connection and the reminders section.

05
Wireframe for the original Android app that this concept is based on.

Tasks: Product Design, Information Architecture, Visual Design, Logo Design

When I started Adamec Design in 1999, I designed my logo, and in 2021 I realized it was time for a redesign because it began to look dated. After I redesigned it I decided to move forward using my entire name and eliminate the word ‘Design.’

01
This shows my previous logo and how the new version presents a simplified version that can work within a square space, making it easier to work within a digital environment.

02
This image shows how the logo icon is contained and balanced within perfect geometrical shapes to consider scalability and proportion.

03
The new branding look was used for this website and several presentation decks.

04
In 2023 I decided it was time for a 2.0 round.

05
Backgrounds and digital illustrations for possible marketing materials.

Tasks: Graphic Design, Branding, Digital Illustration, Presentation Design

In my freelance engagement with the agency Velvet Hammer, I created these wireframes to propose the new content strategy and information architecture for LinkedIn’s small business department.

The main challenge was to create a strong structure, messaging, and flexible layout that aligns with all other LinkedIn online experiences.

The chosen wireframes provide a view into four different content strategy options addressing LinkedIn’s small business offering.

01
This section shows navigation bar options, a landing page, and two sub-landing pages (personal branding, hiring) for content strategy theme one.

02
This section shows the landing page and one sub-landing page of content strategy theme two.

03
This section shows the landing page and one sub-landing page of content strategy theme three.

04
This section shows the landing page and one sub-landing page of content strategy theme four.

05
This section shows two sub-pages not tied to a particular content strategy theme.

Tasks: Information Architecture, Content Strategy, UX Design

I created the branding design for the R&B artist Messon Jay-B. As I created logo versions including the letters MJ-B, these letters formed a head, that then turned into a full-body character, which I used for illustrations and stage animations.

01
The logo, and characters based on the logo design. In the second row, other characters use this established style.

02
Vehicles for the characters to move through the animations.

03
The base for a stage animation for multiple songs.

04
The base for a single-song animation.

Below are some gif animations (pre-AfterEffects).

Tasks: Branding, Illustration, Animation.

This is the Eligibility & Benefits section of NaviNet Open, a redesign of the legacy model based on countless workshops, ethnographic field studies, and user and accessibility testing sessions. My team and I created these designs grounded in accessibility standards, with guides and components of our newly created design system, ‘Feather DS’ (https://feather.nanthealth.com).

Besides designing the UI and creating the prototype, I led design feedback sessions, directed and performed user testing, led accessibility sessions, created Information Architecture diagrams, and worked with product management on roadmap timelines. Even though NantHealth was a publicly traded company, it was run like a startup, and wearing multiple hats was necessary to meet very tight deadlines.

The main challenge of NaviNet’s redesign was antiquated legacy model interactions that we had to replace with modern design patterns. To ensure the redesign’s success, we tested our new practices continuously with real users to serve their behaviors and mental models.

The redesign aimed to lower customer service calls by 30%. The redesign eliminated roughly 40% of calls. As expected, Analytics data showed user behavior improvements in the redesigned areas.

01
The patient’s E&B main page.

02
The patient’s insurance details.

03
The patient’s insurance card representation.

04
Searching for specific insurance coverage.

05
The display of the previously searched coverage, Mental Health.

06
The Mental Health page scrolled down to display more information.

07
We are selecting specific benefits within a category.

08
They allow the user to customize the interface by changing tiers.

Tasks: UX Design, Information Architecture, Accessibility Design, User Testing, Personas + User Journeys

These visual design examples provide more insight into my look & feel capabilities.

01
Various design projects from approximately 2007 to 2012. Including web/desktop apps, brochure design, user engagement widgets, packaging, concert flyers, and cd covers.

02
Logo designs I have created 2020-2023 during freelance opportunities and NantHealth side projects. Some were part of more considerable branding efforts across multiple media items.

03
Branding design for a tv game show.

Tasks: Visual Design, Branding, Illustration, Animation