Branding & Website.

Branding & Website.

Branding & Website.

FikaAtWork

FikaAtWork

FikaAtWork

2025

2025

Sepideh Borna

UI- & UX design, Logo Design, Motion Design.

Sepideh's portfolio here.

The team

Me & Meja Bengtegård

Project Management, UI- & UX Design, Branding, Logo Design, Motion Design, Pitch Deck, Website in Webflow.
Meja Bengtegård’s portfolio here.

Brief

Our mission was to create a brand identity, brandbook, pitch deck, illustrations/icons of their product categories, and create and publish their website in Webflow.

The Company

FikaAtWork is a locally rooted supplier based in Jämtland, Sweden, offering fika solutions tailored to the workplace. 100% locally owned, providing a wide range of products from quality coffee to vending solutions.

Programs

  • Figma

  • Webflow

  • Adobe CC

THE PROCESS

Research

UX Research and Personas



Background research
External analysis

Visual Identity

Brand guidelines
Logo
Photography and AI-image prompting

Website Building

Web Design
UX
Building in Webflow
Launch of Website

Website Building

Wireframes

UI/UX design

UX testing

Iterating

Building in Webflow

Wireframes

UI/UX design

UX testing

Iterating

Building in Webflow

We began the FikaAtWork project with market research, UX research, persona development, and external analysis to define the brand’s positioning and tone.

Based on these insights, we created a moodboard and three stylescapes, which led to the selection of the typeface Jost and an earthy color palette. We then developed the brand guidelines, including logo, typography, color system, and overall visual direction.

In parallel, we designed the website, starting with a sitemap that we later developed into wireframes to define structure and user flows, before applying the finalized visual identity.

Through weekly check-ins, we ensured a smooth workflow from strategy and branding to web design, Webflow development, and launch.

KEY TAKEAWAYS

Developing a Brand from Scratch

Combine Strategy With Design

Including market research, visual exploration, and iterative design collaboration with the client. By working closely with the company, we translated abstract ideas into a cohesive visual language — including typography, color schemes, tone of voice, and design principles.

Gained hands-on experience collaborating with a real client, strengthening my ability to align strategy, design decisions, and communication with business goals.

Creating Infographics for a Customer

Developing a Brand

The goal was to simplify complex instructions and present them in a visually intuitive way. We focused on accessibility, clarity, and visual consistency with the overall brand identity.

Developed a brand from the ground up, balancing a strong sense of place and atmosphere with a clear and compelling communication of the product offering.

Create a free website with Framer, the website builder loved by startups, designers and agencies.