Studi Kasus · 2022-Sekarang

trenntmap.de
Bersama untuk Berlin yang lebih baik

Menampilkan berbagai tempat dan acara berkelanjutan di sekitar Berlin.

trenntmap.de

Tahun

2022-Sekarang

Layanan

Konsepsi, Desain & Pengembangan

Tumpukan

Django, React, TailwindCSS, MapboxGL

01

Perencanaan

miro

Tahap Konsep untuk Berlin Recycling GmbH

Untuk Berlin Recycling GmbH, kami telah menetapkan tujuan yang ambisius untuk mengurangi limbah di Berlin. Kami ingin mencapai ini dengan menunjukkan kepada warga tempat-tempat di mana mereka dapat menyerahkan dan menjual barang bekas. Tujuan utamanya adalah untuk mendukung ekonomi sirkular dan membuat kehidupan di Berlin lebih berkelanjutan. Untuk mencapai ini, kami telah mengembangkan platform web di mana pengguna dapat memasukkan lokasi atau acara yang terkait dengan ekonomi sirkular untuk mengurangi limbahh.

Teknologi dan Desain

Platform ini dikembangkan dengan backend yang kuat berbasis Django dan dilengkapi dengan database geolokalisasi yang disesuaikan. Kami juga mengintegrasikan antarmuka untuk staf Berlin Recycling GmbH agar mereka dapat mengelola lokasi dan menyetujui informasi yang dipublikasikan oleh pengguna. Dalam desainnya, kami mengikuti prinsip-prinsip Material UI dan terinspirasi oleh platform airbnb.

Pendekatan Kami

Dalam fase konseptual, kami pertama-tama fokus untuk memahami dengan tepat apa yang diharapkan dan dibutuhkan oleh pengguna akhir dari solusi ini. Untuk itu, kami membuat "Perjalanan Pengguna" untuk memastikan bahwa logika bisnis klien sesuai dengan kebutuhan pengguna. "Perjalanan Pengguna" ini membantu kami memvisualisasikan seluruh proses dari perspektif pengguna akhir dan memastikan bahwa platform ini intuitif dan ramah penggunaa.

Setelah kami menetapkan "User Journey" yang sesuai, kami melakukan analisis kompetisi. Ini membantu kami menentukan bagaimana solusi kami berbeda dari yang lain dan apa yang menjadi keunggulan penjualan unik kami. Ini juga memberi kami kesempatan untuk mengumpulkan inspirasi untuk fase desain dan memahami fitur atau pendekatan apa yang paling baik berfungsi di industri inii.

Langkah penting lainnya dalam fase ini adalah pembuatan "Wireframes" kasar. "Wireframes" ini memungkinkan kami untuk mengidentifikasi masalah potensial dengan konsep secara dini dan memastikan antarmuka pengguna baik dari segi fungsionalitas maupun estetikaa.

Optimisasi SEO juga merupakan bagian penting dari fase ini. Kami telah melakukan penelitian intensif untuk menentukan kata-kata yang paling cocok dan teknologi yang paling efektif, untuk memastikan bahwa platform ini dioptimalkan baik untuk pengguna maupun mesin pencarii.

02

Desain

figma

Implementasi Visual dengan Figma

Untuk fase desain, kami menggunakan Figma, sebuah alat canggih yang memungkinkan kami mengimplementasikan ide-ide kami menjadi prototipe realistis. Desain yang tepat sangat penting karena pengguna di internet memutuskan dalam hitungan detik apakah sebuah situs web menarik atau tidak menarikk.

Identitas Perusahaan (CI) dan Sistem Desain

Salah satu elemen utama dari pekerjaan desain kami adalah memastikan bahwa Identitas Perusahaan (CI) dari Berlin Recycling GmbH terintegrasi dalam solusi ini. Hal ini memastikan bahwa platform ini tidak hanya fungsional, tetapi juga konsisten dengan identitas merek perusahaan. Kami sangat percaya pada prinsip "Form follows function" dan selalu berusaha untuk membuat perangkat lunak ini seuser-friendly mungkin. Kami tunduk pada sistem desain modern seperti Material Design yang menjadi panduan bagi kami dan terinspirasi oleh desain platform Airbnb. Sistem desain seperti ini membantu membuat situs web kami mudah dikenali dan digunakann.

Desain Mobile dan Responsiveness Di dunia digital saat ini, 70% situs web dikunjungi oleh pengguna seluler. Oleh karena itu, sangat penting bagi kami untuk memikirkan Desain Mobile dan Responsivitas terlebih dahulu. Dengan Figma, kami dapat memastikan bahwa desain kami berfungsi dengan baik tidak hanya di desktop, tetapi juga di tablet dan smartphone. Ini menjamin pengalaman pengguna yang mulus, terlepas dari perangkat yang digunakan.

Desain berorientasi pada target audiens

Salah satu aspek penting lainnya adalah mempertimbangkan audiens target. Melalui "User Journeys" yang dibuat dalam fase konseptual, kami memiliki pemahaman yang jelas tentang siapa pengguna utama kami akan menjadi. Ini memungkinkan kami untuk membuat desain yang sesuai dengan orang-orang yang telah ditentukan sebelumnya, baik itu warga rata-rata Berlin yang ingin hidup berkelanjutan, atau staf Berlin Recycling GmbH yang akan menggunakan platform ini untuk mengelola lokasi dan menyetujui informasi penggunaa.

kesimpulan

Fase desain adalah langkah kritis dalam kerja sama kami dengan Berlin Recycling GmbH. Dengan menggabungkan pusat pengguna, prinsip desain modern, dan penggunaan Figma, kami dapat membuat platform yang tidak hanya menarik secara estetika, tetapi juga fungsional dan ramah pengguna. Dengan desain yang dipikirkan dengan baik seperti ini, kami yakin bahwa platform ini akan berhasil berkontribusi untuk membuat kehidupan di Berlin lebih berkelanjutann.

03

pengembangan

djangoreacttailwindmapboxgl

Teknologi yang Digunakan dan Penggunaannya

Django: Django adalah kerangka kerja web yang kuat yang berbasis Python. Untuk proyek ini, kami menggunakan Django sebagai teknologi backend untuk membuat platform yang tangguh dan dapat diskalakan. Khususnya, kami telah mengintegrasikan database geolokalisasi yang disesuaikan untuk memberikan informasi lokasi yang akurat kepada pengguna.

React: React adalah perpustakaan frontend terkemuka yang memungkinkan kami untuk membuat antarmuka yang reaktif dan ramah pengguna. Dengan React, kami dapat mengintegrasikan data yang disediakan oleh Berlin Recycling GmbH secara mulus dan memberikan interaksi yang lancar kepada pengguna dengan platform tersebut.

TailwindCSS: Framework CSS berbasis utilitas ini membantu kami menerapkan desain yang erat dengan prinsip Material UI dengan cepat dan efisien. Ini memungkinkan kami untuk membuat desain responsif yang terlihat dan berfungsi dengan baik di berbagai perangkat.

MapboxGL: Untuk memberikan pengguna representasi visual dari lokasi dan acara di bidang ekonomi sirkular, kami telah menggunakan MapboxGL. Alat ini memungkinkan kami untuk mengintegrasikan peta interaktif ke dalam platform, yang membantu pengguna menemukan tempat yang diinginkan dengan mudah.

Pendekatan dan prinsip-prinsip kami

Salah satu prinsip utama dalam proyek ini adalah kesederhanaan. Kami telah menemukan bahwa kompleksitas yang tidak perlu tidak hanya memperpanjang waktu pengembangan, tetapi juga meningkatkan biaya. Oleh karena itu, kami fokus pada prioritas pengalaman pengguna dan penyesuaian pilihan teknologi kami dengan ituu.

Dengan menggunakan alat-alat canggih seperti Github's Copilot, kami berhasil terus mengoptimalkan proses pengembangan kami. Copilot membantu kami menulis kode dengan lebih efisien dan menghindari masalah pengembangan yang sering terjadi, yang menegaskan komitmen kami terhadap efisiensi dan inovasii.

hasil proyek

Proyek ini telah disampaikan tepat waktu dan dalam anggaran yang telah ditetapkan. Kombinasi antara perencanaan yang teliti, teknologi yang tepat, dan tim yang berdedikasi telah menghasilkan implementasi yang sukses. Platform yang telah kami kembangkan untuk Berlin Recycling GmbH tidak hanya akan membantu mengurangi limbah di Berlin, tetapi juga meningkatkan kesadaran tentang ekonomi sirkular dan membuat kehidupan di kota ini lebih berkelanjutann.

Akhirnya, kami dengan bangga dapat mengatakan bahwa pekerjaan kami akan membuat perbedaan nyata bagi warga Berlin dan lingkungan secara keseluruhann.

Siap untuk Anda
proyek web berikutnya

dengan Desent?

Ceritakan kepada kami tentang rencanamu — kami akan menghubungi dalam waktu 24 jam dengan penilaian awal dan langkah selanjutnya.