a selection of my work

Enterprise Migration
Webflow Development
Multi-Language Website
Contentful to Webflow Migration for a global brand-building and management platform
🚧 Currently under development

Frontify

Migration
Website Design
Webflow Development

Swish Oral Care

Check out the work >
Revamped Calgary-based oral care clinic website in Webflow for seamless team edits and maintenance
🚧 Currently under development

Swish Oral Care

Enterprise Migration
Webflow Development
Search Engine Optimization (SEO)
Quality and scalable Webflow development to suit a fast-moving marketing and design team
🚧 Currently under development

Enigma

Webflow Development
Webflow Design System Setup
Refreshed website design & Webflow development for global HR platform for worldwide teams
🚧 Currently under development

Borderless AI

Website Design
Webflow Development
Website design & development to showcase creative email services of a boutique agency based in Vancouver

Branding by Spencer Peppiatt.

🚧 Currently under development

EmailBoutique

Webflow Development
Migration
Clean Webflow development for a Canadian full-service legal firm

Design by Blubird Creative.

🚧 Currently under development

Spraggs Group

Webflow Development
Webflow Design System Setup

The Branded Agency

Check out the work >
Executed fast, high-quality Webflow development to successfully launch a Partner agency’s rebranded website
🚧 Currently under development

The Branded Agency

Brand Design
Website Design
Webflow Development

Brim Analytics

Check out the work >
Custom single-page marketing website for an advanced LLM-guided medical chart abstraction product
🚧 Currently under development

Brim Analytics

Webflow Development
Website Design
New service page design and Webflow development for Vancouver-based cosmetic surgery clinic
🚧 Currently under development

8 West Clinic

Website Design
Webflow Development

Gallant Investment Partner

Check out the work >
Website redesign for a global investment company
🚧 Currently under development

Gallant Investment Partner

Brand Design
Website Design
Webflow Development

Sprig & Sprout

Check out the work >
Website refresh for a Vietnamese restaurant focusing on increasing direct online orders

Project completed while at Slam Media Lab.

🚧 Currently under development

Sprig & Sprout

WordPress Migration
Webflow Development

International Aviation Marketing

Check out the work >
WordPress to Webflow migration for an international helicopter sales, acquisition and advisory company
🚧 Currently under development

International Aviation Marketing

WordPress Migration
Webflow Development

Popcorn Digital

Check out the work >
WordPress to Webflow migration for Vancouver-based creative marketing agency
🚧 Currently under development

Popcorn Digital

Webflow Development
Website Design
Membership Access

La Chaine Vancouver

Check out the work >
A web refresh for Chaîne des Rôtisseurs of Vancouver to highlight fine dining events and culinary professionals
🚧 Currently under development

La Chaine Vancouver

Webflow Development
Webflow development for Canada's largest independent, female-led, and employee-owned PR agency
🚧 Currently under development

Media Profile

Webflow Development
A dynamic and responsive web experience spotlighting Pathway’s athlete-first NIL model

Design by Deutsch.

🚧 Currently under development

Pathway

Website Design
Webflow Development

A&D Engineering

The Project

Redesign and develop a modern website for a software sales representative in Asia.

Check out the work >
A modern web front for selling a structural design and analysis program
🚧 Currently under development

A&D Engineering

Webflow Development

Twigs Paper

Twigs Paper is an eco-friendly paper products e-commerce store. They have a beautifully curated website with products that are equally as beautiful. This Webflow development is done as practice to create responsive sites and as my take on Flux Academy's Design Challenge for June 2021.

Development Criteria

The challenge highlights the following as elements for evaluation:

  • How visually similar the development is to the original
  • Class usage efficiency
  • Load speed
  • CMS simplicity (if applicable)
  • Responsiveness
  • Animations
  • Layout efficiency
  • Element usage efficiency (ex. no extra divs)

The Process

Replicating or recreating the general look of a website is pretty straightforward, but nailing small details can be challenging. In the case of Twigs Paper's homepage, every section had slightly different layout and different animation. As much as I want to say it was easy recreating Twigs Paper's homepage, it was not all straightforward.

I used a combination of the CSS Peeper extension and Chrome DevTools to inspect the make of each web element. This process was lengthy but I gathered a lot of information on class, div, and animation specifics. Specifically how they all responded to different screen sizes.

Aside from native customization-abilities in Webflow, some elements and interaction required custom code. Below are a few of the custom elements.

Custom Fonts

Twigs Paper's site uses custom fonts purchased from Klim Type Foundry, specifically they use Tiempos and Calibre. I was able to download test fonts to use for free. Custom fonts can easily be implemented on Webflow.

CSS Customization

CSS code was added to customize scroll bar colors, select hover interactions, and text selection color.

Custom Slider Using Slick

The slider in "Our Best Seller" section uses slick slider by Ken Wheeler. Slide styling and customization was done through HTML.

The Result

The overall development was a lot of fun and I think it turned out really well! Check out the live site to see all the custom interactions - I must say The Papestielliz did a killer job on the design. If you're interested in seeing my development up close, you can clone the site on Webflow.

After a lot of waiting, the challenge results were finally announced in November: I WON the challenge! 🎉

Check out the challenge review below and see all the other top entries!

Check out the work >
Recreating a beautiful e-commerce experience
🚧 Currently under development

Twigs Paper

Nancy Peng

Web Designer & Webflow Developer

I work with entrepreneurs, marketing teams, and brand designers to create custom marketing websites for businesses across industries.

work inquiries

Website design
Webflow development
WordPress to Webflow migration
Website audit
Web automations
Enterprise Webflow development

Send me a message via email. I respond to all inquiries in 24-48 hours.

about me

I'm Nancy, and I specialize in helping businesses build scalable, performant, and easy-to-maintain websites so they can move fast and focus on what they do best.

testimonials

Nancy has been instrumental in developing and enhancing websites for our clients and our own website, showcasing a level of professionalism that sets her apart. Her commitment to delivering high-quality work is evident in every project she handles, resulting in enhanced user experiences and client satisfaction. I wholeheartedly recommend her to anyone looking to elevate their web presence.
Dennis Pang
- Principal & Agency Director @ Popcorn
Hiring Nancy was the best decision we could have made for our website. Although we reached out to her to transfer our existing site to Webflow, she was also able to provide thoughtful design recommendations. She was able to interpret our vision and elevated both the functionality and aesthetic of many pages on our website. I’m grateful for Nancy’s hard work on our website and cannot recommend her highly enough.
Chantal Padavattan
- Lead of Strategy & Operations @ Gentle Lion
Nancy demonstrated an exceptional ability to identify and fix critical issues that were hindering our site's performance. She meticulously cleaned up the website architecture, ensuring it was optimized for speed, security, and usability. Her attention to detail and technical expertise were evident in every interaction. Nancy is a rare find – a talented developer who not only excels in her craft but also understands the broader business and marketing context.
Marisa Ruffles
- Chief Marketing Officer @ Fluence Technologies
Working with Nancy has been a game-changer for our web projects. Her exceptional design skills and Webflow expertise have consistently delivered stunning, user-friendly websites that exceed our clients' expectations. Additionally, Nancy's wonderful personality and responsiveness make her a pleasure to work with.
Andrew Wong
Nancy was incredibly responsive, asked thoughtful and insightful questions, and delivered exceptional results throughout our collaboration. Her professionalism and deep expertise in Webflow were evident at every stage of the project. It was a seamless and enjoyable experience working with her.
Cassie Stethem
- Senior Digital Producer @ Deutsch
Nancy is not only incredibly creative but also highly knowledgeable in Webflow development. She took my ideas and transformed them into a beautiful, functional site that exceeded my expectations. I couldn’t be happier with the result, and I highly recommend her to anyone looking for top-tier web design and development!
Annett Forcier
- Founder & Director @ EmailBoutique
We collaborated with Nancy on a client project to migrate a neglected WordPress site to WebFlow. Her efficient, high-quality work significantly reduced admin costs, making the site effortlessly maintainable by non-technical users. Nancy surpassed expectations with her attention to detail and expertise with WebFlow CMS features.
Alex McKeachie
- Principal Consultant @ Silius Technologies Inc.
Working with Nancy has been great! She's organized, professional, and thorough. Her expertise and knowledge in Webflow has greatly helped us improve our website's design, functionality, and speed. Quick turnaround times, great communication.
TOM LEE
- Senior Content Strategist @ Excedr
Working with Nancy is a joy! She collaborated closely with our creative team to build a sleek, contemporary Webflow site. Her process was smooth, and her expert knowledge made the most of the platform. Her skills and the results are amazing. Nancy is a pro and a trusted Webflow partner.
Kristina Ortega
- Creative Director, UX @ Deutsch
Nancy did a phenomenal job designing a landing page for our startup. She is creative and flexible, helping us develop a strong brand and color scheme, giving helpful feedback on content, and building a beautiful and mobile-optimized site. Best of all, she has helped us manage the site on our own as Webflow novices. Would absolutely work with Nancy again!
Betina Evancha
- Product Leader @ Brim Analytics
Nancy was fast, accurate, responsive and understood exactly what we wanted. She met all deliveries ahead of scheduled and responded promptly to any questions with clear videos that helped us to understand how to maintain the site going forward. Five star service all around!
Tamara LechneR
- Co-Founder @ Apricity

brands I've worked with