marci papineau | design & code

Portfolio

Lyndgaard Media

Art Direction / Design / Code / Product Development

LyndgaardMedia.com Art Directed, designed and coded a fully responsive website. All code is in HTML/CSS with the help of Bootstrap for a simple 100% responsive grid.

Process notes: Helped owner narrow down what she wanted to say and show. After making low fidelity wireframes, was able to quickly complete the design directly with HTML and CSS in the browser— so no high fidelity comps were needed– thus saving time and money.

Match My Thesis

Product Development / Responsive Web Design / Ruby on Rails Development / User Experience & Interface Design

MatchMyThesis.com Created a fully responsive web application in collaboration with two other developers. Collaborated with team to to create user journeys and database (DB) layout. Based on the DB foundation, created wireframes and then designed, and coded the frontend.

Tech stack used: Ruby On Rails, SCSS, Bootstrap, Git, Heroku, Sketch, Illustrator and Photoshop. Features include a homepage, login forms and student and company pages.

Bloodlink

Custom Code Wordpress Site

Bloodlink.life Coded fully responsive 5 page Wordpress site. Features include pop up YouTube videos, a FAQ section, Geo location, and social media links.

After recieving the Invision files, 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.

CPHUX

Django Development / Frontend Code / Product Development / Style Guide in Code

CPHUX.com Working together with a talented full stack developer, designed and coded HTML/CSS for a fully responsive website/application using, Python, Django, HTML, CSS and Bootstrap. Functionality includes a homepage where a user can create a membership, join, and pay- as well as subpages to see what classes the organization was hosting and the ability to sign up. This was all done with an MVP approach so the product could be quickly released - thus making the payment membership available.

Nicolas Blier-Silvestri, Co-Founder & CEO at Platypus

Marci was in the core team creating a workable product for the second iteration of ThePlatypus. This iteration was useful in getting our second round of investment. Working closely with the 3 founders, a backender and our other UX designer, in the first 3 months, she had our on boarding process fully functioning on mobile and desktop devises (through design and code). Marci helped to improve the usability of the product— especially within how we visualise our data— which is one of the most important aspects of ThePlatypus. She gave input on how to make the product easier to use, helped make sure things were completed on time. and asked insightful questions during product meetings. CSS & HTML / Frontend Development / Information Graphic Design / Saas Product Development / UI Design

Daniel Bowen
Co-Founder at Platypus

Marci was instrumental in our product development and helped us achieve very demanding goals within a short period of time. All of this was done on an incredibly tight schedule as we (successfully) pushed for investment. Marci helped us reach the next level - from a functional prototype - and was a joy to work with.
CSS & HTML / Frontend Development / Information Graphic Design / Saas Product Development / UI Design

Helena Levison
Founder and Community Lead at CPHUX

Marci was the link between our designers and our backend developer. I love how independent she works. I can show her our concept, provide her with the content and she turns it into beautiful UI and flawless code. She is a hard worker and has high standards for her work. She has created a design library for us which makes it easy for new teammates to adopt. I’m impressed with her work and grateful to know that our website will remain a visual cohesive expression in the future. Her strong background in design and love for code makes her a valuable asset to my team.
Django Development / Frontend Code / Product Development / Style Guide in Code

Grace Chua
Partner at Digital Media Asia Hackathon

I worked with Marci in the same group at the Digital Media Asia hackathon. Our project - creating a one-stop website where users could find out about Singaporean politicians running for election. Our project started out as a vague concept, but Marci helped to nail down our priorities and offer concrete, visual suggestions for key features. Having Marci on the project with us - a journalist and a developer - was an invaluable help.
3 day Singaporean Hackathon

Jørgen Andresen
Head of Media at Dagbladet Børsen

Marci has 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 has come a long way in a very short period, and I can only highly recommend Marci for any publication that wants rapid improvement. And by the way: She is also fun to work together with
Information Graphics Redesign

» Atomic Design
» Coding and designing directly in the browser
» Corporate Identity
» Data Visualization
» Frontend Development
» Graphic Design
» Product Design
» Product Development
» Rapid Prototyping
» Responsive and Mobile First Code & Design
» Style Guide Creation
» User Experience Design (UX)
» User Interface Design (UI)
» User Journeys
» User Journeys
» Wireframing

» Adobe Creatvie Suite » Adobe XD » Bootstrap » CSS » CSS Grid» Django » Figma » FIlezilla » Git » HTML » Illustrator » InDesign » Photoshop » React » Ruby on Rails » SCSS » Visual Studio Code » Wordpress

I have a design degree from School of Visual Arts (SVA) in NYC, and have completed Le Wagon's Full Stack 9 week bootcamp.

These two educations give me the unique characteristic of being both a designer and coder.

I make websites and SaaS products – combining code and design for quick beautiful solutions.

I often design with code – directly in the browser to it can save time and money. When designing in code, we become aware of dificulties that may arise from a design, and can tackle them early in the process.

At the same time, in order to test the product I can work in Figma.

Note to Companies Looking for help
I can create quick iterations from wireframes and sketches to beautifully coded websites and interfaces.

Note to developers creating products
With the wireframes created, I can code them into pixel perfect interfaces. I have done full stack work with Rails, Django and React, and understand how to communicate with the backend people.

Special note to CEO’s, COOs…
I specialise in startups needing quick deployment. As a startup, you want the most for your money. Hire me and I will do your frontend design / UI and code at the same time.

» Aktivfoodie.com » Bloodlink.life » Bonnier Publications » Børsen » CPHUX.com » DesignToGo.dk » IncPublishing.dk » HacksHackers » Infographics.com » ing.dk » Le Wagon » Lyndgaardmedia.dk » MatchMyThesis.com » Media Hack Days Hackathon » Money Magazine » MTV » Penge og Privatøkonomi » Platypus » RailsGirls Copenhagen » Time Warner » University of Copenhagen » WonderCoders Denmark

Tweets by marcipapineau

Hi! I'm Marci a designer and coder from NYC living and working from Copenhagen.

I and am avaliable for positions + projects with webdesign, UI, product design and frontend code.

Reach out and we can talk about what you are looking for. I look forward to hearing from you!