Hello and welcome! I want to realize experiences that encourage positive outcomes, are crafted with excellence and are strategically successful. I bring an ability to distill complex problems into clear solutions and I am known to bring fresh ideas and professionalism. I live in the Dallas-Ft. Worth area.
Please take a look at the examples of my work above. I designed and hand coded this site with skills I learned while earning a Graduate Certificate in Web Development from Harvard University Extension School.
Comments or questions? Please send me a message!
Logo Design
MinaMedCom
Christopher Mina, MD, is a medical writer and owner of MinaMedCom. This is the logo I designed for his business, which has three main offerings: medical writing, video authoring and web site design.
Dr. Mina is known for his expertise in writing about a wide variety of medical subjects for various audiences. He requested a no-nonsense design that communicates confidence and reflects his excellent attention to detail.
Printed Materials Program Management, Graphic Design & Techincal Writing at Bio-Rad Laboratories
BioPlex 2200 System
BioPlex 2200 Products manufactured by Bio-Rad Laboratories, Inc.
My Role:
Manage the printed materials program as the senior subject matter expert for product instruction documentation, packaging, and labeling for a global manufacturer of clinical diagnostic products
Author, edit, clarify, and proofread technical documentation for related procedures.
Manage engineering change requests
Manage graphic arts files
Analyze risk, feasibility, and the costs of material changes
User Instructions for Bio-Rad's Geenius HIV-1 & HIV-2 Test System
Geenius HIV-1 & HIV-2 System Quick Reference Guide and User Instructions for Use Document
My Role:
Writing, editing, graphics, graphic layout, typesetting, print production
Working with technitions and scientists that provide tech support directly to customers to refine the content and design
Each shelf, showcase and table that holds merchandise in a Nordstrom Store is designed, manufactured, placed and installed by a team of designers and construction professionals.
Nordstrom Handbags Department Fixture with Design Drawing of a Similar Fixture
My Role:
Prepared CAD design drawings and specifications
Coordinated with consulting architecture and interiors team
Traveled to construction sites for detailed field reviews
Coordinated scope and approvals for production and field changes
Provided reporting and budget tracking to senior managers
Reviewed and approved manufacturers’ engineering drawings
Mixed Media Collage: “The Deconstructing Landscape”
Concept:
A Japanese wood block print by the artist Hiroshige of a landscape shows a stylized view of the natural world. The horizon line “deconstructs” using color and light with line and shape to move us from the natural world in the painting to a composition of colors, forms and shapes that can be translated into a functional and pleasing interior design. The transparent ovals provide unity and harmony by easing the distance between us and the natural world, with the hope of lifting our spirits along the way.
Other Design Inspiration:
Concept Development:
Collage Process
Hand Constructed Sketch Model
Hand Constructed Sketch Model
Move the Shapes into a 3D Space
Move the Shapes into a 3D Space
Move the Shapes into a 3D Space
Move the Shapes into a 3D Space
Move the Shapes into a 3D Space
How can the transclucent, round forms translate into 3D space?
How can the transclucent, round forms translate into 3D space?
Granite Background Wall
Leather for Wall Covering
Leather for Seating and Floor Tiles
3 Form Resin for Desk
Schematic Design Drawing:
Reception
Upon exiting the elevator into a neutral hallway, the first impression is formed by a luminous desk and suspended light fixture of 3-Form Chroma EcoResin and a back wall of Brazilian granite. The materials and shapes reflect the landscape and circular, translucent elements in the collage. Edelman leather floor and wall tiles add softness and the 11’-0” high open plenum ceiling is painted to match.
Pages from History & Heroes, The Art Heist of WWII. An educational web site about art theft during The Second World War.
Background:
I made a web site about a compelling and true story from history. Now I want to re-think and improve the site as you will see in my sketches and initial wireframe below. My audience is adults who are casually interested in art and/or history or those who are generally curious to learn new things.
A painting for a life?
During WWII, the Nazi regime looted and plundered the art and cultural artifacts of Europe on an industrial scale. Art was used as a cultural weapon and as currency, sometimes buying freedom or life itself.
I asked these questions:
What happened and how did it end?
Why study this topic?
How could this topic be brought to life?
Concept development and sketches:
First, I studied images, viewed documentaries and read about the people involved. I wanted to know who they were and what they did.
Next, I made sketches. Learning by comparing two things, people or events emerged as a unifying concept. Will drawing conclusions from the comparisons enable readers to see value in learning from history?
The heroine and the worst of thieves:
These sketches use the pair of 1) Rose Valland and 2) Hermann Goering. Valland was a scholar of art history and secretly recorded the name and owner of each work of art the Nazis stole from the Louvre. This daring act of defiance enabled many artworks to be traced and returned later, and Valland became one of the most decorated women in French history.
By contrast, Hermann Goering was among the worst of Hitler's menaces. He also stole and collected the most artwork. After the war, he was sentenced to death by hanging for his myriad crimes.
The concept of making this topic one of many on a searchable site called “Pair & Contrast” also emerged and I decided to consider it.
To me, these steps are essentially the same for all types of design (a.k.a “Design Thinking”), but design for a digital experience requires unique explorations. In this case, the search function became very important to the navigation.
Here is the wireframe. I quickly coded the html using the sketch above.
My work continues. Here are scenes from the next episode:
How does the whole navigation work?
How would it work to ask User's to draw their own conclusions?
How is data sent to the pairs and search function?
What does a clickable prototype look like?
What are the actual pairs of information? How are they assembled?
An abbreviated journal of learning front end web development which utilized the ultimate problem solver. See for yourself...
About This Site
I designed and hand coded this site to show my portfolio based on the sketch below. I believe portfolios should be straightforward and not complex. After the sketch, I could visualize the layouts given the content is so familiar, so I did not draw or code out a wireframe. I ended up using only 3 navigation cards instead of the 6 shown in the sketch.
I used html, CSS and vanilla JavaScript to keep the content primarily on one page. I used the onclick event with the window.open method for links so a user can view the content without leaving the main page when on a desktop. On mobile, one click with the native device back function leads back to the main page. The logotype and GitHub icon are SVGs to keep them crisp and clean at all sizes.
This is a form that uses a constructor function and a JSON object literal to create an
address book. The data entered is written to the page and stored in local storage.