Portfolios

* * *

WebSlides

Design faster, better.

Create a beautiful portfolio for your work

WebSlides is really easy

Each parent <section> in the #webslides element is an individual slide.

Code looks superb. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer. Tutorials: Components · Classes.

<article id="webslides">
    <!-- Slide 1 -->
    <section>
    <h1>Design for trust</h1>
    </section>
    <!-- Slide 2 -->
    <section class="bg-primary">
    <div class="wrap">
    <h2>.wrap = container (width: 90%)</h2>
    </div>
    </section>
    </article>

Examples

All content is for demo purposes only.

  1. Welcomes & Abouts
  2. Covers & Case Studies
  3. Metrics & Data
  4. Services & Clients
  5. Galleries
  6. Cards
  7. Features & Benefits
  8. CV/Resumé
  9. Quotes
  10. SVG Icons
  11. Logos
  12. CSS Alignments
  13. CSS Animations
  14. Background images
  15. Embedding videos, maps, charts...
  16. Typography

Design for trust

Design for understanding

  • 100% purpose

    Businesses that people love

  • Principles

    Useful → Easy → Fast → Beautiful

We make interfaces and content strategy.

We are digital people by nature. When we develop a vision, it is based on knowledge, research and experience. Those images are for demo purposes only.

How we work?

  • 01. Passion

    When you're really passionate about your job, you can change the world.

  • 02. Purpose

    Why does this business exist? How are you different? Why matters?

  • 03. Principles

    Leadership through openness, empathy, usefulness, and good taste.

  • 04. Process

    • Useful
    • Easy
    • Fast
    • Beautiful

Covers

Mercedes-Benz

Defining a new platform for the connected car

Designing Experiences

Meet locals who share your interests.

Redesigning Pay

Content demo. We've been working with the Acme team over the last three months to build a new app.

Case study › Open site ›

Christmas Campaign 2016

A new home for Apple

We established visual branding and photography direction. All content is for demo purposes only.

Case study ›

A Phone by Google

We worked closely with the very talented people at Acme and created a new website. Content demo.

Pixel Phone
Screenshot

HTML/CSS Browser: .browser

Metrics & Data

WebSlides help you build a culture of innovation.

Everyone loves stories. WebSlides is about good karma. Hypertext, clean code, and beauty as narrative elements. All content is for demo purposes only.

  • Founded 1976
  • 120+ Prebuilt Slides
  • 24M Downloads
  • Revenue: $16M
  • Founded 2032
  • 24M Subscribers
  • Revenue: $16M
  • Monthly Growth 64%
  • 8 Offices
  • 48 Employees
  • EBITDA: $2,4M
  • Bank: $32M

3,456,789

downloads in first 48 hours

1,000,000

We're working to protect up to a million acres of sustainable forest.

$48 Billion

Revenue in Q2 2019

Services & Clients

Interfaces

Design for growth. We've built a team of world-class designers, developers, and managers.

Videos

We connect your audience needs, business goals, and brand values into a strategy.

Recruiting

We offer personalized services with deep expertise in design and technology.

Formation

We train teams to help organizations succeed in the digital age.

.grid > .column

Services

ul.flexblock (flexible blocks).

  • Interfaces

    1. Architecture
    2. Design
    3. Development

  • Content Strategy

    Beautiful and engaging stories that inspires consumers to take action.

  • Customer Experience

    Attitude. Little details. People always remember how you made them feel.

  • Recruitment

    We like to help startups by working with them since the beginning.

Clients

ul.flexblock.clients.border

Galleries

.flexblock.gallery

Team

.flexblock.gallery

Team

.flexblock.gallery

.flexblock.gallery

Cards

Mobile Screenshot
Annie Spratt (Unsplash)

Travis

.card-50.bg-white

Travis is the most popular travel app in the world. It collects reviews from travellers about hotels, restaurants and attractions. We partnered with various divisions to create a campaign for Travis Pro.

  • Role: Content Strategy
  • Client: Travis
  • Year: 2017
iWatch
Crew (Unsplash)

Watchly

.fullscreen > .card-50

These days it's easy to make interfaces. There are a lot of frameworks out there, but it's still really hard to make a great interface.

  • Role: Frontend
  • Client: Acme
  • Year: 2018

Features & Benefits

Features

  • → Simple Navigation

    with arrow keys and swipe.

  • Permalinks

    Go to a specific slide.

  • Slide Counter

    Current/Total number

  • 40+ Beautiful Components

    Covers, cards, quotes...

  • Vertical Rhythm

    Use multiples of 8.

  • 500+ SVG Icons

    Font Awesome Kit.