diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/.DS_Store differ diff --git a/index.html b/index.html index 4ac28d1..9248f35 100644 --- a/index.html +++ b/index.html @@ -1,35 +1,65 @@ -
-
-

-
- Funky S -
-
-
-
-
-
-
-
-
-

-

- Zach is an enthusiastic, young, self-taught web applications developer currently studying at the University of Georgia. -

-

- She does freelance work, writes for CSS Tricks, worked at Delta Data Software as a front-end developer, and is continuously working on personal projects to up his game. -

-

- Look for some of his work & experiments on CodePen, StackOverflow, CSS Deck, or a bit of his recent work below. -

- -

- Feel free to contact him at xxxx[at]gmail.com if you'd like for him to work for you! -

-
-
+ + + + + + + + + + + + + + Atilla Taşkıran – Software Designer Shaping Apps for Simplicity, Purpose & Beauty + + + + + + + + + + + + + + + + + + + + + + + + + +

About

Work

Play

Questions

Contact

About

About

W

W

P

P

Q

Q

C

C

Designing impactful software for
early-stage startups and founders

Hey, I’m Atilla 📷, an independent software designer from Germany with 15+ years of experience. Today, I partner with early-stage startups and founders to create and ship mobile and web apps that both shine and matter.

I’m open to new projects starting October 2024.

Hey, I’m Atilla 📷, an independent software designer from Germany
with 15+ years of experience. Today, I partner with early-stage startups and founders to create
and ship mobile and web apps that both shine and matter.

I’m open to new projects starting October 2024.

Email me

Email me

Tap video to play showreel

Tap to play showreel

"I had a lot of fun working with Atilla. He was very thorough, always asked the right questions, and had an effective design process. He was able to take feedback well and iterate quickly. His passion is energizing and he’s dedicated to providing an excellent outcome and I hope to work with him again in the future."

Farhad Noorzay

CEO, Hoopfit

"I had a lot of fun working with Atilla. He was very thorough, always asked the right questions, and had an effective design process. He was able to take feedback well and iterate quickly. His passion is energizing and he’s dedicated to providing an excellent outcome and I hope to work with him again in the future."

Farhad Noorzay

CEO, Hoopfit

"I had a lot of fun working with Atilla. He was very thorough, always asked the right questions, and had an effective design process. He was able to take feedback well and iterate quickly. His passion is energizing and he’s dedicated to providing an excellent outcome and I hope to work with him again in the future."

Farhad Noorzay

CEO, Hoopfit

"Atilla's process is conceptually rigorous, and his expertise in prototyping and user-centered design makes him a valuable asset to any design team."

Phillip Julian

Head of UX, Vodafone

"Atilla's process is conceptually rigorous, and his expertise in prototyping and user-centered design makes him a valuable asset to any design team."

Phillip Julian

Head of UX, Vodafone

"Atilla's process is conceptually rigorous, and his expertise in prototyping and user-centered design makes him a valuable asset to any design team."

Phillip Julian

Head of UX, Vodafone

"Atilla grasps the problems straight away and solves them with uncanny speed and precision. His years of experience have enabled us to transform complex problems into flawless interfaces which our customers love using."

Martin Weber

CEO, Sparetech

"Atilla grasps the problems straight away and solves them with uncanny speed and precision. His years of experience have enabled us to transform complex problems into flawless interfaces which our customers love using."

Martin Weber

CEO, Sparetech

"Atilla grasps the problems straight away and solves them with uncanny speed and precision. His years of experience have enabled us to transform complex problems into flawless interfaces which our customers love using."

Martin Weber

CEO, Sparetech

"I had the pleasure of working and building a product from scratch with Atilla. Being a designer just doesn't mean great at designing but also great at understanding the user problem and iterating to find the best possible UX and Atilla is great at it. It is a lot of fun to work with Atilla and he is also a great mentor."

Sheetij Jain

Product Manager, trivago

"I had the pleasure of working and building a product from scratch with Atilla. Being a designer just doesn't mean great at designing but also great at understanding the user problem and iterating to find the best possible UX and Atilla is great at it. It is a lot of fun to work with Atilla and he is also a great mentor."

Sheetij Jain

Product Manager, trivago

"I had the pleasure of working and building a product from scratch with Atilla. Being a designer just doesn't mean great at designing but also great at understanding the user problem and iterating to find the best possible UX and Atilla is great at it. It is a lot of fun to work with Atilla and he is also a great mentor."

Sheetij Jain

Product Manager, trivago

Tidbits

Child of deaf adults (CODA)
Married, Dad of two
Exploring iPhone filmmaking
Mechanical watch enthusiast
Opted for a 'dumbphone' from '18–'21

Services

0->1 Projects
Concept Visuals
Delightful Enhancements
Design Systems
Interaction Design
Interface Design
Product Design
Product Strategy
Prototyping
Sketch and Paper (Seriously)
Wireframing (Yes)
3D & Motion

Selected Clients & Partners

Deutsche Bank
Deutsche Post
Fressnapf
GoLeasy
Hoopfit
Medion
Mercedes Benz
One Data
Opel
Samsung
Sparetech
Stadtwerke Düsseldorf
Telekom
Trivago
TÜV Austria
Vodafone

Hoopfit iPad App

Hoopfit iPad App

Hoopfit iPad App

Hoopfit, founded by a former Apple engineer, is the most advanced portable basketball training system that combines skill development with fitness workouts. You can set it up in under 90 seconds, use it anywhere, and get up to 1,000 shots per hour. The system includes on-demand training videos and real-time AI feedback to help you improve your game and stay fit.

Role

I joined Hoopfit as the principal designer to create the user interface and experience for the iPad app.
I developed numerous interaction prototypes for key features like shooting and workout sessions, ensuring they were smooth and easy to use. Throughout the process, we followed three design principles to maintain consistency and focus on the user experience:

  1. Use high-contrast UI for outdoor visibility.

  2. Increase touch target size for precise and quick selection.

  3. Start a workout in fewer than 3 taps.

I joined Hoopfit as the principal designer to create the user interface and experience for the iPad app. I developed numerous interaction prototypes for key features like shooting and workout sessions, ensuring they were smooth and easy to use. Throughout the process, we followed three design principles to maintain consistency and focus on the user experience:

  1. Use high-contrast UI for outdoor visibility.

  2. Increase touch target size for precise and quick selection.

  3. Start a workout in fewer than 3 taps.

Services

0->1 Project, Product Strategy, Product Design, Interface Design, Interaction Design, Prototyping

Stadtwerke Düsseldorf App

Stadtwerke Düsseldorf App

Stadtwerke Düsseldorf App

Stadtwerke Düsseldorf App

Stadtwerke Düsseldorf is a municipal utility company based in Düsseldorf, Germany. They provide essential services including electricity, natural gas, drinking water, and district heating to over a million people in Düsseldorf and surrounding areas. Their app serves more than 100k customers, allowing them to submit meter readings, manage their accounts, and access billing information.

Role

I was hired to design and lead the meter reading app and build it up from scratch. The main goal of this initiative was to help customers understand and manage their energy use better through meaningful insights. It aimed to create a business model centered around the customer relationship rather than the product.
Our main focus was on making it easy, quick and delightful to submit meter readings by scanning with a phone camera, ensuring accuracy and clear cost information.

I was hired to design and lead the meter reading app and build it up from scratch. The main goal of this initiative was to help customers understand and manage their energy use better through meaningful insights. It aimed to create a business model centered around the customer relationship rather than the product. Our main focus was on making it easy, quick and delightful to submit meter readings by scanning with a phone camera, ensuring accuracy and clear cost information.

Services

0->1 Project, Product Strategy, Product Design, Interface Design, Interaction Design, Icons, Prototyping

Sparetech App & Design System

Sparetech App & Design System

Sparetech App & Design System

Sparetech App & Design System

Sparetech, founded by two former Porsche engineers, offers an AI-powered SaaS platform for efficient industrial spare parts management. Their solution helps manufacturing companies like Porsche, Bosch and Festo to identify, order, and manage spare parts, reducing costs and environmental impact. Their platform streamlines workflows, enabling smarter decisions and improved sustainability in spare parts handling.

Role

I was hired to help the team enhance the overall user interface design of the SaaS platform, while also developing new product design features in close collaboration with their clients. During a separate phase, I undertook the task of establishing and leading the development of a comprehensive design system kit with over 100+ components, which included the creation of an accessible and perceptually uniform color system, screen design templates and interaction prototypes. This initiative helped the product team to optimize the overall operational efficiency and cut the production cost for developing new features.

Services

Product Strategy, Product Design, Design System, Color System, Interface Design, Prototyping

Medion Apps

Medion Apps

Medion Apps

Medion Apps

Medion, headquartered in Essen, Germany, offers affordable consumer electronics such as computers, smartphones, and home appliances. Known for their high-quality products, they primarily sell through retailers like Aldi.

Role

I was brought on to redesign Medion’s home apps from scratch. The original apps for their air conditioner, air purifier, vacuum robot, and pet feeder were visually unclear, hard to navigate, and inconsistent. We faced two big challenges: aligning the app interface with the hardware’s system status and creating a cohesive design language for all four apps. Through iterative testing and prototyping, we achieved a clear and user-friendly solution by incorporating design components like a control bar within thumb’s reach and using consistent interactions across all apps. This approach made the apps intuitive and a breeze to use.

Services

Product Design, Interface Design,
Interaction Design, Prototyping

Fressnapf Design & Color System

Fressnapf Design & Color System

Fressnapf Design & Color System

Fressnapf Design & Color System

Fressnapf is Europe’s top pet supply retailer, offering a wide range of products and services through 1,900+ stores and online platforms across 13 countries under the Fressnapf and Maxi Zoo brands. Their app has 6 million installs and is active in 5 countries.

Role

I joined to help the design team streamline and unify the fragmented design system, reworking core components to build a solid structure that works for multiple products. One major focus was implementing an accessible, perceptually uniform color system using the OKLCH color space, ensuring it works seamlessly across various products and delivers optimal results. We started by establishing a structured design system framework, utilizing design tokens to create a cohesive design for iOS and Android platforms. This approach ensured a scalable and consistent solution that seamlessly applied across web, app, and various services.

Services

Design System, Color System, Interface Design

One Data App & Color System

One Data App & Color System

One Data App & Color System

One Data App & Color System

Providing a comprehensive data product builder platform, One Data helps organizations like SCHOTT and thyssenkrupp efficiently create, manage, and share data products across departments. Their AI-powered tools like the One Data Map streamline workflows, enhance collaboration between IT and business users, and support modern data management concepts like Data Mesh and Data Fabric.

Role

I teamed up with the design crew to refine One Data’s user interface and created a unified color system for the One Data Map that’s clear, accessible, and scalable for complex data visualizations. The One Data Map is an interactive tool that brings together data visualization and management, offering a single, interactive map to view and navigate data from various sources. In a separate effort, I helped the team set up a solid, future-proof design system structure.

Services

Interface Design, Design System, Color System, Interaction Design, Prototyping

Deutsche Post Identifcation App

Deutsche Post Identifcation App

Deutsche Post Identifcation App

Deutsche Post Identifcation App

Germany’s leading postal and logistics provider Deutsche Post offers a secure and convenient identity verification service through its POSTIDENT app, used by millions annually for tasks such as opening bank accounts or activating SIM cards, whether from home or on the go.

Role

Together with SprintEins, we designed and developed the POSTIDENT app from the ground up. I was responsible for the user interface and interaction design, aiming to make legally-binding verifications as seamless as possible, whether you’re interacting with the app directly or with a call center agent. This involved rigorous testing and prototyping to ensure the app is accessible to everyone, including deaf users, and functional across multiple languages.

Services

0->1 Project, Product Strategy, Product Design, Interface Design, Interaction Design, Prototyping

Vodafone Broadband App

Vodafone Broadband App

Vodafone Broadband App

Vodafone Broadband App

As one of the world’s largest mobile network operators, Vodafone delivers a comprehensive suite of services, including mobile voice and messaging, data plans, fixed broadband, and TV options. With multiple apps supporting these services, the company operates in 22 countries, serving millions of customers globally.

Role

In close collaboration with SMAL GmbH, I helped Vodafone build a design system for their flagship apps, including the Broadband app. My role focused on leading the design direction and ensuring a cohesive design language across all Vodafone apps, creating a seamless connected experience between the hardware and software.

Services

0->1 Project, Design System, Interface Design, Interaction Design, Prototyping

Imagination playground

Beyond my regular job, I enjoy exploring new disciplines that help me become a better designer. I weave these insights into my daily workflow, creating an organic cycle of improvement in my work.

My current experiments are a healthy blend of 3D design, motion, and interaction.

Occasionally updated.

Beyond my regular job, I enjoy exploring new disciplines that help me become a better designer. I weave these insights into my daily workflow, creating a organic cycle of improvement in my work.

My current experiments are a healthy blend of 3D design, motion, and interaction.

Occasionally updated.

What's it like working with you?

Think of me as a trusted friend with your best interests at heart. When we work together, I aim to guide you to the best of my ability. It’s all about mutual growth and learning. I prioritize iterative sharing, providing regular updates through email, Slack or Loom to ensure quick feedback cycles.

How long does a project take?

Projects usually range from 2 weeks to 3 months, though some have spanned up to 2 years. Every design project is unique and its full potential only unfolds over time after launch. I believe in maintaining healthy relationships, so I won’t leave you in the dark once the project is complete. I’m here to provide continued support whenever needed.

Do you accept all projects?

Nope. I only take on projects that align with my values and exclusively collaborate with people who care about the business impact of design and high-quality craftsmanship. Plus, I’ll only accept a project if I’m confident that the value you get from my services exceeds your investment.

How do you price your work?

I’ll dedicate ample time to understand your needs and what works best for your situation, then provide a clear, fixed price. This ensures transparency upfront about your investment, leaving no room for surprises. Project rates typically range between €30,000 and €5,000.

Are you open to receiving files with unnamed layers?

Absolutely, as long as the file itself is structured in some way.

Do you offer simple one-time consultations?

Sure. My clients often hire me for what I call time-to-value projects. Building a tangible prototype to validate a certain idea or creating specific interactions to provide an overall feel are two examples of this type of work. Feel free to contact me with your project details at hey@atillataskiran.com.

Got a design subscription hiding in the shadows?

Nope.

+ + + + + + +
+ + + + + + + + + +
+ + + + + diff --git a/style.css b/style.css deleted file mode 100644 index f6a4051..0000000 --- a/style.css +++ /dev/null @@ -1,136 +0,0 @@ -/* @import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900); */ -body { - background-color: #141414; - background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEyMCc+Cgk8ZGVmcz4KCQk8cGF0dGVybiBwYXR0ZXJuVW5pdHM9J3VzZXJTcGFjZU9uVXNlJyBpZD0nYycgd2lkdGg9JzYwJyBoZWlnaHQ9JzEyMCcgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDUgMTAnPgoJCQk8cGF0aCBmaWxsLW9wYWNpdHk9JzAnIHN0cm9rZT0nIzI5MjkyOScgc3Ryb2tlLXdpZHRoPScwLjA5JyBkPSdNLTIsMUw3LDEwTS0yLDZMNywxNU0tMiwtNEw3LDUnLz4KCQk8L3BhdHRlcm4+CgkJPHBhdHRlcm4gcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgaWQ9J2MyJyB3aWR0aD0nNjAnIGhlaWdodD0nMTIwJyB4PScxMDAlJyB5PScwJyB2aWV3Qm94PScwIDAgNSAxMCc+CgkJCTxwYXRoIGZpbGwtb3BhY2l0eT0nMCcgc3Ryb2tlPScjMjkyOTI5JyBzdHJva2Utd2lkdGg9JzAuMDknIGQ9J003LDFMLTIsMTBNNyw2TC0yLDE1TTcsLTRMLTIsNScvPgoJCTwvcGF0dGVybj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPSc1MCUnIGhlaWdodD0nMTAwJScgZmlsbD0ndXJsKCNjKScvPgoJPHJlY3QgeD0nNTAlJyB3aWR0aD0nNTAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYzIpJy8+Cjwvc3ZnPg=='); - - margin:0; padding:0; - overflow-x:hidden; - height:100%; - font-family: 'Lato', Helvetica, arial, sans-serif; - font-weight: 300; - font-size: 20px; - line-height: 1.45; - color: #eee; - color: rgba(255,255,255,.85); -} -#container { - padding-top: 50px; -} -#content { - max-width: 43em; - padding:10px; - margin: 0 auto; -} -h1 { - font-size: 4.8em; - font-weight: 100; - text-transform: uppercase; - margin: 0; -} -h3 { - font-size: 2.4em; - font-weight: 300; - line-height: 1.5; -} -p, li { - font-size: 1.7em; -} -a { - font-weight: 700; - text-decoration: none; - color: #fff; -} -a:hover { - text-decoration: underline; -} -p#pleft { - max-width:20em; - float:left; -} -p#pright { - max-width:20em; - float:left; -} -ul { - clear:both; -} - - -html { font-size: 62.5%; } -body { font-size: 1em;} - -/* PYRAMID CODE */ -.stage { - -webkit-transform:scale(1.85); - transform:scale(0.85); - float:right; - margin-right:120px; - margin-top:30px; - width:0px; height:0px; - - position:relative; - -webkit-perspective:1200px; - -webkit-perspective-origin:50% 50%; - perspective:1200px; - perspective-origin:50% 50%; -} -.pyramid3d { - position:relative; - width:150px; - height:150px; - - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - -webkit-transform: rotateX(75deg) rotate(65deg); - transform: rotateX(75deg) rotate(65deg); - -webkit-animation: turnPyramid 10s linear infinite; - animation: turnPyramid 10s linear infinite; -} -.triangle { - -webkit-transform-style:preserve-3d; - transform-style:preserve-3d; - width:0; height:0; - background:none; -} -.triangle:before{ - content:""; - position: absolute; - height: 0; width: 0; - border-style: solid; - border-width: 176px 75px 0 75px; -} -.side1 { -webkit-transform: translatex(0) rotatey(115.2deg) rotatez(90deg); transform: translatex(0) rotatey(115.2deg) rotatez(90deg); } -.side2 { -webkit-transform: translatex(150px) rotatez(90deg) rotatex(64.8deg); transform: translatex(150px) rotatez(90deg) rotatex(64.8deg); } -.side3 { -webkit-transform: translatez(0) rotatex(64.8deg); transform: translatez(0) rotatex(64.8deg); } -.side4 { -webkit-transform: translatey(150px) rotatex(115.2deg); transform: translatey(150px) rotatex(115.2deg); } -.side1:before{ border-color: rgba(115, 115, 0, 0.3) transparent transparent transparent; } -.side2:before{ border-color: rgba(20, 90, 225, 0.3) transparent transparent transparent; } -.side3:before{ border-color: rgba(255, 0, 0, 0.3) transparent transparent transparent; } -.side4:before{ border-color: rgba(0, 255, 255, 0.3) transparent transparent transparent; } - - -@-webkit-keyframes turnPyramid { 100% { -webkit-transform: rotateX(75deg) rotate(425deg); } } -@keyframes turnPyramid { 100% { transform: rotateX(75deg) rotate(425deg); } } - -@media (max-width: 300px) { - html { font-size: 70%; } - .stage { -webkit-transform:scale(0.05); transform:scale(0.05); } -} -@media (max-width: 440px) { - h1 { line-height:55px; } -} -@media (max-width: 460px) { - .stage { position:absolute; top:25px; left:50%; margin-left:-45px; } - h1 { margin-top:50px; text-align:center; } -} -@media (max-width:600px) { .stage { -webkit-transform:scale(0.55); transform:scale(0.55); margin-right:60px; } } -@media (min-width: 600px) { - html { font-size: 80%; } - .stage { -webkit-transform:scale(0.68); transform:scale(0.68); margin-right:80px; } -} -@media (min-width: 880px) { - html { font-size: 120%; } - p, li { font-size: 1em; } - p#pright { margin-left:3em; } - .stage { -webkit-transform:scale(0.85); transform:scale(0.85); margin-right:120px; } -} \ No newline at end of file