“I love how independent Marci works. I can show her our concept/vision, provide her with the content and she turns it into beautiful UI and flawless code. She has created a design library for us which makes it easy for new teammates to adopt. Her strong background in design and love for code makes her a valuable asset to my team.
"Marci sent Børsen on a most needed journey to get infographics in the newspaper that the readers can actually read and understand. With her help, Børsen came a long way in a very short period, and I highly recommend Marci for any company that wants rapid improvement. And by the way: She is also fun to work together with."
Marci did the design and front end development for our new Match My Thesis platform. Her design, navigation, and forms were clean and easy to follow. Marci really knows how to balance content to feel natural for users. Unlike many designers, she has the programing skills to bring ideas from initial sketch to a final working product. This is a huge asset in any development team.
• Able to quickly draft clear designs and prototypes to help delineate concepts.
• Offers concrete suggestions and visual feedback to push the planning phase forward.
Frontend engineer and user interface designer. Designed and coded forms, login flow ... Modular design and code for easy adoption for new pages and components.— optimised to work on desktop and mobile.
Coded and designed in the browser. Perfecting CSS so it ALL worked on ALL screens sizes.
A prototype designed for a startup– consisting of a homepage, login forms and student and company pages. I did the wireframes and user journeys. App built in Ruby on Rails. Component based CSS in SASS.
1.Initial whiteboarding to start designing the flow of the App.
2. Wireframes of different pages
3. After whiteboarding we worked on sketches to visualize the database, and then "drew" it in Le Wagon's DB visualizer.
4. More complete wire fraames to guide me in my programing and design of the pages
1. Working in the terminal to do some magic in Ruby and Rails, and for project collaberation in Git was a part of every day for 3 weeks.
2. Part of a rails file used to seed the database for the first iteration and presentation of our app.
3. Working on the HTMl and CSS in Chrome's dev tools.
1. Home screen for webapp. In the nav bar the user has the ability to create a profile (either as a student or a company) and log in our log out. The first banner has a call to action (register). The second banner shows a few of the most recent cases. The third banner is a call to action as a student to register. The final banner is a map showing where Match My Thesis' companies and students are found in the world.
Kris Kibutis, Nathan Kuik and myself, Marci Papineau
Coded fully responsive 5 page Wordpress site. Features include pop up YouTube videos, a FAQ section, Geo location, and social media links.
The layout of the site was provided in Invision.
After recieving the Invision apps, I drew wireframes to block out how I would code the pages. This was a great way to keep track of how many styles should be created.
After the wireframes were handed over I began to build the pages in Wordpress– interpreting all the styles provided in the orginal layouts.
I have desinged for top magazines and newspapers in NYC and Copenhagen. You can see the wide variety of my print work on my older site here.
In a 3 day hackathon with the media in Singapore, myself and journalist and another coder created an app to help Singaporeans figure out where their voting disctrict was, who was running in their district and find the running mates Tweets, Facebook feed and links to Streights Times articles written about them.
In another 3 day Hackathon myself, a journalist and another coder worked with Java Script to create a visual timeline to highlight stories with in a newspaper that have 100's of posts in a easy to understand format.
As an editorial designer and Art Director in NY, I worked at many magazines with topics ranging from: beauty and fashion, celebrities, and finance-- to name a few.
Designed and art directed in Denmark as well. Finance and engingeering. Art Direction. Tons of information graphics.
CPHUX.com [code + design + UI]
Lyndgaardmedia.dk [design + code + UX/UI]
RailsGirls Copenhagen [code + mentoring]
WonderCoders [design + code + mentorship]
MarciPapineau.com [design + code + UX/UI]
Aktivfoodie.com [code + design + UX/UI]
DesignToGo.dk [design + code]
Ingeniøren/ing.dk [design + code]
Le Wagon Copenhagen [design + code + UX/UI]
MatchMyThesis.com [design + code + UX/UI]
Børsen [design (print)]
Hacks/Hackers Denmark [design + code]
Media Hack Days hackathon, Aarhus [design + code]
Bonnier Publications [design (print)]
Money Magazine [design (print)]
Penge og Privatøkonomi [design (print)]
Time Warner [design]
University of Copenhagen [design (print)]
I AM A DESIGNER WHO CAN CODE AND A CODER WHO CAN DESIGN!
I have classical design training from New York City’s School of Visual Arts.
I am a Frontend Developer and designer with a specialty in CSS and user interface design.
I design and code directly in the browser – taking away the need for pixel perfect prototypes before coding.
I always work mobile first– unless there is a real reason not to show it on mobile.
I design and code websites, web apps and digital prototypes.
I have a specialty in Typography, HTML and CSS, and UI.
As a native New Yorker, I have a New Yorker's work ethic, and positive attitude. I am friendly and outgoing.
Dedicated and driven to learn the latest web technologies.
I know how to get things done and LOVE what I do.